:root{--ink:#18181b;--muted:#6b6b73;--line:#dedde2;--paper:#fff;--wash:#f2f1f4;--accent:#ff4d6d;--accent-dark:#c9184a;--focus:#3a86ff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--wash);color:var(--ink);font:14px/1.45 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,label.tool{cursor:pointer}button:focus-visible,input:focus-visible,label.tool:focus-within,select:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 42%,transparent);outline-offset:2px}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:68px;flex:none;display:grid;grid-template-columns:280px minmax(220px,420px) 1fr;grid-gap:28px;gap:28px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line);z-index:2}.brand,.topbar{align-items:center}.brand{display:flex;gap:10px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:900;font-size:20px}.brand div{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:15px}.brand small{color:var(--muted);margin-top:4px}.project-name{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.project-name input{min-width:0;flex:1 1}.top-actions{justify-self:end;display:flex;gap:8px}.button{min-height:40px;padding:0 14px;border:1px solid var(--line);background:#fff;font-weight:700;display:inline-flex;align-items:center;gap:8px}.button svg{width:17px}.button.primary{background:var(--accent);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.button:hover{transform:translateY(-1px)}.workspace{min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr) 292px;flex:1 1}.sidebar{background:#fff;overflow-y:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.sidebar section{padding:18px;border-bottom:1px solid var(--line)}h2{font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin:0 0 14px;display:flex;align-items:center;gap:7px}h2 svg{width:16px}h2 span{margin-left:auto;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tool,.tool-grid button{min-height:72px;border:1px solid var(--line);background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.tool-grid button:hover,.tool:hover{border-color:var(--ink);background:#fff}.tool-grid svg{width:21px}.field{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center;margin:12px 0;color:var(--muted);font-size:12px}.field input[type=number],.field select{grid-column:1/-1}.field input[type=color]{width:42px;height:34px;padding:2px}.field input[type=range]{grid-column:1/-1;width:100%}input,select{min-height:38px;border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:0;width:100%}.hint{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px}.hint svg{width:15px}.stage-column{min-width:0;display:grid;grid-template-rows:48px minmax(0,1fr) 32px}.stage-toolbar{justify-content:space-between;padding:0 14px;background:#fff;border-bottom:1px solid var(--line)}.stage-toolbar,.stage-toolbar>div{display:flex;align-items:center}.stage-toolbar button{width:36px;height:36px;border:0;background:transparent}.stage-toolbar button:hover:not(:disabled){background:var(--wash)}button:disabled{opacity:.35;cursor:not-allowed}.stage-toolbar svg{width:18px}.divider{width:1px;height:22px;background:var(--line);margin:0 7px}.zoom{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.zoom input{width:110px}.stage{padding:44px;place-items:center;background-color:#e8e7eb;background-image:linear-gradient(45deg,#dedde2 25%,transparent 0),linear-gradient(-45deg,#dedde2 25%,transparent 0),linear-gradient(45deg,transparent 75%,#dedde2 0),linear-gradient(-45deg,transparent 75%,#dedde2 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-frame{flex:none;box-shadow:0 16px 50px rgba(20,20,24,.2);background:#fff}.canvas-frame canvas{display:block}.status{display:flex;align-items:center;gap:8px;padding:0 14px;background:#fff;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.status span:last-child{margin-left:auto}.status-dot{width:7px;height:7px;border-radius:50%;background:#06d6a0}.empty{border:1px dashed var(--line);padding:20px;text-align:center;color:var(--muted);font-size:12px}.row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.row button{min-height:55px;border:1px solid var(--line);background:#fff;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.row svg{width:16px}.layers h2{margin-bottom:10px}.layers>button{width:100%;min-height:40px;border:0;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;gap:9px;text-align:left;padding:6px}.layers>button.active{background:#fff1f4;box-shadow:inset 3px 0 var(--accent)}.layer-icon{display:grid;place-items:center;width:30px;height:26px;background:var(--wash);font-size:9px;font-weight:800}.swatches{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.swatches button{aspect-ratio:1;border:1px solid #bbb}.media-search{display:flex;gap:6px}.media-search button{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:0 10px}.media-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:10px;max-height:280px;overflow:auto}.media-grid button{position:relative;aspect-ratio:1;border:0;padding:0;overflow:hidden;background:#ddd}.media-grid img{width:100%;height:100%;object-fit:cover;display:block}.media-grid span{position:absolute;inset:auto 0 0;background:rgba(0,0,0,.7);color:#fff;font-size:9px;padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:980px){.workspace{grid-template-columns:230px minmax(0,1fr)}.right-panel{display:none}.topbar{grid-template-columns:210px 1fr}.project-name{display:none}}@media(max-width:680px){.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{position:-webkit-sticky;position:sticky;top:0;height:auto;min-height:64px;grid-template-columns:1fr auto;padding:10px}.button{font-size:0;padding:0 12px}.button svg{margin:0}.workspace{display:flex;flex-direction:column}.left-panel{order:2;border:0}.stage-column{order:1;height:70vh}.stage{place-items:start center;padding:24px}.sidebar{overflow:visible}.tool-grid{grid-template-columns:repeat(4,1fr)}.left-panel section{padding:14px}.top-actions{gap:6px}}@media(prefers-reduced-motion:no-preference){.tool,button{transition:transform .15s ease,background-color .15s ease,border-color .15s ease}}@media(min-width:681px){.app-shell{position:fixed;inset:0;height:auto}}.custom-size{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;grid-gap:7px;gap:7px;margin-top:12px}.custom-size label{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:11px}.custom-size span{padding-bottom:10px;color:var(--muted)}.custom-size input{min-width:0}.apply-size{width:100%;min-height:38px;margin-top:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:700}.apply-size:hover{background:var(--accent-dark)}.size-help{margin:6px 0 0;color:var(--muted);font-size:11px}.backup-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.backup-actions .wide-action{min-height:46px;margin:4px 0;padding:7px;font-size:11px}.backup-actions .wide-action.is-disabled{opacity:.45;pointer-events:none}.local-storage-note{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.pexels-tools{display:grid;grid-gap:7px;gap:7px;margin-top:8px;font-size:11px}.pexels-tools a{color:var(--accent-dark);font-weight:700}.pexels-key-button{justify-self:start;min-height:30px;border:1px solid var(--line);padding:4px 8px;background:#fff;font-size:11px}.pexels-tools form{display:grid;grid-gap:6px;gap:6px;padding:9px;border:1px solid var(--line);background:var(--wash)}.pexels-tools label{display:grid;grid-gap:4px;gap:4px;font-weight:700}.pexels-tools input{min-height:34px;font-weight:400}.pexels-tools small{color:var(--muted);line-height:1.4}.pexels-tools form>div{display:flex;gap:5px;flex-wrap:wrap}.pexels-tools form button{min-height:30px;border:1px solid var(--line);padding:3px 7px;background:#fff;font-size:10px}.stage-toolbar button.is-active{color:var(--accent-dark);background:#fff1f4}.wide-action{width:100%;min-height:40px;margin:10px 0;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.wide-action:hover{border-color:var(--ink);background:var(--wash)}.wide-action svg{width:17px}.section-help{margin:-7px 0 10px;color:var(--muted);font-size:11px}.align-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.align-grid button{min-height:40px;border:1px solid var(--line);background:#fff}.align-grid button:hover{border-color:var(--ink);background:var(--wash)}.align-grid svg{width:18px}.effect-row{min-height:40px;margin:10px 0 0;padding:0 10px;justify-content:space-between;border:1px solid var(--line);background:var(--wash);color:var(--muted);font-size:12px}.effect-row,.effect-row label{display:flex;align-items:center}.effect-row label{gap:8px;cursor:pointer;color:var(--ink);font-weight:700}.effect-row input{width:17px;min-height:17px;accent-color:var(--accent)}.shadow-slider{margin-top:8px}.secondary-size{width:100%;min-height:36px;margin-top:6px;border:1px solid var(--line);background:#fff;font-weight:700}.save-time{color:var(--muted);font-size:11px}.export-select{width:112px}.stage-column{min-height:0;height:100%;overflow:hidden;grid-template-rows:48px minmax(0,1fr) 112px 32px}.page-strip{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:8px 12px;background:#fff;border-top:1px solid var(--line)}.add-page{flex:none;width:72px;height:74px;border:1px dashed var(--line);background:var(--wash);display:grid;place-items:center;font-size:11px}.add-page svg{width:18px}.page-chip{flex:none;width:92px;border:1px solid var(--line);background:#fff}.page-chip.active{border-color:var(--accent-dark);box-shadow:0 0 0 2px #ffd8e0}.page-chip>button{width:100%;height:64px;border:0;background:var(--wash);display:grid;place-items:center;overflow:hidden;position:relative}.page-chip img{width:100%;height:100%;object-fit:contain}.page-chip small{position:absolute;inset:auto 0 0;background:rgba(0,0,0,.72);color:#fff;padding:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-chip>div{display:grid;grid-template-columns:repeat(4,1fr)}.page-chip>div button{border:0;border-top:1px solid var(--line);background:#fff;height:24px}.text-tools{display:grid;grid-gap:9px;gap:9px;padding:10px;border:1px solid var(--line);background:var(--wash);margin-bottom:12px}.text-tools label{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:7px;gap:7px;color:var(--muted);font-size:11px}.text-tools label input[type=number],.text-tools label input[type=range],.text-tools label select{grid-column:1/-1}.text-buttons{display:grid;grid-template-columns:36px 36px 36px 1fr;grid-gap:5px;gap:5px}.text-buttons button{border:1px solid var(--line);background:#fff}.text-buttons button.active{background:var(--ink);color:#fff}.font-picker{position:relative;grid-column:1/-1;min-width:0}.font-picker>input{width:100%}.font-picker-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;padding:4px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 22px #0002}.font-picker-list button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border:0;background:#fff;text-align:left;font-size:16px}.font-picker-list button.active,.font-picker-list button:hover,.font-picker-list button[aria-selected=true]{background:#fff1f4}.font-picker-list button:focus-visible,.font-picker>input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.font-picker-list small{flex:none;color:var(--muted);font:9px/1.2 system-ui,sans-serif}.font-picker-list p{margin:8px;color:var(--muted);font-size:12px}.layer-row{display:grid;grid-template-columns:1fr 34px 34px;min-height:42px;border-bottom:1px solid #eee;background:#fff}.layer-row.active{background:#fff1f4;box-shadow:inset 3px 0 var(--accent)}.layer-row button{border:0;background:transparent;padding:5px}.layer-row>button:not(.layer-main) svg{width:15px}.layer-main{display:flex;align-items:center;gap:7px;min-width:0;text-align:left}.layer-main>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:680px){.stage-column{height:82vh;grid-template-rows:48px minmax(0,1fr) 104px 32px}.export-select,.save-time{display:none}}.media-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:8px}.media-tabs button{min-height:34px;border:1px solid var(--line);background:#fff}.media-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-top:10px;max-height:280px;overflow:auto}.icon-grid button{min-width:0;aspect-ratio:1;border:1px solid var(--line);background:#fff;padding:7px;display:grid;place-items:center;grid-gap:3px;gap:3px}.icon-grid img{width:28px;height:28px}.icon-grid span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.sidebar>section.accordion-section{padding:0}.accordion-section>h2{min-height:48px;margin:0;padding:0 18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion-section>h2:after{content:"⌄";margin-left:auto;font-size:18px;line-height:1;transform:rotate(-90deg);transition:transform .16s ease}.accordion-section.accordion-open>h2:after{transform:rotate(0)}.accordion-section>h2:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 42%,transparent);outline-offset:-3px}.accordion-section:not(.accordion-open)>:not(h2){display:none}.accordion-section.accordion-open>:not(h2){width:calc(100% - 36px);max-width:calc(100% - 36px);margin-left:18px;margin-right:18px}.accordion-section.accordion-open>:last-child{margin-bottom:18px}.accordion-section.accordion-open>h2+*{margin-top:0}.brand-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.brand-card{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);background:#fff;text-align:left}.brand-card:hover{border-color:var(--ink);transform:translateY(-1px)}.brand-card.active{border-color:var(--accent-dark);box-shadow:0 0 0 2px #ffd8e0}.brand-visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--wash)}.brand-visual>img,.brand-visual>span{width:100%;height:100%;display:block;object-fit:cover}.brand-colors{position:absolute;left:6px;bottom:6px;display:flex;padding:3px;background:#fff;border:1px solid rgba(0,0,0,.15)}.brand-colors i{width:17px;height:17px;display:block}.brand-card>small,.brand-card>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.brand-card>strong{padding-top:8px;font-size:13px}.brand-card>small{padding-top:2px;padding-bottom:8px;color:var(--muted);font-size:9px}.brand-assets{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.brand-assets h3{margin:0 0 9px;font-size:12px}.brand-assets>small{display:block;margin:9px 0 5px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.brand-assets>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.brand-assets button{min-width:0;aspect-ratio:1;padding:5px;border:1px solid var(--line);background:var(--wash)}.brand-assets button:hover{border-color:var(--ink);background:#fff}.brand-assets img{width:100%;height:100%;object-fit:contain;display:block}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(15,15,18,.68);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.brand-modal{width:min(660px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.brand-modal>header{position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:74px;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line)}.brand-modal header span{color:var(--accent-dark);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.brand-modal header h2{margin:3px 0 0;font-size:20px;text-transform:none;letter-spacing:0}.brand-modal header button{width:40px;height:40px;border:1px solid var(--line);background:#fff}.brand-modal header svg{width:18px}.brand-modal form{display:grid;grid-gap:16px;gap:16px;padding:18px}.modal-field{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.brand-modal fieldset{margin:0;padding:12px;border:1px solid var(--line)}.brand-modal legend{padding:0 5px;font-size:12px;font-weight:700}.brand-color-editors{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.brand-color-editors label{min-width:0;display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:9px;text-align:center}.brand-color-editors input{width:100%;height:40px;padding:2px}.asset-upload-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.asset-upload-grid label{min-height:92px;padding:14px;display:grid;align-content:center;grid-gap:3px;gap:3px;border:1px dashed var(--line);background:var(--wash);cursor:pointer}.asset-upload-grid span{color:var(--muted);font-size:10px}.asset-upload-grid input{min-height:30px;padding:4px 0;border:0;background:transparent;font-size:10px}.asset-preview{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px}.asset-preview img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}.brand-modal form>footer{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.brand-modal .modal-spacer{flex:1 1}.shapesoup-backdrop{z-index:65}.shapesoup-modal{width:min(900px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.shapesoup-modal>header{min-height:72px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.shapesoup-modal>header span{color:var(--accent-dark);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.shapesoup-modal>header h2{margin:3px 0 0;font-size:20px}.shapesoup-modal>header button,.shapesoup-seed button{width:42px;min-height:42px;border:1px solid var(--line);background:#fff}.shapesoup-modal svg{width:18px;height:18px}.shapesoup-content{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);grid-gap:20px;gap:20px;padding:18px}.shapesoup-controls{display:grid;align-content:start;grid-gap:14px;gap:14px}.shapesoup-controls>label,.shapesoup-dimensions label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.shapesoup-controls label>span{font-size:10px;font-weight:400}.shapesoup-seed{display:grid;grid-template-columns:1fr 42px;grid-gap:6px;gap:6px}.shapesoup-seed button{display:grid;place-items:center}.shapesoup-dimensions{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px;align-items:end}.shapesoup-dimensions>span{padding-bottom:10px;color:var(--muted)}.shapesoup-detail{display:grid;grid-template-columns:1fr auto;grid-gap:7px;gap:7px;align-items:center}.shapesoup-detail input{grid-column:1/-1}.shapesoup-colors{margin:0;padding:10px;border:1px solid var(--line)}.shapesoup-colors legend{padding:0 4px;color:var(--muted);font-size:12px;font-weight:700}.shapesoup-colors>div{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.shapesoup-colors label input{width:100%;height:42px;padding:2px}.shapesoup-preview-wrap{min-width:0;display:grid;grid-template-rows:minmax(220px,1fr) auto}.shapesoup-preview{min-height:260px;display:grid;place-items:center;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 0),linear-gradient(-45deg,#eee 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eee 0),linear-gradient(-45deg,transparent 75%,#eee 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid var(--line)}.shapesoup-preview img{width:100%;height:100%;max-height:430px;object-fit:contain}.shapesoup-preview-wrap>p{margin:7px 0 0;color:var(--muted);font-size:11px}.shapesoup-modal>footer{display:flex;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}.shapesoup-modal>footer>span{flex:1 1;margin-right:10px;color:var(--muted);font-size:11px}.shapesoup-modal button:focus-visible,.shapesoup-modal input:focus-visible,.shapesoup-modal select:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.button.danger{color:#b42318;border-color:#f1b4ae;background:#fff5f4}.button.danger:hover{background:#fee4e2}@media(max-width:600px){.brand-color-editors{grid-template-columns:repeat(3,1fr)}.asset-upload-grid{grid-template-columns:1fr}.asset-preview{grid-template-columns:repeat(4,1fr)}}.brand-credit{color:#9a4b18;text-decoration:none}.brand-credit:hover{text-decoration:underline}.brand small{max-width:215px;line-height:1.2}.brand-credit:focus-visible,.info-page a:focus-visible,.right-panel-footer a:focus-visible{outline:2px solid #713fe3;outline-offset:3px}.info-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:#faf9f7;color:#2e3035}.info-header{min-height:68px;padding:10px clamp(16px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #e7e3df}.info-brand{display:inline-flex;align-items:center;gap:10px;color:#2e3035;text-decoration:none}.info-brand>span{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);border:2px solid #2e3035;box-shadow:3px 3px 0 #2e3035;font-weight:900}.info-header nav{display:flex;align-items:center;gap:8px}.info-header nav a{min-height:44px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;color:#4a4745;text-decoration:none}.info-header nav a:hover,.info-header nav a[aria-current=page]{color:#8a4217;background:#fff4ed}.info-header nav svg{width:14px;height:14px}.info-content{width:min(840px,100%);margin:0 auto;padding:38px 24px 64px}.info-back{display:inline-flex;align-items:center;gap:7px;color:#5c5a59;text-decoration:none;font-size:13px}.info-back:hover{color:#8a4217}.info-back svg{width:16px;height:16px}.info-eyebrow{margin:32px 0 8px;color:#a34e1c;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.info-content h1{margin:0;color:#25252a;font-size:clamp(32px,5vw,48px);line-height:1.12;letter-spacing:-.035em}.info-description{max-width:650px;margin:14px 0 34px;color:#595756;font-size:18px;line-height:1.55}.info-body section{margin:0 0 28px;padding:24px 0 0;border-top:1px solid #e1ddda}.info-body h2{margin:0 0 12px;color:#343235;font-size:19px;letter-spacing:-.01em;text-transform:none}.info-body li,.info-body p{color:#4c4a49;font-size:15px;line-height:1.7}.info-body p,.info-body ul{margin:0 0 12px}.info-body ul{padding-left:22px}.info-body li{padding-left:3px;margin:4px 0}.info-body a{color:#874016;text-underline-offset:3px}.info-body code,.info-body kbd{padding:2px 6px;border:1px solid #ded9d4;border-radius:4px;background:#fff;color:#383638;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.info-body .info-callout{padding:18px 20px;border:1px solid #e0d6f6;border-left:4px solid #713fe3;background:#f5f1fd}.info-callout h2{color:#3f3067}.credit-list{list-style:none;padding:0!important}.credit-list li{padding:10px 0!important;margin:0!important;border-bottom:1px solid #e9e5e1}.credit-list li>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.credit-list li a{font-weight:700}.credit-list li span{color:#62605e;font-size:13px;text-align:right}.info-footer{min-height:58px;padding:14px clamp(16px,4vw,56px);display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e7e3df;background:#fff;color:#686462;font-size:12px}.info-footer a{color:#874016}@media(max-width:600px){.info-header{align-items:flex-start;flex-direction:column;gap:6px;padding-block:12px}.info-header nav{width:100%;justify-content:space-between}.info-header nav a{padding:0 8px}.info-content{padding:26px 18px 42px}.info-description{font-size:16px}.credit-list li>div{align-items:flex-start;flex-direction:column;gap:2px}.credit-list li span{text-align:left}.info-footer{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.shapesoup-content{grid-template-columns:1fr}.shapesoup-preview{min-height:210px}.shapesoup-modal>footer{flex-wrap:wrap}.shapesoup-modal>footer>span{flex-basis:100%;margin:0}.shapesoup-modal>footer button{flex:1 1}}.right-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.left-panel-content,.right-panel-content{min-width:0;min-height:0}.right-panel-content{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.left-panel-content>section.accordion-section,.right-panel-content>section.accordion-section{padding:0}.right-panel-footer{flex:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:#fff}.right-panel-footer a{min-height:46px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.right-panel-footer a+a{border-left:1px solid var(--line)}.right-panel-footer a:hover{color:var(--ink);background:var(--wash)}@media(max-width:980px){.right-panel{display:none}}.stage{min-height:0;display:grid;place-items:safe center;overflow:auto;cursor:-webkit-grab;cursor:grab;overscroll-behavior:contain}.stage.is-panning{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage .canvas-frame{margin:24px auto}.color-modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:rgba(15,15,18,.68);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.color-modal{position:relative;width:min(760px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.color-modal>header{flex:none;min-height:72px;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line)}.color-modal header span{color:var(--accent-dark);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.color-modal header h2{margin:3px 0 0;font-size:20px;text-transform:none;letter-spacing:0}.color-modal header button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:#fff}.color-modal button svg,.color-modal header svg{width:17px;height:17px}.color-modal-body{overflow-y:auto;padding:16px 18px 18px}.color-modal-help,.color-modal-hint{margin:0 0 10px;color:var(--muted);font-size:12px}.color-extractor-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.color-extractor-actions button{min-height:38px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;font-size:12px}.color-extractor-actions button:hover{border-color:var(--ink);background:var(--wash)}.color-drop-zone{min-height:210px;max-height:410px;display:grid;place-items:center;overflow:auto;border:1px dashed #bcbac2;background-color:#f8f8f9;background-image:linear-gradient(45deg,#e9e8eb 25%,transparent 0),linear-gradient(-45deg,#e9e8eb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e9e8eb 0),linear-gradient(-45deg,transparent 75%,#e9e8eb 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.color-drop-zone.has-image{cursor:crosshair}.color-drop-zone canvas{max-width:100%;max-height:390px;width:auto;height:auto;display:block;cursor:crosshair}.color-drop-zone canvas.hidden{display:none}.color-drop-hint{min-height:210px;padding:24px;display:grid;justify-items:center;align-content:center;grid-gap:8px;gap:8px;text-align:center}.color-drop-hint svg{width:26px;height:26px;color:var(--muted)}.color-drop-hint strong{font-size:13px}.color-drop-hint small{color:var(--muted);font-size:11px}.color-modal-hint{margin:8px 0 0}.color-magnifier{position:fixed;z-index:90;display:none;width:132px;height:132px;border:2px solid var(--accent);pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.24);image-rendering:pixelated}.color-result{display:flex;gap:12px;margin-top:14px}.color-result-swatch{flex:none;width:76px;min-height:100%;border:1px solid rgba(0,0,0,.18)}.color-values{flex:1 1;min-width:0;display:grid;grid-gap:6px;gap:6px}.color-value{min-width:0;min-height:38px;padding:4px 6px 4px 9px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff}.color-value>span{width:34px;color:var(--muted);font-size:10px;font-weight:800}.color-value code{flex:1 1;min-width:0;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.color-value button{min-height:30px;padding:0 7px;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:#fff;font-size:10px}.color-recent{margin-top:14px}.color-recent>strong{display:block;margin-bottom:7px;font-size:11px}.color-recent>div{display:flex;flex-wrap:wrap;gap:7px}.color-recent button{width:30px;height:30px;border:1px solid rgba(0,0,0,.24)}.color-modal-footer{margin-top:16px;padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;border-top:1px solid var(--line)}.color-modal-footer>span{flex:1 1}@media(max-width:600px){.color-modal-backdrop{padding:10px}.color-modal{max-height:calc(100vh - 20px)}.color-modal-body{padding:12px}.color-result{gap:7px}.color-result-swatch{width:56px}.color-modal-footer>span{flex-basis:100%}}