:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;color:#202b40;background:#f5f6f8;--ink: #202b40;--muted: #586477;--action: #263b5a;--copper: #a8563f;--line: #dce1e8;--paper: #fffefa;--soft: #edf2f8;--error: #9a302b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-color:var(--copper)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b85837;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}p{margin-bottom:1.1em}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4vw,50px);font-weight:400;letter-spacing:-.035em;max-width:850px;margin-bottom:20px;text-wrap:balance}h2{font-size:24px;letter-spacing:-.025em}h3{font-size:18px}svg{display:block;max-width:100%}.site-header,.site-footer,main{max-width:1440px;margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:28px/1.2 Georgia,serif;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.brand-mark{color:var(--copper);font-size:34px;line-height:1}.site-header nav{display:flex;align-items:center;gap:8px;font-size:15px}.site-header nav a{padding:9px 14px;border-radius:7px;text-decoration:none}.site-header nav a:hover{background:#e9edf2}.site-header nav a[aria-current]{background:#e7ecf3;color:var(--action);font-weight:600}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:36px 40px 32px}.intro h1{margin-bottom:12px;font-size:clamp(36px,3.7vw,50px)}.intro p:not(.eyebrow){max-width:660px;color:var(--muted);font-size:18px;line-height:1.65;margin-bottom:0}.eyebrow{color:var(--copper);font-size:13px;letter-spacing:.04em;font-weight:600;margin-bottom:12px}.text-link{font-size:14px;font-weight:600}.intro-link{margin-bottom:6px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(400px,470px) minmax(0,1fr);margin:0 40px 40px;border:1px solid var(--line);background:#fff;border-radius:12px;overflow:clip;box-shadow:0 8px 32px #202b4005}.workspace-nav{display:none}.controls{padding:28px;border-right:1px solid var(--line);min-width:0}.section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.section-heading h2{font-size:21px;margin:0;letter-spacing:-.03em}.step{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#edf0f5;font-size:13px;font-weight:600;color:var(--action);font-variant-numeric:tabular-nums}.local-note{width:100%;margin:-10px 0 0 38px;font-size:13px;color:var(--muted)}.drop-zone{padding:25px 20px 22px;border:1px dashed #a5b0bf;border-radius:8px;background:#f8fafc;text-align:center;transition:background .15s,border-color .15s}.drop-zone.dragging{background:#edf2f8;border-color:var(--action);outline:2px solid var(--action);outline-offset:3px}.drop-zone p{font-weight:600;margin-bottom:3px;font-size:16px}.drop-zone>span{display:block;font-size:14px;color:var(--muted);margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:7px;text-decoration:none;font-weight:600;font-size:15px;border:1px solid transparent;line-height:1.4;text-align:center}.primary{background:var(--action);color:#fff;box-shadow:0 2px 3px #202b4010}.primary:hover:not(:disabled){background:#344e71}.secondary{background:#fff;color:var(--action);border-color:#bac4d0}.secondary:hover:not(:disabled){background:#f0f4f8;border-color:#8293a9}.text-button{font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;background:transparent;padding:8px 0;color:var(--action)}.drop-zone .text-button{display:block;margin:8px auto 0;min-height:42px}.helper{font-size:13px;color:var(--muted);line-height:1.65;margin:12px 0 16px}.status{font-size:14px;line-height:1.65;color:var(--action);background:#f0f4f8;border-left:3px solid #8094af;border-radius:0 6px 6px 0;padding:12px 14px;margin:20px 0;overflow-wrap:anywhere}.search-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}input:not([type=checkbox]):not([type=file]),select{width:100%;min-height:46px;border:1px solid #bac4d0;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px;font-size:15px;box-shadow:0 1px 2px #202b4005}input::placeholder{color:#657184}input[type=checkbox]{width:21px;height:21px;margin:5px 0;accent-color:var(--action);cursor:pointer}.selection-actions{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:12px}.selection-actions button{min-height:38px;color:var(--action);background:#f1f4f8;border:1px solid #e3e8ef;border-radius:5px;padding:6px 9px;font-size:13px}.selection-actions button:hover{background:#e6edf6}#selection-info{color:var(--ink);font-weight:500;margin-block:14px}#pair-notice{border-left:2px solid var(--copper);padding-left:12px}.file-list{max-height:600px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-gutter:stable;overscroll-behavior:contain}.file-row{display:grid;grid-template-columns:22px 78px minmax(0,1fr);gap:12px;padding:18px 10px;border-bottom:1px solid var(--line);border-left:3px solid transparent;align-items:start}.file-row:last-child{border-bottom:0}.file-selected{background:#edf2f8;border-left-color:var(--action)}.file-row:focus-within{outline:2px solid #8b9cb4;outline-offset:-2px}.file-thumb{height:78px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dfe4eb;border-radius:5px;overflow:hidden}.file-thumb svg,.file-thumb img{width:100%;height:100%;object-fit:contain}.file-info{min-width:0}.file-id{font-size:13px;font-weight:700;letter-spacing:.025em;margin-bottom:5px;font-variant-numeric:tabular-nums}.file-id .file-format{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid #cbd4df;border-radius:3px;font-size:11px;font-weight:500;color:var(--muted)}.selection-state{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:2px}.file-selected .selection-state{color:#304f73}.file-info h3{font-size:15px;line-height:1.45;overflow-wrap:anywhere;margin:0 0 6px}.file-path,.file-source{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 4px;overflow-wrap:anywhere}.file-source{font-size:12px}.file-meta{font-size:13px;font-weight:600;line-height:1.5;margin:9px 0 5px;font-variant-numeric:tabular-nums}.color-note{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}.detail-button{min-height:42px;font-size:13px;padding-block:8px}.file-details{margin-top:2px}.file-details summary{cursor:pointer;padding:6px 0;min-height:36px;color:var(--action);font-size:13px;text-underline-offset:4px}.file-details summary:focus-visible{outline:3px solid #b85837;outline-offset:3px}.file-details[open] summary{margin-bottom:6px}.file-details .example-credit{margin-bottom:2px}.error-message{font-size:14px;line-height:1.6;color:var(--error);margin:8px 0 0;overflow-wrap:anywhere}.file-error{background:#fff6f4;border-left-color:#c88b80}.file-error .file-thumb{color:var(--error);background:#f5e4df;font-size:26px}.danger{color:var(--error);margin-top:10px}.layout-settings,.export-controls{border-top:1px solid var(--line);margin-top:28px;padding-top:26px}.layout-settings label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.export-controls>.button{width:100%;margin-bottom:10px}.export-controls .helper{margin-bottom:0}.preview-column{background:#e9edf2;padding:28px 32px 32px;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.preview-toolbar .eyebrow{color:var(--ink);font-size:19px;font-weight:600;letter-spacing:-.025em}.preview-toolbar p{font-size:13px;margin:5px 0 0;color:var(--muted)}.preview-toolbar .text-link{font-size:13px;white-space:nowrap;margin-top:5px}.preview-purpose{margin:-4px 0 22px;color:var(--muted);font-size:14px;line-height:1.6}.preview-purpose strong{color:var(--ink);font-weight:600}.preview-purpose p{margin:3px 0 7px;max-width:62ch}.preview-purpose .text-link{display:inline-block;padding-block:5px}.empty-preview{text-align:center;padding-bottom:6px}.sample-caption strong,.sample-caption span{display:block}.sample-caption strong{color:var(--action);font-size:14px;margin-bottom:5px}.sample-caption{text-align:left;font-size:13px;color:var(--muted);margin:0 0 10px}.sample-paper{background:var(--paper);padding:30px;border:1px solid #d5d9df;box-shadow:0 5px 16px #202b400c}.sample-title{font:29px/1.2 Georgia,serif;text-align:left;padding-bottom:18px;border-bottom:1px solid #dedcd5}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px;margin-block:24px}.sample-grid>div{min-width:0}.sample-grid svg{width:100%;aspect-ratio:1.22;height:auto;max-height:240px}.sample-grid span{display:block;text-align:left;font-size:12px;margin-top:10px;overflow-wrap:anywhere}.sample-footer{text-align:left;font-size:12px;border-top:1px solid #dedcd5;padding-top:13px;color:var(--muted)}.empty-preview>p:not(.example-credit){font-size:14px;margin:22px 0 12px}.preview-note{font-size:13px;line-height:1.7;color:var(--muted);max-width:75ch;margin:24px 0 0}.paper{--ink: #26334e;--muted: #596273;--line: #dcd9d2;color:#26334e;line-height:1.55}.paper{--paper-width:216;--paper-height:279;container-type:inline-size;aspect-ratio:var(--paper-width)/var(--paper-height);background:var(--paper);padding:5.5%;margin-bottom:24px;display:flex;flex-direction:column;box-shadow:0 3px 16px #26334e0a;border:1px solid #dedcd5;overflow:hidden}.paper.a4{--paper-width:210;--paper-height:297}.paper-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:2.5%;margin-bottom:3%}.paper-heading h2{font-family:Georgia,serif;font-size:clamp(15px,4.2cqw,30px);font-weight:400;max-width:80%;margin:0;overflow-wrap:anywhere;line-height:1.2}.paper-heading>span{font-size:1.5cqw;letter-spacing:.07em;text-align:right}.paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3% 5%;flex:1;min-height:0}.density-4 .paper-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.density-9 .paper-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3%}.design-cell{display:flex;flex-direction:column;min-height:0;min-width:0;border-bottom:1px solid #e2ded5;padding-bottom:5%}.design-art{flex:1;min-height:0;margin-bottom:8px;overflow:hidden}.design-art svg,.design-art img{width:100%;height:100%;object-fit:contain}.design-caption{flex-shrink:0}.design-id{display:flex;justify-content:space-between;font-weight:700;font-size:1.9cqw;letter-spacing:.02em}.design-id span{font-size:1.6cqw;font-weight:400}.design-caption h3{font-size:1.75cqw;line-height:1.35;overflow-wrap:anywhere;margin:4px 0 3px;font-weight:500}.design-caption p{font-size:1.55cqw;line-height:1.4;margin:0;font-variant-numeric:tabular-nums}.design-caption .print-color-note{font-size:1.4cqw;margin-top:3px;color:#704332}.paper-footer{padding-top:3%;display:flex;justify-content:space-between;gap:12px;font-size:1.5cqw;line-height:1.5;color:var(--muted)}.paper-footer>span:last-child{white-space:nowrap}.no-selection{text-align:center;padding:60px 30px;background:#fff;border:1px solid var(--line);border-radius:6px}.no-selection p,.no-results{font-size:15px}.no-results{padding:16px 10px}.explainer{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin:0 40px;border-top:1px solid var(--line);padding:44px 28px 52px}.explainer h2{font:34px/1.25 Georgia,serif;letter-spacing:-.025em;max-width:340px}.explainer p{color:var(--muted);font-size:16px;max-width:65ch;line-height:1.75}.site-footer{padding:28px 40px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}.site-footer>div{display:flex;flex-wrap:wrap;gap:12px 24px}.skip{position:absolute;left:15px;top:-100px;padding:10px;background:var(--action);color:#fff;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.drop-zone:has(#files:focus-visible){outline:3px solid var(--copper);outline-offset:3px}[hidden]{display:none!important}dialog{width:820px;max-width:calc(100vw - 40px);max-height:90dvh;border:1px solid #d2d9e3;border-radius:12px;background:#fff;color:var(--ink);padding:18px 24px 24px;overflow:auto;box-shadow:0 24px 80px #14213b40}dialog::backdrop{background:#14213b99}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:1;background:#fff;padding-bottom:6px}.detail-heading h2{min-width:0;flex:1;margin:0}.detail-heading form{flex:0 0 auto;margin:0}.detail-heading .button{min-height:44px;padding:8px 16px}dialog h2{font-size:18px;font-weight:400;line-height:1.45;overflow-wrap:anywhere;margin-bottom:8px}.detail-id{display:block;font-size:14px;font-weight:700;line-height:1.5;margin-bottom:4px}.detail-filename{display:block}.detail-source{margin:0 0 6px;color:var(--muted);font-size:14px}.detail-source summary{cursor:pointer;padding-block:6px}.detail-source .file-path{margin:6px 0 0;font-size:14px;overflow-wrap:anywhere}.detail-zoom-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}.detail-zoom-controls button{min-width:48px;min-height:44px;padding:8px 14px;border:1px solid #bdc8d6;border-radius:5px;background:#fff;color:var(--action)}.detail-zoom-controls button[aria-pressed=true]{background:var(--action);color:#fff;border-color:var(--action)}.detail-zoom-status{font-size:14px;line-height:1.5;color:var(--muted)}.detail-inspection-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer}.detail-help{margin:0 0 10px;font-size:14px;color:var(--muted)}.detail-help summary{cursor:pointer;padding-block:4px;line-height:1.5}.detail-help[open] summary{margin-bottom:6px}.detail-help summary:focus-visible,.detail-source summary:focus-visible{outline:3px solid #b85837;outline-offset:3px}dialog .detail-inspection-help{margin-bottom:8px;font-size:14px;line-height:1.6;color:var(--muted)}dialog .detail-zoom-help{font-size:14px;line-height:1.6;margin-bottom:12px}.detail-stage{height:min(55dvh,540px);max-height:calc(90dvh - 210px);min-height:180px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:6px;background:#dce2df}.detail-canvas{margin-inline:auto}.detail-canvas img{display:block;width:100%;height:100%;max-width:none;max-height:none}dialog p{font-size:15px;line-height:1.7}.detail-facts{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:18px 0 14px;padding-bottom:18px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.detail-facts dt{color:var(--muted);font-size:13px;margin-bottom:5px}.detail-facts dd{margin:0;font-size:18px;font-weight:600;line-height:1.5}.detail-colors{color:var(--muted);margin-bottom:12px}.document{max-width:1120px;padding:48px 40px 80px}.document-heading{max-width:800px;margin-bottom:34px}.document h1{margin-bottom:20px}.document .lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:65ch}.document h2{margin:0 0 18px;font-size:24px}.document p,.document li{max-width:70ch;line-height:1.8}.document li{margin-bottom:12px}.document .button{margin-top:10px}.document-section{max-width:760px;margin:36px 0 0;padding-top:32px;border-top:1px solid var(--line)}.document-section p:last-child{margin-bottom:0}#format-notes h3{font-size:18px;margin:28px 0 12px}#format-notes ul{padding-left:22px;margin-block:0 22px}#format-notes li{margin-bottom:8px}.document-toc{display:flex;flex-wrap:wrap;gap:10px 24px;padding:16px 0;margin:24px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.document-toc a{padding-block:4px;color:var(--action)}.document-examples{max-width:1360px;padding-top:32px}.document-examples .document-heading{margin-bottom:24px}.document-examples .document-heading .lead{margin-bottom:0}.example-entry{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:36px 0;border-top:1px solid var(--line);align-items:start}.example-entry h2{margin-top:0}.example-entry>div:first-child{min-width:0}.example-entry-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;padding-top:26px}.example-entry-featured>div:first-child{max-width:none;margin-bottom:0}.example-entry-featured .notice{margin-bottom:18px;padding-left:14px}.example-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;background:#e9edf2;padding:20px;border:1px solid var(--line);border-radius:8px}.example-art>div{min-width:0}.example-art svg{width:100%;height:auto;aspect-ratio:1.2}.example-art .example-art-name{display:block;font-size:13px;text-align:center;line-height:1.5;margin-top:10px;color:var(--muted)}.example-entry-featured .example-art{gap:20px;padding:22px;margin-bottom:0}.example-entry-featured .example-art svg{max-height:290px}.notice{border-left:3px solid var(--copper);padding:8px 0 8px 20px;color:var(--muted);font-size:15px}.noscript{padding:20px 40px;background:#f2e2d8}.example-credit{font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;margin:8px 0}.file-info .example-credit{font-size:12px}.document .example-credit{font-size:13px}.example-licenses{border-top:1px solid var(--line);padding-top:36px;margin-top:12px}.example-downloads{padding-left:20px;margin-block:24px}.example-downloads li{padding-bottom:14px;border-bottom:1px solid var(--line)}.traffic-mode-badge{position:fixed;bottom:12px;right:12px;z-index:1000;background:#26334e;color:#fff;border-radius:4px;padding:7px 10px;font:12px/1.4 system-ui;box-shadow:0 2px 6px #0002}@media(max-width:1150px){.site-header,.intro,.site-footer{padding-inline:28px}.intro{align-items:flex-start}.intro-link{white-space:normal;max-width:160px;margin-top:36px}.workspace{margin-inline:28px;grid-template-columns:minmax(355px,42%) minmax(0,1fr)}.controls,.preview-column{padding:24px 20px}.search-row{grid-template-columns:1fr}.file-row{grid-template-columns:22px 62px minmax(0,1fr);gap:10px;padding-inline:6px}.file-thumb{height:62px}.field-row{gap:12px}.sample-paper{padding:22px}.sample-title{font-size:26px}.sample-grid{gap:20px 14px}.explainer{margin-inline:28px;padding-inline:0;gap:44px}.example-entry{gap:28px}}@media(max-width:900px){.workspace{grid-template-columns:minmax(330px,44%) minmax(0,1fr)}.preview-toolbar{gap:12px;flex-wrap:wrap}.sample-paper{padding:18px}.sample-grid span{font-size:11px}.example-entry{grid-template-columns:1fr;gap:20px}.example-entry-featured{grid-template-columns:1fr;gap:18px}.example-entry-featured>div:first-child{display:contents}.example-entry-featured h2{order:0;margin-bottom:0}.example-entry-featured .button{order:1;justify-self:start;margin-top:0}.example-entry-featured .example-art{order:2;grid-template-columns:repeat(3,minmax(0,1fr))}.example-entry-featured .notice{order:3;margin-bottom:0}.example-entry-featured>div:first-child>p:not(.notice):not(.example-credit){order:4;margin-bottom:0}.example-entry-featured .example-credit{order:5;margin:0}}@media(max-width:760px){html{scroll-padding-top:74px}.site-header{padding:20px 20px 15px;display:block}.brand{font-size:26px}.site-header nav{margin-top:17px;gap:4px;font-size:14px}.site-header nav a{padding:8px 11px}.site-header nav a:first-child{margin-left:-11px}.intro{display:block;padding:28px 20px}.intro h1{font-size:35px;max-width:460px}.intro p:not(.eyebrow){font-size:16px}.intro-link{display:inline-block;max-width:none;margin-top:18px}.workspace-nav{display:flex;position:sticky;top:0;z-index:10;gap:0;padding:8px 12px;background:#f5f6f8;border-block:1px solid var(--line)}.workspace-nav a{flex:1;padding:9px 5px;text-align:center;font-size:13px;line-height:1.4;font-weight:600;text-decoration:none;color:var(--action);border-radius:5px}.workspace-nav a:hover,.workspace-nav a:focus-visible{background:#e3eaf3}.workspace{display:flex;flex-direction:column;margin:0;border:0;border-radius:0;overflow:visible;box-shadow:none}.controls{padding:26px 20px 30px;border-right:0}.local-note{width:auto;margin:0 0 0 auto;font-size:12px}.section-heading{gap:8px}.section-heading h2{font-size:20px}.drop-zone{padding-block:24px 18px}input:not([type=checkbox]):not([type=file]),select{font-size:16px}.search-row{grid-template-columns:1fr}.file-list{max-height:520px}.file-row{grid-template-columns:22px 68px minmax(0,1fr);gap:10px;padding:16px 6px}.file-thumb{height:68px}.file-info h3{font-size:14px}.file-id{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px}.file-id .file-format{margin-left:0}.selection-state{display:inline;margin-top:0}.file-meta{margin-top:6px}dialog{max-width:calc(100vw - 20px);padding:14px}.detail-heading{gap:10px}.detail-heading .button{padding-inline:12px}.detail-filename{font-size:17px}.detail-zoom-controls{gap:6px 8px}.detail-zoom-status{order:1;flex-basis:100%}.detail-stage{height:auto;aspect-ratio:48 / 35;max-height:50dvh;min-height:0}.detail-facts{gap:12px;grid-template-columns:1.2fr 1fr}.detail-facts dd{font-size:16px}.field-row{gap:14px}.preview-column{padding:26px 20px 32px}.preview-toolbar{flex-wrap:nowrap}.sample-paper{padding:22px}.sample-grid{gap:22px 16px}.sample-grid svg{max-height:170px}.sample-grid span{font-size:12px}.sample-caption{font-size:13px}.explainer{display:block;margin:0;padding:36px 20px 40px}.explainer h2{font-size:30px;max-width:370px}.site-footer{padding:25px 20px 30px;flex-direction:column;gap:14px}.site-footer>div{gap:12px 22px}.document{padding:32px 20px 52px}.document h1{font-size:36px}.document .lead{font-size:18px}.document-heading{margin-bottom:28px}.document-section{margin-top:28px;padding-top:28px}.document h2{font-size:23px}.document-toc{gap:8px 18px}.example-entry{padding:30px 0}.example-art{gap:12px;padding:16px}.document-examples .document-heading{margin-bottom:20px}.example-entry-featured{padding-top:22px;gap:16px}.example-entry-featured .example-art{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding:18px}.example-art .example-art-name{font-size:12px}dialog{max-width:calc(100vw - 24px);padding:16px 18px 22px;border-radius:9px}dialog h2{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{html,body{margin:0;padding:0;background:#fff}body>*:not(main),main>*:not(.workspace),.controls,.preview-toolbar,.preview-note,.empty-preview{display:none!important}main,.workspace,.preview-column,#catalog-pages{display:block!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important}.paper{container-type:normal;box-shadow:none;border:0;margin:0;padding:12mm;width:216mm;height:279mm;aspect-ratio:auto;break-after:page;page-break-after:always;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}.paper.a4{width:210mm;height:297mm}.paper:last-child{break-after:auto;page-break-after:auto}.paper-heading{padding-bottom:5mm;margin-bottom:6mm}.paper-heading h2{font-size:22pt;max-width:80%}.paper-heading>span{font-size:8pt}.paper-grid{gap:6mm 8mm}.density-9 .paper-grid{gap:6mm}.design-cell{padding-bottom:3mm;break-inside:avoid}.design-art{margin-bottom:3mm}.design-id{font-size:10pt}.design-id span{font-size:8pt}.design-caption h3{font-size:9pt;margin:2mm 0 1mm;line-height:1.3}.design-caption p{font-size:8pt}.design-caption .print-color-note{font-size:7.5pt}.density-9 .design-caption h3{font-size:8pt}.density-9 .design-caption p{font-size:7.5pt}.paper-footer{font-size:8pt;padding-top:5mm}.no-selection{display:none!important}}@media print{:root{--ink:#26334e;--muted:#596273;--line:#dcd9d2}body{color:#26334e}.workspace-nav,.traffic-mode-badge{display:none!important}}.paper-credit{font-size:1.4cqw;line-height:1.5;color:var(--muted);padding-top:2%;flex-shrink:0}.paper-credit+.paper-footer{padding-top:1.5%}@media print{.paper-credit{font-size:7pt;padding-top:3mm}.paper-credit+.paper-footer{padding-top:2mm}}@media screen and (max-width:760px){.paper{padding:5%;margin-bottom:20px}.paper-heading h2{font-size:4.2cqw}}@media print{.workspace{overflow:visible!important;border-radius:0;box-shadow:none}}@media print{.preview-purpose{display:none!important}}.language-switch{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;max-width:760px;margin-top:16px}.language-switch a{font-size:14px;line-height:1.6;min-height:32px;display:inline-flex;align-items:center}.language-switch a[aria-current=page]{font-weight:700;text-decoration-thickness:2px}.language-note{flex-basis:100%;font-size:13px;line-height:1.6;color:var(--muted,#586477);max-width:65ch}@media print{.language-switch{display:none!important}}.print-art{display:none!important}@media print{.screen-art{display:none!important}.print-art{display:block!important}}.catalog-style-field{margin:20px 0}.catalog-style-field .helper{margin:8px 0 0}#shop-name{margin-bottom:2px}.design-name-label{display:block;margin:12px 0 6px;font-size:13px;font-weight:600}input.design-name-input{min-height:42px!important;font-size:14px!important}.paper{background:#fff}.paper-heading{align-items:flex-end}.paper-identity{min-width:0;flex:1}.paper-heading .paper-identity h2{max-width:100%}.paper-shop{font:600 1.6cqw/1.4 Arial,sans-serif;letter-spacing:.06em;margin:0 0 1.2cqw;overflow-wrap:anywhere}.paper-grid{gap:3% 0}.paper-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;column-gap:5%;row-gap:1.3cqw;min-height:0}.density-9 .paper-row{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3%}.design-cell{display:grid;grid-template-rows:subgrid;grid-row:1 / span 2;padding:0 0 1.8cqw;border-bottom-color:#dfe3e8}.design-art{min-width:0;margin:0;overflow:visible}.design-art svg,.design-art img{display:block}.design-caption{min-width:0;padding-top:.2cqw}.design-id{align-items:baseline;gap:1cqw}.design-caption .design-display-name{font-size:2.1cqw;font-weight:600;margin:.5cqw 0 .65cqw}.design-caption .design-display-name+.design-filename{font-weight:400;color:#596273}.catalog-studio .paper-heading h2{font-family:Arial,sans-serif;font-size:4cqw;font-weight:600;letter-spacing:-.035em}.catalog-studio .design-caption{border-top:1px solid #e5e8ed;padding-top:1.1cqw}.catalog-studio .design-id{color:#26334e}.catalog-gallery .paper-heading{border-bottom:2px solid #a8563f;padding-bottom:3%}.catalog-gallery .paper-heading h2{font-size:4.8cqw}.catalog-gallery .paper-shop{color:#8c4936}.catalog-gallery .design-cell{border-bottom:0;padding-bottom:1cqw}.catalog-gallery .design-caption{padding-top:1.3cqw}.catalog-gallery .design-id{font-size:1.7cqw;color:#8c4936;letter-spacing:.06em}.catalog-gallery .design-id span{color:#596273;letter-spacing:0}.catalog-gallery .design-caption .design-display-name{font:400 2.7cqw/1.25 Georgia,serif;letter-spacing:-.02em;margin:.8cqw 0}.catalog-gallery .design-filename{color:#596273}.catalog-index .paper-heading h2{font:600 3.5cqw/1.25 Arial,sans-serif;letter-spacing:-.025em}.catalog-index .paper-heading{border-bottom:2px solid #26334e}.catalog-index .paper-grid{grid-template-rows:repeat(6,minmax(0,1fr));gap:1.4cqw}.catalog-index.density-4 .paper-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.catalog-index.density-9 .paper-grid{grid-template-rows:repeat(9,minmax(0,1fr))}.catalog-index .paper-row{display:block;min-width:0}.catalog-index .design-cell{height:100%;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr);gap:3.5cqw;align-items:center;padding-bottom:1.4cqw}.catalog-index .design-art{height:100%}.catalog-index .design-caption{padding:0}.catalog-index .design-id{font-size:1.9cqw}.catalog-index .design-display-name{margin-top:.4cqw;font-size:2cqw}.catalog-index.density-9 .design-cell{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr)}.catalog-index.density-9 .design-caption h3{font-size:1.6cqw;margin:.35cqw 0}.catalog-index.density-9 .design-caption p{font-size:1.45cqw}.catalog-index.density-9 .design-caption .print-color-note{font-size:1.3cqw;margin-top:.2cqw}@media print{.paper-shop{font-size:8pt;margin-bottom:3mm}.paper-heading .paper-identity h2{max-width:100%}.paper-row{column-gap:8mm;row-gap:3mm}.density-9 .paper-row{column-gap:6mm}.design-cell{padding-bottom:2mm}.design-caption{padding-top:0}.design-caption .design-display-name{font-size:11pt;margin:1mm 0}.catalog-studio .paper-heading h2{font-size:22pt}.catalog-studio .design-caption{padding-top:2mm}.catalog-gallery .paper-heading{padding-bottom:6mm}.catalog-gallery .paper-heading h2{font-size:27pt}.catalog-gallery .design-cell{padding-bottom:1mm}.catalog-gallery .design-caption{padding-top:1mm}.catalog-gallery .design-id{font-size:9pt}.catalog-gallery .design-caption .design-display-name{font-size:13pt;margin:1mm 0}.catalog-index .paper-heading h2{font-size:20pt}.catalog-index .paper-grid{gap:3mm}.catalog-index .design-cell{gap:7mm;padding-bottom:2mm}.catalog-index .design-id,.catalog-index .design-display-name{font-size:10pt}.catalog-index.density-9 .design-caption h3{font-size:8pt;margin:.7mm 0}.catalog-index.density-9 .design-caption p{font-size:7.5pt}.catalog-index.density-9 .design-caption .print-color-note{font-size:7pt;margin-top:.5mm}}.catalog-gallery .design-caption{display:flex;flex-direction:column}.catalog-gallery .design-display-name{order:-3}.catalog-gallery .design-id{order:-2}.catalog-gallery .design-cell[data-named=false] .design-filename{order:-3;font-family:Georgia,serif;font-size:2.25cqw;color:#26334e;margin:.2cqw 0 .9cqw}@media print{.catalog-gallery .design-cell[data-named=false] .design-filename{font-size:11pt;margin:0 0 1.5mm}}.paper-grid,.density-9 .paper-grid{grid-template-columns:minmax(0,1fr)}.paper-row{grid-column:1 / -1}.lighting-controls{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line)}.lighting-toggle{display:flex!important;align-items:center;gap:10px;min-height:44px;font-size:15px!important}.lighting-controls .helper{margin:6px 0 0}.lighting-status{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--action)}.lighting-status:empty{display:none}.lighting-explanation{font-size:14px;color:var(--muted);line-height:1.65}.sample-grid img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}.example-art img{display:block;width:100%;height:auto;object-fit:contain}@media print{.lighting-controls{display:none!important}}@media screen and (min-width:761px){.preview-column{position:sticky;top:16px;align-self:start;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}@media print{.preview-column{position:static!important;top:auto!important;align-self:stretch!important;max-height:none!important;height:auto!important;overflow:visible!important;overscroll-behavior:auto;scrollbar-gutter:auto}}