.formats-hero{grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);min-height:auto;padding-bottom:clamp(56px,8vh,96px)}.formats-intro-art{border:1px solid var(--portal-line);background:color-mix(in srgb, var(--portal-raised) 74%, transparent);min-height:300px;box-shadow:var(--portal-shadow);border-radius:28px;grid-template-columns:1fr 1.35fr .68fr;align-items:end;gap:clamp(14px,2.2vw,28px);padding:clamp(28px,4vw,56px);display:grid}.formats-intro-format{border:1.5px solid var(--portal-ink);background:color-mix(in srgb, var(--portal-raised) 86%, transparent);width:100%;display:block}.formats-intro-format.is-poussin-horizontal{aspect-ratio:1.309}.formats-intro-format.is-poussin-wide{aspect-ratio:2}.formats-intro-format.is-poussin-vertical{aspect-ratio:.707;justify-self:center;width:72%}.formats-intro-art small{color:var(--portal-subtle);letter-spacing:.16em;text-align:center;grid-column:1/-1;font-size:9px;font-weight:740}.formats-workbench{grid-column:1/-1;margin-top:6px;padding:clamp(18px,2.6vw,32px)}.formats-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;margin-bottom:26px;display:grid}.format-family-tabs,.format-segmented{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.format-family-tabs button,.format-segmented button{border:1px solid var(--portal-line);min-height:40px;color:var(--portal-muted);background:color-mix(in srgb, var(--portal-raised) 58%, transparent);cursor:pointer;border-radius:999px;padding:0 14px;font-size:11px;font-weight:700}.format-family-tabs button span{min-width:23px;height:23px;color:var(--portal-subtle);background:color-mix(in srgb, var(--portal-line) 54%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;margin-left:7px;padding-inline:5px;font-size:9px;display:inline-grid}.format-family-tabs button[aria-pressed=true],.format-segmented button[aria-pressed=true]{color:var(--portal-ink);border-color:var(--portal-line-strong);background:var(--portal-raised);box-shadow:0 4px 14px #1e1e1912}.formats-view-controls{justify-content:flex-end;align-items:end;gap:22px;display:flex}.formats-layout{grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);align-items:start;gap:20px;display:grid}.format-catalog-panel,.format-preview-panel{border:1px solid var(--portal-line);background:color-mix(in srgb, var(--portal-raised) 68%, transparent);border-radius:22px}.format-catalog-panel{min-width:0;padding:clamp(16px,2vw,24px)}.format-catalog-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.format-catalog-head>div{gap:5px;display:grid}.format-catalog-head strong{font-size:14px}.format-catalog-head span,.format-catalog-head p{color:var(--portal-muted);margin:0;font-size:10px;line-height:1.5}.format-catalog-head p{text-align:right;max-width:390px}.format-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.format-series-heading{border-bottom:1px solid var(--portal-line);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 2px 2px;display:flex}.format-series-heading:not(:first-child){margin-top:14px}.format-series-heading strong{letter-spacing:.06em;font-size:12px;font-weight:760}.format-series-heading span{color:var(--portal-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:650}.format-card{border:1px solid var(--portal-line);background:color-mix(in srgb, var(--portal-page) 45%, transparent);border-radius:16px;min-width:0;transition:border-color .15s,background .15s,transform .15s;position:relative}.format-card:hover{border-color:var(--portal-line-strong);background:var(--portal-raised);transform:translateY(-1px)}.format-card.is-selected{border-color:var(--portal-ink);box-shadow:inset 0 0 0 1px var(--portal-ink)}.format-card-select{width:100%;min-height:174px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:13px;padding:15px 13px 13px;display:flex}.format-card-favourite{z-index:1;border:1px solid var(--portal-line);width:32px;height:32px;color:var(--portal-muted);background:color-mix(in srgb, var(--portal-raised) 88%, transparent);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:9px;right:9px}.format-card-favourite[aria-pressed=true]{color:var(--portal-ink)}.format-thumb{place-items:center;min-height:92px;padding:8px;display:grid}.format-thumb-svg{width:100%;height:92px;overflow:visible}.format-thumb-svg rect{fill:color-mix(in srgb, var(--portal-raised) 92%, transparent);stroke:var(--portal-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.format-thumb-guide{fill:none;stroke:var(--portal-muted);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.format-card-copy{gap:4px;min-width:0;display:grid}.format-card-copy small{display:none}.format-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:690;overflow:hidden}.format-card-copy>span{color:var(--portal-muted);font-variant-numeric:tabular-nums;font-size:10px}.format-empty{min-height:260px;color:var(--portal-muted);text-align:center;place-content:center;gap:8px;display:grid}.format-empty p{color:var(--portal-ink);margin:0;font-size:18px}.format-empty span{max-width:280px;font-size:13px;line-height:1.6}.format-empty[hidden],.format-grid[hidden]{display:none!important}.format-preview-panel{padding:clamp(18px,2vw,24px);position:sticky;top:92px}.format-preview-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.format-preview-head>div{min-width:0}.format-preview-head small{color:var(--portal-subtle);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:720}.format-preview-head h2{letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:clamp(24px,3vw,40px);font-weight:520;line-height:1;overflow:hidden}.format-preview-favourite{border:1px solid var(--portal-line);min-height:38px;color:var(--portal-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:720;display:inline-flex}.format-preview-favourite[aria-pressed=true]{color:var(--portal-ink);background:var(--portal-raised)}.format-preview-stage{border:1px solid var(--portal-line);background:color-mix(in srgb, var(--portal-page) 62%, transparent);border-radius:18px;place-items:center;min-height:390px;padding:clamp(24px,4vw,48px);display:grid;overflow:hidden}.format-preview-svg{filter:drop-shadow(0 18px 24px #1b1b1714);width:auto;max-width:100%;height:auto;max-height:360px}.format-preview-stage[data-output-mode=gray] .format-preview-svg{filter:drop-shadow(0 18px 24px #0000002e)}.format-preview-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:15px;display:flex}.format-preview-controls>span{text-align:right;gap:3px;display:grid}.format-preview-controls strong{font-variant-numeric:tabular-nums;font-size:14px}.format-preview-controls small{color:var(--portal-muted);font-size:10px}.format-meta{border:1px solid var(--portal-line);background:var(--portal-line);border-radius:13px;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0 0;display:grid;overflow:hidden}.format-meta div{background:var(--portal-raised);min-width:0;padding:12px}.format-meta dt{color:var(--portal-subtle);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:720}.format-meta dd{text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:11px;font-weight:650;overflow:hidden}.format-description,.format-guide-description{color:var(--portal-muted);margin:15px 0 0;font-size:12px;line-height:1.62}.format-guide-description{border-top:1px solid var(--portal-line);min-height:58px;padding-top:14px}.format-guide-legend{color:var(--portal-subtle);margin:10px 0 0;font-size:10px;line-height:1.5}.format-guide-legend span{color:var(--portal-ink);font-size:13px;font-weight:650}.format-export-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.format-export-actions button,.format-export-actions a{width:100%}.formats-source-note{color:var(--portal-subtle);margin-top:20px;font-size:11px;line-height:1.6}.formats-source-note a{text-underline-offset:3px;text-decoration-thickness:1px}.formats-final-art svg{width:82%;overflow:visible}.formats-final-rule{stroke:currentColor;stroke-width:1px;stroke-dasharray:4 7;opacity:.18}.formats-final-shape{fill:currentColor;fill-opacity:.035;stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}.formats-final-label,.formats-final-ratio{fill:currentColor;dominant-baseline:middle;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.formats-final-label{letter-spacing:.14em;font-size:11px;font-weight:760}.formats-final-ratio{font-variant-numeric:tabular-nums;letter-spacing:.05em;opacity:.52;font-size:11px}.formats-final-format{transform-box:fill-box;transform-origin:50%;transition:transform .26s cubic-bezier(.16,1,.3,1)}.formats-final-art:hover .is-h01{transform:translate(-3px,-2px)}.formats-final-art:hover .is-h10{transform:translate(3px,-2px)}.formats-final-art:hover .is-v03{transform:translateY(3px)}.format-dimension-tool{border-top:1px solid var(--portal-line);margin-top:22px;padding-top:20px}.format-dimension-tool-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.format-dimension-tool-head .portal-eyebrow{margin:0 0 5px}.format-dimension-tool-head h3{letter-spacing:-.025em;margin:0;font-size:18px}.format-dimension-tool-head>strong{color:var(--portal-muted);font-variant-numeric:tabular-nums;font-size:12px}.format-dimension-known{border:1px solid var(--portal-line);background:color-mix(in srgb, var(--portal-page) 58%, transparent);border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-top:16px;padding:4px;display:grid}.format-dimension-known button{min-height:36px;color:var(--portal-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:11px;font-weight:700}.format-dimension-known button[aria-pressed=true]{color:var(--portal-ink);background:var(--portal-raised);box-shadow:0 3px 12px #1e1e1914}.format-dimension-inputs{grid-template-columns:minmax(0,1fr) 82px;gap:8px;margin-top:14px;display:grid}.format-dimension-inputs label{color:var(--portal-muted);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:9px;font-weight:720;display:grid}.format-dimension-inputs input,.format-dimension-inputs select{border:1px solid var(--portal-line);width:100%;min-height:44px;color:var(--portal-ink);background:var(--portal-raised);font-variant-numeric:tabular-nums;border-radius:11px;padding:0 11px;font-size:15px}.format-unit-picker{display:block;position:relative}.format-unit-native{opacity:0;pointer-events:none;height:1px;position:absolute;overflow:hidden;border:0!important;width:1px!important;padding:0!important}.format-unit-trigger{border:1px solid var(--portal-line);width:100%;min-height:44px;color:var(--portal-ink);background:var(--portal-raised);font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:0 11px;font-size:15px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}.format-unit-trigger:focus-visible{outline:2px solid var(--portal-focus);outline-offset:2px}.format-unit-picker.is-open .format-unit-trigger{border-color:var(--portal-ink);box-shadow:0 8px 22px #1e1e191a}.format-unit-chevron{color:var(--portal-muted);font-size:17px;line-height:1;transition:transform .22s cubic-bezier(.16,1,.3,1);transform:translateY(-1px)}.format-unit-picker.is-open .format-unit-chevron{transform:translateY(-1px)rotate(180deg)}.format-unit-menu{z-index:5;border:1px solid var(--portal-line);background:var(--portal-raised);transform-origin:top;border-radius:13px;gap:3px;padding:5px;animation:.18s cubic-bezier(.16,1,.3,1) format-unit-menu-in;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 18px 34px #1e1e1924}.format-unit-menu[hidden]{display:none}.format-unit-menu button{min-height:34px;color:var(--portal-muted);font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 9px;font-size:13px}.format-unit-menu button:hover,.format-unit-menu button[aria-selected=true]{color:var(--portal-ink);background:color-mix(in srgb, var(--portal-page) 72%, transparent)}@keyframes format-unit-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.format-dimension-inputs input[aria-invalid=true]{border-color:var(--portal-danger)}.format-dimension-tool .tool-error{min-height:18px;margin:6px 0 0;font-size:11px}.format-dimension-tool .format-dimension-results{border-radius:13px;margin-top:12px}.format-dimension-tool .format-dimension-results div{padding:11px}.format-dimension-tool .format-dimension-results strong{white-space:nowrap;align-items:baseline;gap:4px;min-width:0;font-size:clamp(16px,2vw,22px);display:flex}.format-dimension-tool .format-dimension-results small{white-space:nowrap;font-size:.62em}.format-dimension-results{border:1px solid var(--portal-line);background:var(--portal-line);border-radius:16px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.format-dimension-results div{background:var(--portal-raised);gap:7px;padding:15px;display:grid}.format-dimension-results span{color:var(--portal-subtle);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:720}.format-dimension-results strong{font-variant-numeric:tabular-nums;font-size:clamp(22px,3vw,34px);font-weight:520}@media (width<=1120px){.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.formats-hero{grid-template-columns:1fr}.formats-intro-art{max-width:720px;min-height:340px}.formats-toolbar{grid-template-columns:1fr;align-items:start}.formats-view-controls{justify-content:flex-start}.formats-layout{grid-template-columns:1fr}.format-preview-panel{position:static}.format-preview-stage{min-height:360px}}@media (width<=700px){.formats-intro-art{min-height:260px;padding:24px}.formats-view-controls{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.format-segmented{flex-wrap:nowrap}.format-segmented button{flex:1;padding-inline:10px}.format-family-tabs{grid-template-columns:1fr;display:grid}.format-family-tabs button{justify-content:space-between;align-items:center;width:100%;display:flex}.format-catalog-head{align-items:start}.format-catalog-head p{display:none}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-card-select{min-height:154px}.format-preview-stage{min-height:320px;padding:24px}.format-preview-svg{max-height:290px}}@media (width<=430px){.formats-view-controls{grid-template-columns:1fr}.format-grid{gap:8px}.format-card-select{min-height:144px;padding:13px 10px 11px}.format-card-favourite{width:30px;height:30px;top:7px;right:7px}.format-preview-stage{min-height:286px}.format-export-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.format-card,.formats-final-format,.format-unit-trigger,.format-unit-chevron{transition:none}.format-unit-menu{animation:none}}.format-dimension-results{grid-template-columns:repeat(3,minmax(0,1fr))}.format-guide-description[hidden],[data-guides-toggle][hidden]{display:none!important}@media (width<=620px){.format-dimension-results{grid-template-columns:1fr}}