@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf)format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Italic.ttf)format("truetype");font-weight:300 700;font-style:italic;font-display:swap}:root{color:#242720;font-synthesis:none;--canvas:#f6f3ed;--surface:#fffefb;--surface-muted:#ece8df;--ink:#242720;--muted:#62665d;--line:#d8d5cc;--accent:#b8472d;--sage:#e1e8d9;background:#f6f3ed;font-family:Manrope,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.38;cursor:not-allowed}a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{border:1px solid var(--line);background:var(--surface);border-radius:7px;min-width:0;padding:11px 12px}textarea{resize:vertical;line-height:1.6}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button,a{transition:background .16s,color .16s,box-shadow .16s,opacity .16s}fieldset{border:0;min-width:0;margin:0;padding:0}em{font-weight:400}.button{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:11px 17px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-muted)}.button.primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}.button.primary:hover:not(:disabled){background:#414639}.button.full{width:100%;margin-top:8px}.icon-button{width:34px;height:34px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover:not(:disabled),.icon-button[aria-pressed=true]{background:var(--surface-muted);color:var(--ink)}.brand{letter-spacing:-2.2px;align-items:center;gap:9px;padding:0;font-size:35px;font-weight:700;line-height:1;display:inline-flex}.brand-mark{letter-spacing:0;color:var(--accent);font-size:35px;font-weight:400}.eyebrow{letter-spacing:1.7px;color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.muted{color:var(--muted);line-height:1.7}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:12px;padding:4px 0;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.skip-link{background:var(--surface);z-index:100;padding:12px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.spinning{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing-header{justify-content:space-between;align-items:center;max-width:1760px;height:104px;margin:auto;padding:0 64px;display:flex}.header-note{letter-spacing:.5px;color:var(--muted);margin-left:36px;margin-right:auto;font-size:12px}.hero{grid-template-columns:44% 56%;align-items:center;gap:0;max-width:1760px;min-height:660px;margin:auto;padding:44px 64px 74px;display:grid}.hero-copy{padding:0 0 12px}.tiny-sun{color:var(--accent);font-size:20px;line-height:1}.hero h1{letter-spacing:-3px;margin:29px 0 27px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(74px,6.3vw,110px);font-weight:500;line-height:.92}.hero h1 em{color:var(--accent)}.hero-copy>p{color:var(--muted);margin-bottom:28px;font-size:13px;line-height:1.9}.hero-cta{min-height:48px;padding:12px 22px}.hero-footnote{color:var(--muted);align-items:center;gap:10px;margin-top:23px;font-size:12px;display:flex}.little-line{background:var(--muted);width:24px;height:1px;display:inline-block}.hero-board{background:#eae6dc;border:12px solid #eae6dc;margin:10px -7px 0 17px;position:relative;transform:rotate(-2deg);box-shadow:0 14px 35px #3e34270c}.hero-board-label{letter-spacing:1.2px;color:#57594e;justify-content:space-between;gap:14px;margin:5px 5px 13px;font-size:12px;display:flex}.board-preview{width:100%;position:relative;overflow:hidden}.preview-scene{transform-origin:0 0;position:absolute;top:0;left:0}.preview-open{text-align:left;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.hero-caption{justify-content:space-between;align-items:center;padding:15px 7px 5px;font-size:12px;display:flex}.handwriting{font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}.hero-board-index{letter-spacing:2px;color:var(--muted);font-size:12px;position:absolute;bottom:-45px;right:-9px}.process-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 128px);max-width:1632px;margin:10px auto 0;padding:34px 0;display:flex}.process-line>div{align-items:flex-start;gap:24px;display:flex}.process-line>div>span{color:var(--accent);padding-top:5px;font-size:12px}.process-line p{font-family:Cormorant Garamond,serif;font-size:27px}.process-line small{color:var(--muted);margin-top:7px;font-family:Manrope,sans-serif;font-size:12px;display:block}.process-line>svg{color:#8b8c81}.demo-section{max-width:1760px;margin:auto;padding:88px 64px}.demo-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:36px;display:flex}.demo-heading h2{margin-top:18px;font-family:Cormorant Garamond,serif;font-size:45px;line-height:1.08}.demo-heading>p{color:var(--muted);padding-bottom:5px;font-size:12px;line-height:1.9}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.demo-card{text-align:left;padding:0}.demo-photo{border-radius:3px;height:320px;position:relative;overflow:hidden}.demo-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.demo-card:hover .demo-photo img{transform:scale(1.025)}.demo-photo>span:first-of-type{background:var(--surface);letter-spacing:1.1px;padding:6px 8px;font-size:12px;position:absolute;top:16px;left:16px}.demo-arrow{background:var(--surface);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:16px;right:16px}.demo-title{justify-content:space-between;align-items:center;gap:10px;margin-top:17px;display:flex}.demo-title h3{font-size:14px;font-weight:600}.demo-title>div{display:flex}.demo-title i{border:1px solid var(--canvas);border-radius:50%;width:12px;height:12px;margin-left:-2px}.demo-card>p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.6}.closing-note{text-align:center;padding:32px 24px 84px}.closing-note>span{color:var(--accent);font-size:36px}.closing-note p{margin:18px 0 24px;font-family:Cormorant Garamond,serif;font-size:40px;line-height:1.15}.landing-footer{border-top:1px solid var(--line);align-items:center;gap:32px;width:calc(100% - 128px);max-width:1632px;margin:auto;padding:30px 0;display:flex}.landing-footer .brand,.landing-footer .brand-mark{font-size:25px}.landing-footer>span{color:var(--muted);font-size:12px}.landing-footer>button:last-child{color:var(--muted);margin-left:auto;font-size:12px}.studio-header{border-bottom:1px solid var(--line);background:var(--canvas);z-index:15;align-items:center;gap:17px;height:72px;padding:0 28px;display:flex;position:relative}.studio-header .brand{font-size:30px}.studio-header .brand-mark{font-size:29px}.header-divider{background:var(--line);width:1px;height:24px}.project-switch{text-align:left;align-items:center;gap:12px;min-width:0;max-width:220px;padding:8px 0;font-size:12px;display:flex}.project-switch>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-switch>svg{flex-shrink:0}.studio-nav{align-self:stretch;align-items:center;gap:4px;margin:auto;display:flex}.studio-nav button{white-space:nowrap;color:var(--muted);border-radius:5px;padding:10px 16px;font-size:12px}.studio-nav button[aria-current=page]{background:var(--surface-muted);color:var(--ink);font-weight:700}.header-actions{align-items:center;gap:5px;display:flex}.save-status{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;margin-right:9px;font-size:12px;display:flex}.save-status.error{color:var(--accent)}.export-top{min-height:36px;margin-left:5px;padding:8px 13px;font-size:12px}.page-content{max-width:1640px;margin:auto;padding:58px 64px 24px}.page-intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:43px;display:flex}.page-intro h1{letter-spacing:-.8px;margin:17px 0 19px;font-family:Cormorant Garamond,serif;font-size:56px;font-weight:500;line-height:1.04}.page-intro h1 em{color:var(--accent)}.page-intro>div>p{color:var(--muted);font-size:12px;line-height:1.8}.intro-actions{gap:10px;padding-bottom:5px;display:flex}.library-controls{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin-bottom:30px;padding-bottom:21px;display:flex}.search{background:var(--surface);border:1px solid var(--line);width:360px;height:42px;color:var(--muted);border-radius:7px;align-items:center;gap:11px;padding:0 12px;display:flex}.search input{outline-offset:2px;background:0 0;border:0;width:100%;padding:9px 0;font-size:12px}.search button{font-size:22px}.filter-button{min-height:42px;color:var(--muted);border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:flex}.filter-button.active{background:var(--surface-muted);border-color:var(--line);color:var(--ink)}.result-count{color:var(--muted);margin-left:auto;font-size:12px}.color-filter{flex-wrap:wrap;align-items:center;gap:10px;margin:-9px 0 25px;display:flex}.color-filter>button:first-child{border-radius:20px;padding:8px 12px;font-size:12px}.color-filter .active{outline:2px solid var(--accent);outline-offset:3px}.color-dot{border:1px solid #77777740;border-radius:50%;width:26px;height:26px}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:34px 24px;display:grid}.material-card{min-width:0;position:relative}.material-visual{background:var(--surface-muted);text-align:left;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.material-visual.shape-0{aspect-ratio:1/1.21}.material-visual.shape-1{aspect-ratio:1/1.5}.material-visual.shape-2{aspect-ratio:1/1.05}.material-visual.shape-3{aspect-ratio:1/1.34}.material-visual>img{object-fit:cover;width:100%;height:100%}.favorite-button{background:var(--surface);width:31px;height:31px;color:var(--ink);border-radius:50%;position:absolute;top:11px;right:11px;box-shadow:0 1px 5px #2427200a}.favorite-button[aria-pressed=true]{color:var(--accent);background:var(--surface)}.material-caption{justify-content:space-between;align-items:center;gap:8px;padding:13px 2px 0;display:flex}.material-caption>div{min-width:0}.material-caption h2{overflow-wrap:anywhere;font-size:12px;font-weight:650}.material-caption p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px}.material-colors{gap:4px;margin:10px 2px 0;display:flex}.material-colors span{border-radius:3px;width:18px;height:5px}.material-card.note .material-visual{background:#e5e9df;padding:24px}.material-card.link .material-visual{background:#e8e0cf;flex-direction:column;justify-content:center;padding:24px;display:flex}.material-visual>p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;margin-top:24px;font-family:Cormorant Garamond,serif;font-size:26px;line-height:1.12;overflow:hidden}.material-visual small{overflow-wrap:anywhere;margin-top:16px;font-size:12px}.page-note{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin:65px 0 0;padding:21px 0;font-size:12px;display:flex}.empty-state{text-align:center;max-width:600px;margin:auto;padding:76px 20px}.empty-state h2{font-family:Cormorant Garamond,serif;font-size:38px;line-height:1.1}.empty-state p{color:var(--muted);margin:18px 0 24px;font-size:12px;line-height:1.8}.editor{grid-template-columns:220px minmax(0,1fr) 238px;height:calc(100dvh - 72px);display:grid;overflow:hidden}.editor-sidebar,.properties{background:var(--surface);flex-direction:column;min-width:0;display:flex;position:relative;overflow-y:auto}.editor-sidebar{border-right:1px solid var(--line)}.properties{border-left:1px solid var(--line);padding:0 19px 22px}.sidebar-tabs{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:19px 15px 14px;display:flex}.sidebar-tabs>button{color:var(--muted);white-space:nowrap;padding:0;font-size:12px}.sidebar-tabs>button.active{color:var(--ink);font-weight:700}.sidebar-tabs span{color:var(--muted);margin-left:3px;font-size:12px}.add-tools{justify-content:space-around;padding:19px 9px 14px;display:flex}.add-tools button{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:7px;display:flex}.add-tools span{font-size:12px}.sidebar-hint{color:var(--muted);padding:5px 18px 18px;font-size:12px;line-height:1.7}.editor-materials{grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 20px;display:grid}.editor-materials button{aspect-ratio:1/1.17;background:var(--sage);border-radius:5px;padding:0;position:relative;overflow:hidden}.editor-materials img{object-fit:cover;width:100%;height:100%}.editor-materials button>span:not(.add-material-overlay){text-align:left;padding:10px;font-family:Cormorant Garamond,serif;font-size:14px;display:block}.add-material-overlay{background:var(--surface);opacity:0;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:5px;right:5px}.editor-materials button:hover .add-material-overlay,.editor-materials button:focus-visible .add-material-overlay{opacity:1}.sidebar-footer{letter-spacing:1px;color:var(--muted);margin-top:auto;padding:23px 17px;font-size:12px}.properties-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 0 18px;display:flex}.properties-heading h2{font-size:12px;font-weight:700}.properties .field{gap:7px;margin:16px 0;font-size:12px}.properties input{width:100%;padding:9px;font-size:12px}.properties textarea{font-size:12px}.properties .muted{margin:12px 0;font-size:12px}.object-type-label{letter-spacing:1px;color:var(--muted);font-size:12px}.property-grid{grid-template-columns:1fr 1fr;column-gap:12px;display:grid}.property-grid .field{margin:4px 0 12px}.property-section{border-top:1px solid var(--line);margin:20px 0 18px;padding-top:18px}.property-section h3{margin-bottom:10px;font-size:12px;font-weight:600}.property-actions{gap:7px;display:flex}.properties .button{min-height:36px;padding:8px 10px;font-size:12px}.property-actions>.button{flex:1}.subtle-danger{color:#a13623;background:0 0}.keyboard-hint{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.8;display:block}.small-art{border-top:1px solid var(--line);color:#c6bfae;text-align:center;margin-top:42px;padding-top:20px;font-family:Cormorant Garamond,serif;font-size:100px;font-style:italic}.small-art span{color:var(--muted);font-family:Manrope,sans-serif;font-size:12px;font-style:normal;line-height:1.8;display:block}.object-list{padding:10px}.object-list>button{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.object-list>button.active{background:var(--surface-muted)}.object-list img,.object-list>button>span:first-child{object-fit:cover;border-radius:2px;flex-shrink:0;place-items:center;width:28px;height:32px;display:grid}.object-list>button>span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.object-list>p{padding:10px;font-size:12px}.board-workspace{background:#e9e6de;min-width:0;min-height:0;position:relative;overflow:hidden}.board-viewport{touch-action:none;position:absolute;inset:0;overflow:hidden}.board-viewport.hand-mode{cursor:grab}.board-viewport.dragging{cursor:grabbing}.board-center{position:absolute;top:50%;left:50%}.board-scene{transform-origin:50%;position:absolute;box-shadow:0 4px 28px #2427200c}.scene-object{-webkit-user-select:none;user-select:none;touch-action:none;outline-offset:0;position:absolute}.scene-object img{object-fit:cover;pointer-events:none;width:100%;height:100%}.object-swatch{width:100%;height:100%}.object-note{white-space:pre-wrap;overflow-wrap:anywhere;color:#242720;width:100%;height:100%;padding:24px;font-family:Manrope,sans-serif;line-height:1.5;overflow:hidden}.scene-object.selected{outline:var(--selection-width,2px) solid var(--accent)}.object-selection-label{background:var(--accent);color:#fff;white-space:nowrap;padding:2px 5px;position:absolute;bottom:100%;left:0}.resize-handle{background:var(--surface);border:1px solid var(--accent);cursor:nwse-resize;z-index:2;position:absolute;bottom:0;right:0;transform:translate(50%,50%)}.canvas-toolbar{background:var(--surface);border:1px solid var(--line);z-index:4;border-radius:8px;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 2px 15px #2427200d}.tool-group{border-right:1px solid var(--line);align-items:center;gap:1px;padding-right:5px;display:flex}.tool-group output{text-align:center;width:40px;font-size:12px}.board-dimensions{color:var(--muted);font-size:12px;position:absolute;bottom:12px;right:13px}.guide{background:var(--accent);pointer-events:none;position:absolute}.guide.vertical{width:2px;top:0;bottom:0;left:50%}.guide.horizontal{height:2px;top:50%;left:0;right:0}.canvas-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty span{color:#777a70;font-family:Cormorant Garamond,serif;font-size:clamp(28px,3vw,42px)}.canvas-empty small{color:var(--muted);max-width:70%;margin-top:12px;font-size:14px;line-height:1.8}.editor.presentation{grid-template-columns:1fr}.presentation-mode .studio-nav,.presentation-mode .project-switch,.presentation-mode .header-divider{visibility:hidden}.mobile-editor-tabs,.mobile-only{display:none}.notice{background:var(--sage);padding:12px 28px;font-size:12px;line-height:1.7}.notice~.studio-content .editor{height:calc(100dvh - 116px)}.error-banner{background:#f8e6dd;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 28px;font-size:12px;line-height:1.7;display:flex}.error-banner .button{min-height:32px;padding:5px 10px}.kit .page-intro h1{max-width:630px}.kit-layout{grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:70px;margin-top:10px;display:grid}.kit-settings{min-width:0}.kit-section{border-top:1px solid var(--line);padding:25px 0 28px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-heading h2{font-size:12px;font-weight:600}.section-heading h2 span{color:var(--accent);margin-right:13px;font-size:12px;font-weight:400}.mini-label{letter-spacing:1px;color:var(--muted);font-size:12px}.palette-strip{flex-wrap:wrap;gap:5px;margin:16px 0;display:flex}.palette-strip button{border-radius:4px;flex:1 0 50px;min-width:50px;max-width:80px;height:64px;padding:0;position:relative}.palette-strip span{text-align:center;font-size:12px;display:block;position:absolute;bottom:7px;left:0;right:0}.inline-field{justify-content:space-between;align-items:center;gap:15px;margin:18px 0 12px;font-size:12px;display:flex}.inline-field select{max-width:180px;padding:7px 10px;font-size:12px}.kit-section>small{font-size:12px;display:block}.role-row{justify-content:space-between;align-items:center;gap:18px;padding:10px 0;display:flex}.role-row>label{font-size:12px}.role-row label small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.color-field{align-items:center;gap:7px;display:flex;position:relative}.color-field>input[type=color]{border:1px solid var(--line);cursor:pointer;border-radius:4px;flex-shrink:0;width:29px;height:29px;padding:0;overflow:hidden}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:0}.color-field>input:not([type=color]){width:91px;padding:7px 9px;font-family:Manrope,sans-serif;font-size:12px}.color-field .error-text{font-size:12px;position:absolute;top:100%;right:0}.font-options{flex-direction:column;gap:9px;display:flex}.font-options>button{text-align:left;border:1px solid var(--line);border-radius:7px;align-items:center;gap:17px;padding:11px 15px;display:flex}.font-options>button.active{border-color:var(--ink);background:var(--surface)}.font-options>button>span{width:42px;font-size:34px;line-height:1.2}.font-options>button>div{flex:1;font-size:12px}.font-options small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.kit-preview-column{min-width:0}.preview-label{letter-spacing:1px;color:var(--muted);justify-content:space-between;margin:0 0 14px;font-size:12px;display:flex}.preview-label>span:last-child{letter-spacing:0}.kit-live-preview{border:1px solid #24272015;border-radius:3px;padding:32px 44px 38px}.sample-nav{justify-content:space-between;align-items:center;margin-bottom:52px;font-size:12px;display:flex}.sample-eyebrow{letter-spacing:1.6px;font-size:12px}.kit-live-preview h2{letter-spacing:-1.5px;margin:21px 0;font-size:76px;line-height:.92}.kit-live-preview>p{max-width:315px;font-size:12px;line-height:1.9}.sample-button{border-radius:4px;align-items:center;gap:23px;margin:25px 0 35px;padding:13px 17px;font-size:12px;text-decoration:none;display:inline-flex}.kit-live-preview article{border-radius:5px;align-items:center;gap:25px;padding:24px;display:flex}.sample-arch{opacity:.9;border-radius:60px 60px 2px 2px;flex-shrink:0;width:80px;height:120px}.kit-live-preview article span{letter-spacing:1px;font-size:12px}.kit-live-preview h3{margin:9px 0;font-size:30px;line-height:1.05}.kit-live-preview article p{font-size:12px;line-height:1.8}.contrast-panel{padding:24px 0 48px}.contrast-panel h3{margin-bottom:18px;font-size:12px}.contrast-panel h3>span{color:var(--muted);float:right;font-size:12px;font-weight:400}.contrast-panel>div{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 0;font-size:12px;display:flex}.contrast-panel>div>span{flex:1;align-items:center;gap:8px;display:flex}.contrast-panel small{text-align:right;width:120px;font-size:12px}.contrast-warning{color:#a33c23}.contrast-pass{color:#435842}.contrast-panel>p{color:var(--muted);margin-top:13px;font-size:12px;line-height:1.8}dialog{border:1px solid var(--line);background:var(--canvas);width:min(480px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border-radius:14px;padding:28px;overflow:auto;box-shadow:0 22px 100px #24272020}dialog.wide{width:min(680px,100% - 32px)}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#292b245e}.modal-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.modal-header h2{font-family:Cormorant Garamond,serif;font-size:34px;line-height:1.05}.modal-header .icon-button{margin-top:-5px}dialog>.muted{font-size:12px}dialog form>.button{margin-top:12px}dialog form>.muted{font-size:12px}.field{flex-direction:column;gap:9px;margin:20px 0;font-size:12px;display:flex}.field input,.field select,.field textarea{width:100%;font-size:12px}.field small{color:var(--muted);font-size:12px;line-height:1.6}.segmented{background:var(--surface-muted);border-radius:7px;gap:6px;padding:4px;display:flex}.segmented button{border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.segmented button.active{background:var(--surface)}.project-actions{gap:10px;margin:22px 0;display:flex}.project-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:250px;overflow-y:auto}.project-list>button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:16px;width:100%;padding:13px 4px;display:flex}.project-list>button:last-child{border-bottom:0}.project-list>button>span:nth-child(2){flex:1;min-width:0}.project-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.project-list small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.project-monogram{border:1px solid var(--line);border-radius:4px;place-items:center;width:45px;height:48px;font-family:Cormorant Garamond,serif;font-size:32px;display:grid}.modal-subheading{letter-spacing:.5px;margin:25px 0 12px;font-size:12px}.project-demos{flex-direction:column;gap:9px;display:flex}.project-demos>button{text-align:left;background:var(--surface);border-radius:6px;align-items:center;gap:14px;width:100%;padding:8px;display:flex}.project-demos img{object-fit:cover;border-radius:3px;width:60px;height:55px}.project-demos span{flex:1;font-size:12px}.project-demos small{letter-spacing:1px;color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.project-demos svg{margin-right:10px}.storage-link{color:var(--muted);border:0;margin-top:24px;font-size:12px}.export-options{flex-direction:column;gap:10px;margin:24px 0;display:flex}.export-options>button{border:1px solid var(--line);text-align:left;border-radius:8px;align-items:center;gap:18px;padding:18px 16px;display:flex}.export-options>button:hover{background:var(--surface)}.export-options>button>span{flex:1}.export-options strong{font-size:12px;display:block}.export-options small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.6;display:block}.export-note{background:var(--surface-muted);border-radius:5px;padding:14px;font-size:12px;line-height:1.8}.storage-info{font-size:12px;line-height:1.9}.storage-info>p{margin:15px 0}.storage-info>small{color:var(--muted);font-size:12px}.global-error,.busy-status,.toast{z-index:100;background:var(--ink);color:var(--surface);border-radius:8px;align-items:center;gap:12px;max-width:min(680px,100% - 32px);padding:14px 20px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #24272026}.global-error{color:#742d1c;background:#fce9df;border:1px solid #b8472d70;align-items:flex-start;bottom:28px}.global-error>p{white-space:pre-line;flex:1;max-height:40vh;overflow:auto}.global-error>svg{flex-shrink:0}.global-error .icon-button{color:inherit}.busy-status{bottom:80px}.modal .global-error,.modal .busy-status,.modal .toast{max-width:100%;box-shadow:none;margin-bottom:18px;position:static;transform:none}.modal .global-error>p{overflow-wrap:anywhere}.error-text{color:#a43620;font-size:12px}.drop-overlay{z-index:80;border:2px dashed var(--accent);pointer-events:none;background:#f6f3edf5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:12px}.drop-overlay h2{font-family:Cormorant Garamond,serif;font-size:48px}.drop-overlay p{color:var(--muted);font-size:12px}.loading-state{height:60vh;color:var(--muted);justify-content:center;align-items:center;gap:15px;display:flex}@media (min-width:1700px){.hero{padding-top:74px;padding-bottom:110px}.hero-board{margin-left:42px}.hero-copy>p{font-size:15px}.hero-footnote{font-size:12px}.demo-photo{height:390px}.editor{grid-template-columns:250px minmax(0,1fr) 260px}.studio-header{padding:0 35px}.material-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kit-layout{grid-template-columns:440px minmax(0,1fr);gap:100px}.kit-live-preview{padding:42px 66px}.kit-live-preview h2{font-size:90px}}@media (max-width:1150px){.landing-header{padding:0 40px}.hero{grid-template-columns:45% 55%;min-height:570px;padding:32px 40px 64px}.hero h1{font-size:76px}.hero-board{border-width:9px;margin-left:12px}.hero-board-label{font-size:12px}.handwriting{font-size:14px}.process-line{width:calc(100% - 80px)}.process-line p{font-size:23px}.process-line>div{gap:14px}.demo-section{padding:65px 40px}.demo-photo{height:260px}.demo-heading h2{font-size:38px}.demo-heading>p{font-size:12px}.landing-footer{width:calc(100% - 80px)}.studio-header{gap:12px;padding:0 20px}.project-switch{max-width:150px}.studio-nav button{padding:9px 12px}.save-status{margin-right:2px;font-size:0}.save-status svg{width:14px}.page-content{padding:40px 36px 20px}.page-intro{gap:22px}.page-intro h1{font-size:47px}.intro-actions{flex-direction:column}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.editor{grid-template-columns:174px minmax(0,1fr) 203px}.properties{padding:0 14px 20px}.sidebar-tabs{gap:10px;padding:18px 11px}.sidebar-tabs>button,.sidebar-tabs span{font-size:12px}.editor-materials{gap:6px;padding:0 10px 15px}.add-tools{padding:14px 2px}.add-tools button{padding:5px}.add-tools span{font-size:12px}.kit-layout{grid-template-columns:minmax(250px,1fr) minmax(0,1.1fr);gap:38px}.kit-live-preview{padding:26px}.kit-live-preview h2{font-size:62px}.kit-live-preview article{gap:18px;padding:18px}.sample-arch{width:52px;height:100px}.contrast-panel h3>span{float:none;margin-top:8px;display:block}.contrast-panel small{width:85px}}@media (max-width:800px){.landing-header{height:88px;padding:0 28px}.header-note{margin-left:24px;font-size:12px}.hero{grid-template-columns:46% 54%;min-height:530px;padding:26px 28px 65px}.hero h1{letter-spacing:-1.8px;margin:24px 0;font-size:62px}.hero-copy>p{font-size:12px}.eyebrow{letter-spacing:1.2px;font-size:12px}.hero-cta{padding:11px 14px;font-size:12px}.hero-footnote{gap:6px;font-size:12px}.little-line{width:12px}.hero-board{border-width:7px;margin-left:10px}.hero-board-label{letter-spacing:.6px;margin:4px 2px 8px;font-size:5px}.hero-caption{gap:8px;padding:9px 3px 3px;font-size:12px}.handwriting{font-size:12px}.process-line{gap:13px;width:calc(100% - 56px);padding:26px 0}.process-line>div{gap:10px}.process-line p{font-size:21px}.process-line small{font-size:12px}.process-line>svg{width:14px}.demo-section{padding:58px 28px}.demo-heading{align-items:flex-start;gap:20px}.demo-heading h2{font-size:34px}.demo-heading>p{max-width:205px;padding-top:28px;font-size:12px}.demo-grid{gap:18px}.demo-photo{height:220px}.demo-title{align-items:flex-start}.demo-title h3{font-size:12px}.demo-title i{width:9px;height:9px}.demo-card>p{font-size:12px}.demo-photo>span:first-of-type{font-size:12px;top:10px;left:10px}.demo-arrow{width:31px;height:31px;bottom:10px;right:10px}.demo-arrow svg{width:19px}.closing-note p{font-size:36px}.landing-footer{width:calc(100% - 56px)}.studio-header{flex-wrap:wrap;align-content:flex-start;gap:10px;height:104px;padding:13px 20px 0}.studio-header .brand{font-size:27px}.studio-header .brand-mark{font-size:26px}.project-switch{flex:1;max-width:240px;font-size:12px}.header-actions{gap:2px;margin-left:auto}.studio-nav{order:5;justify-content:center;gap:14px;width:100%;height:39px;margin-top:2px}.studio-nav button{padding:7px 20px;font-size:12px}.header-divider{height:18px}.export-top{min-height:32px;padding:6px 10px}.page-content{padding:35px 28px 20px}.page-intro h1{font-size:44px}.page-intro>div>p{font-size:12px}.intro-actions .button{padding:10px 13px;font-size:12px}.library-controls{gap:4px}.search{width:300px}.filter-button{padding:9px 10px;font-size:12px}.result-count{font-size:12px}.material-grid{gap:25px 16px}.kit-layout{grid-template-columns:1fr 1fr;gap:26px}.kit .page-intro{align-items:center}.kit .page-intro .button{padding:10px 12px;font-size:12px}.kit .page-intro h1{font-size:42px}.kit-live-preview{padding:22px}.kit-live-preview h2{font-size:56px}.sample-nav{margin-bottom:32px}.sample-eyebrow{letter-spacing:.7px;font-size:12px}.kit-live-preview>p{font-size:12px}.kit-live-preview h3{font-size:24px}.kit-live-preview article{gap:14px;padding:15px}.sample-arch{width:40px;height:94px}.kit-live-preview article span,.kit-live-preview article p{font-size:12px}.preview-label>span:last-child{display:none}.role-row{gap:9px}.role-row>label,.kit-section .section-heading h2{font-size:12px}.color-field>input:not([type=color]){width:80px}.contrast-panel>div{gap:8px;font-size:12px}.contrast-panel small{width:70px;font-size:12px}.editor{grid-template-columns:minmax(0,1fr) 214px;height:calc(100dvh - 104px);padding-bottom:50px;position:relative}.editor-sidebar{z-index:8;width:218px;display:none;position:absolute;top:0;bottom:50px;left:0;box-shadow:8px 0 24px #24272010}.editor-sidebar.mobile-open{display:flex}.mobile-only{display:inline-flex}.sidebar-tabs .mobile-only{margin-left:auto}.properties-heading .mobile-only{display:none}.mobile-editor-tabs{background:var(--surface);border-top:1px solid var(--line);z-index:10;height:50px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-editor-tabs>button{color:var(--muted);flex:1;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.mobile-editor-tabs>button[aria-pressed=true]{color:var(--accent);background:#f3eee4}.editor.presentation{padding-bottom:0}.notice~.studio-content .editor{height:calc(100dvh - 164px)}.canvas-toolbar{gap:2px;padding:4px;bottom:24px}.canvas-toolbar .icon-button{width:30px;height:32px}.tool-group output{width:35px}.presentation-mode .studio-header{height:64px;padding-top:14px}.presentation-mode .studio-nav{display:none}.editor.presentation{height:calc(100dvh - 64px)}}@media (max-width:560px){.landing-header{height:80px;padding:0 22px}.brand,.brand-mark{font-size:31px}.header-note{display:none}.landing-header .button{min-height:38px;padding:10px 13px;font-size:12px}.hero{flex-direction:column;align-items:stretch;gap:34px;padding:28px 24px 66px;display:flex}.hero-copy{padding:0}.hero h1{letter-spacing:-2px;margin:24px 0;font-size:64px;line-height:.91}.hero .eyebrow{letter-spacing:1.5px;font-size:12px}.hero-copy>p{margin-bottom:25px;font-size:12px;line-height:1.8}.desktop-break{display:none}.hero-cta{min-height:46px;padding:12px 18px;font-size:12px}.hero-footnote{margin-top:18px;font-size:12px}.hero-board{border-width:7px;margin:0 5px 0 0;transform:rotate(-2deg)}.hero-board-label{letter-spacing:1px;margin:4px 2px 8px;font-size:5px}.hero-caption{padding:11px 4px 4px;font-size:12px}.handwriting{font-size:14px}.hero-board-index{font-size:12px;bottom:-32px;right:0}.process-line{flex-direction:column;align-items:stretch;gap:21px;width:calc(100% - 48px);margin:0 auto;padding:30px 0;display:flex}.process-line>svg{display:none}.process-line>div{align-items:center;gap:20px}.process-line>div>span{font-size:12px}.process-line p{font-size:27px}.process-line small{margin-top:3px;font-size:12px}.demo-section{padding:48px 24px}.demo-heading{margin-bottom:27px;display:block}.demo-heading h2{margin-top:16px;font-size:36px}.demo-heading>p{max-width:100%;margin-top:18px;padding:0;font-size:12px}.demo-grid{grid-template-columns:1fr;gap:32px}.demo-photo{height:320px}.demo-title h3{font-size:14px}.demo-title i{width:13px;height:13px}.demo-card>p{font-size:12px}.demo-photo>span:first-of-type{font-size:12px;top:15px;left:15px}.demo-arrow{width:38px;height:38px;bottom:16px;right:16px}.closing-note{padding:20px 24px 55px}.closing-note p{font-size:33px}.landing-footer{flex-wrap:wrap;gap:15px;width:calc(100% - 48px);padding:25px 0}.landing-footer>span{margin-left:auto;font-size:12px}.landing-footer>button:last-child{text-align:left;width:100%;margin:0;padding:0;font-size:12px}.studio-header{gap:9px;height:104px;padding:13px 14px 0}.studio-header .brand{font-size:25px}.studio-header .brand-mark{gap:4px;font-size:23px}.header-divider{display:none}.project-switch{gap:7px;max-width:130px;padding-left:5px;font-size:12px}.studio-header .brand{gap:4px}.header-actions{gap:0}.header-actions>.icon-button{width:27px;height:30px}.save-status{display:none}.export-top{min-height:31px;margin-left:5px;padding:7px 9px}.export-top>span{display:none}.studio-nav{justify-content:space-around;gap:5px;height:39px;margin-top:3px}.studio-nav button{flex:1;padding:8px 16px;font-size:12px}.page-content{padding:29px 20px 16px}.page-intro{margin-bottom:29px;display:block}.page-intro h1{margin:15px 0;font-size:43px;line-height:1.03}.page-intro .eyebrow{letter-spacing:1.1px;font-size:12px}.page-intro>div>p{max-width:310px;font-size:12px}.intro-actions{flex-flow:wrap;gap:8px;margin-top:24px;display:flex}.intro-actions .button{flex:1;gap:7px;min-height:41px;padding:11px 12px;font-size:12px}.intro-actions .button svg{width:15px}.library-controls{flex-wrap:wrap;gap:10px 3px;margin-bottom:24px;padding-bottom:16px}.search{width:100%;height:41px}.filter-button{min-height:32px;padding:7px 10px;font-size:12px}.result-count{margin-left:auto;font-size:12px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.material-visual{border-radius:9px}.material-caption{gap:2px;padding-top:10px}.material-caption h2{font-size:12px}.material-caption p{font-size:12px;line-height:1.5}.material-caption .icon-button{width:26px;height:30px}.favorite-button{width:27px;height:27px;top:8px;right:8px}.favorite-button svg{width:14px}.material-card.note .material-visual,.material-card.link .material-visual{padding:15px}.material-visual>p{max-height:145px;margin-top:17px;font-size:21px}.page-note{gap:12px;margin-top:39px;font-size:12px;line-height:1.7}.page-note span:last-child{text-align:right}.material-colors{gap:3px;margin-top:8px}.material-colors span{width:15px;height:4px}.empty-state{padding:52px 8px}.empty-state h2{font-size:35px}.empty-state p{font-size:12px}.editor{height:calc(100dvh - 104px);padding-bottom:50px;display:block}.board-workspace{height:100%}.editor-sidebar{border-top:1px solid var(--line);border-right:0;width:100%;height:43%;min-height:200px;top:auto;bottom:50px;box-shadow:0 -5px 25px #24272012}.sidebar-tabs{flex-shrink:0;gap:22px;padding:13px 17px}.sidebar-tabs>button{font-size:12px}.sidebar-tabs .icon-button{width:25px;height:25px}.add-tools{justify-content:flex-start;gap:17px;padding:7px 12px}.add-tools button{flex-direction:row;gap:7px}.add-tools span{font-size:12px}.sidebar-hint{padding:4px 17px 10px;font-size:12px}.sidebar-hint br{display:none}.editor-materials{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 17px 17px}.editor-materials button{aspect-ratio:1}.sidebar-footer{display:none}.add-material-overlay{opacity:1;width:20px;height:20px}.properties{z-index:9;border-left:0;border-top:1px solid var(--line);width:100%;height:45%;min-height:240px;padding:0 20px 20px;display:none;position:absolute;bottom:50px;left:0;right:0;box-shadow:0 -5px 25px #24272012}.properties.mobile-open{display:flex}.properties-heading{background:var(--surface);z-index:2;flex-shrink:0;margin-bottom:10px;padding:14px 0;position:sticky;top:0}.properties-heading .mobile-only{height:25px;display:inline-flex}.properties .property-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.properties .field{margin:11px 0}.properties .property-grid .field{margin:5px 0}.properties .button.full{width:calc(50% - 5px);margin-right:5px;display:inline-flex}.properties .property-actions{max-width:250px}.small-art{display:none}.canvas-toolbar{padding:4px;bottom:17px;left:50%}.canvas-toolbar .icon-button{width:29px;height:31px}.board-dimensions{font-size:12px;bottom:3px}.mobile-editor-tabs>button{gap:7px;font-size:12px}.editor.presentation{height:calc(100dvh - 64px)}.presentation-mode .project-switch{display:none}.presentation-mode .header-actions{margin-left:auto}.notice{padding:12px 16px;font-size:12px}.notice~.studio-content .editor{height:calc(100dvh - 194px)}.error-banner{padding:12px 15px;font-size:12px}.kit .page-intro h1{font-size:43px}.kit .page-intro>.button{margin-top:23px}.kit-layout{grid-template-columns:1fr;gap:12px}.kit-section{padding:23px 0}.kit-section .section-heading h2{font-size:12px}.kit-live-preview{padding:27px 30px}.kit-live-preview h2{font-size:75px}.sample-nav{margin-bottom:43px}.sample-eyebrow{letter-spacing:1px;font-size:12px}.kit-live-preview>p{font-size:12px}.kit-live-preview h3{font-size:31px}.kit-live-preview article{gap:20px;padding:20px}.sample-arch{width:57px;height:110px}.kit-live-preview article span,.kit-live-preview article p{font-size:12px}.preview-label>span:last-child{display:inline}.contrast-panel>div{font-size:12px}.contrast-panel small{width:105px;font-size:12px}.contrast-panel h3>span{float:right;margin:0;font-size:12px;display:inline}.contrast-panel>p,.role-row>label{font-size:12px}.color-field>input:not([type=color]){width:94px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);padding:22px}.modal-header h2{font-size:30px}.project-actions{flex-wrap:wrap;gap:8px}.project-actions .button{flex:1;padding:10px;font-size:12px}.export-options>button{gap:13px;padding:15px 12px}.export-options strong,.export-options small{font-size:12px}.export-options>button>svg:first-child{width:21px}.global-error,.toast,.busy-status{width:max-content;max-width:calc(100% - 24px);padding:12px 16px;font-size:12px}.drop-overlay h2{font-size:36px}.drop-overlay p{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}::selection{color:var(--ink);background:#dfb6a1}input,textarea{caret-color:var(--accent)}*{scrollbar-color:#bcb8ab transparent;scrollbar-width:thin}h1,h2,h3{text-wrap:balance}dialog,.properties,.editor-sidebar{overscroll-behavior:contain}.property-grid input,.contrast-panel strong{font-variant-numeric:tabular-nums}.button,.studio-nav button,.project-switch,.field,.field input,.field select,.field textarea,.search input,.filter-button,.material-caption h2,.properties .field,.properties input,.properties textarea,.properties .button,.sidebar-tabs>button,.object-list>button>span:last-child,.role-row>label,.section-heading h2,.kit-section .section-heading h2,.font-options>button>div,.inline-field,.inline-field select{font-size:13px}.hero-copy>p{font-size:16px}.page-intro>div>p,.demo-heading>p{font-size:14px}.material-caption p,.keyboard-hint,.sidebar-hint,.properties .muted,.field small,.kit-section>small,.font-options small,.page-note,.export-options small,.export-note,.project-list small,.storage-info>small,.contrast-panel>p{font-size:12px}.properties .field{line-height:1.5}.properties input{padding:10px}.properties .button{white-space:normal}.property-actions{gap:5px}.property-actions>.button{padding:9px 7px}.icon-button{width:40px;height:40px}.favorite-button{width:36px;height:36px}.sidebar-tabs{gap:10px}.sidebar-tabs span{font-size:11px}.sidebar-footer,.hero-board-label{font-size:9px}.hero-board-label>span:last-child{font-size:8px}.hero-caption,.process-line small,.demo-card>p{font-size:12px}.demo-title h3{font-size:15px}.landing-footer>span,.landing-footer>button:last-child{font-size:12px}.eyebrow{font-size:10px}.hero-footnote{font-size:12px}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.material-card{content-visibility:auto;contain-intrinsic-size:auto 380px}.kit-live-preview>p{font-size:14px}.sample-button{font-size:13px}.kit-live-preview article p{font-size:12px}.sample-eyebrow{font-size:10px}.sample-nav{font-size:12px}.sample-arch{min-width:54px}.palette-strip button{min-width:62px;max-width:100px;height:76px}.palette-strip button>svg{position:absolute;top:10px;left:50%;transform:translate(-50%)}.palette-strip button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.palette-strip button[aria-pressed=true]:focus-visible{outline:3px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 2px var(--surface)}.palette-strip span{font-size:11px}.role-row{align-items:flex-start;padding:13px 0}.role-row label small{font-size:11px;line-height:1.7}.color-field>input:not([type=color]){width:95px;font-size:12px}.color-field>input[type=color]{width:36px;height:36px}.color-field .error-text{background:var(--surface);z-index:1;width:135px;padding:3px;font-size:10px;line-height:1.5}.contrast-panel>div{flex-wrap:wrap;font-size:12px}.contrast-panel small{width:140px;font-size:11px}.contrast-panel h3{font-size:13px}.contrast-panel h3>span,.preview-label{font-size:10px}.mini-label{font-size:9px}.mobile-kit-tabs{display:none}.sample-button:hover{filter:brightness(.95)}.font-options button:hover,.project-list>button:hover,.project-demos>button:hover{background:var(--surface-muted)}.library-controls .search{flex:1;max-width:420px}.empty-state p,.storage-info,.export-options strong,.project-list strong{font-size:14px}.project-list>button>svg{flex-shrink:0}@media (max-width:1150px){.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy>p{font-size:14px}.hero-footnote{font-size:11px}.hero-board-label{font-size:7px}.hero-board-label>span:last-child{font-size:6px}.studio-header{gap:12px}.studio-nav button{padding:10px}.project-switch{max-width:160px}.editor{grid-template-columns:204px minmax(0,1fr) 230px}.properties{padding:0 15px 20px}.save-status{font-size:11px}.save-status svg{flex-shrink:0}.header-actions .icon-button{width:32px}.kit-layout{grid-template-columns:minmax(275px,1fr) minmax(0,1.1fr);gap:30px}.hero-caption{font-size:10px}.contrast-panel small{width:auto}.contrast-panel h3>span{float:none;margin-top:7px;display:block}}@media (max-width:800px){.hero{grid-template-columns:46% 54%}.hero h1{font-size:58px}.hero-copy>p{font-size:13px}.hero-footnote{max-width:250px;font-size:10px;line-height:1.7}.hero .eyebrow{letter-spacing:.6px;font-size:9px}.hero-cta{white-space:normal;font-size:12px}.hero-board-label>span:last-child{display:none}.demo-heading>p{font-size:12px}.process-line>div{gap:10px}.process-line small{font-size:10px}.demo-title{display:block}.demo-title>div{margin-top:8px}.demo-title h3{font-size:13px}.demo-card>p{font-size:11px}.studio-header{gap:9px;height:112px;padding:10px 18px 0}.project-switch{max-width:165px;font-size:12px}.studio-nav button{padding:9px 18px;font-size:13px}.save-status{font-size:0}.save-status svg{width:16px;height:16px}.studio-nav{height:42px;margin-top:1px}.header-actions .icon-button{width:36px;height:40px}.export-top{min-height:40px;font-size:12px}.editor{height:calc(100dvh - 112px);padding-bottom:54px;display:block}.board-workspace{height:100%}.properties{z-index:9;width:240px;display:none;position:absolute;top:0;bottom:54px;right:0;box-shadow:-5px 0 25px #24272012}.properties.mobile-open{display:flex}.properties-heading .mobile-only{display:inline-flex}.editor-sidebar{width:238px;bottom:54px}.mobile-editor-tabs{height:54px}.mobile-editor-tabs>button{font-size:12px}.editor-sidebar .sidebar-tabs .icon-button{width:30px}.canvas-toolbar .icon-button{width:38px;height:40px}.kit-layout{grid-template-columns:minmax(270px,1fr) minmax(0,1fr);gap:25px}.kit-live-preview{padding:22px}.kit-live-preview h2{font-size:52px}.kit-live-preview>p{font-size:13px}.kit-live-preview article{display:block}.sample-arch{display:none}.kit-live-preview h3{font-size:31px}.sample-eyebrow{font-size:9px}.sample-button{gap:9px;font-size:12px}.kit .page-intro>.button,.intro-actions .button{font-size:12px}.section-heading h2 span{margin-right:10px}.role-row{gap:8px}.color-field{gap:5px}.color-field>input:not([type=color]){width:88px;font-size:11px}.preview-label>span:last-child{display:none}.presentation-mode .studio-header{height:64px}.editor.presentation{height:calc(100dvh - 64px)}}@media (max-width:560px){.hero h1{font-size:60px}.hero-copy>p{font-size:15px}.hero .eyebrow{letter-spacing:1px;font-size:10px}.hero-footnote{max-width:none;font-size:11px}.hero-board-label{font-size:8px}.hero-caption{font-size:11px}.hero-board-label>span:last-child{display:none}.demo-heading>p{font-size:13px}.demo-title{align-items:center;display:flex}.demo-title h3{font-size:15px}.demo-title>div{margin:0}.demo-card>p,.process-line small{font-size:12px}.landing-footer>span{font-size:11px}.landing-footer>button:last-child{font-size:12px}.landing-header .button{min-height:44px;padding:10px 13px;font-size:12px}.studio-header{align-items:center;gap:5px 10px;height:152px;padding:10px 14px 0}.project-switch{flex:1;max-width:235px;min-height:30px;font-size:12px}.studio-header .brand{gap:5px;font-size:27px}.header-actions{order:3;justify-content:flex-end;width:100%;height:44px}.save-status{gap:5px;margin-right:auto;font-size:11px;display:flex}.save-status svg{width:14px}.header-actions .icon-button{width:44px;height:44px}.export-top{min-width:44px;min-height:40px}.export-top>span{display:inline}.studio-nav{order:5;gap:4px;height:42px;margin-top:2px}.studio-nav button{min-height:40px;padding:7px 12px;font-size:13px}.page-intro>div>p{font-size:13px}.page-intro .eyebrow{font-size:10px}.intro-actions{gap:8px}.intro-actions .button{white-space:normal;gap:7px;min-height:48px;padding:10px;font-size:12px;line-height:1.5}.intro-actions .button svg{flex-shrink:0;width:18px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-caption{align-items:flex-start;gap:0;padding:13px 0 0;position:relative}.material-caption h2{font-size:12px}.material-caption p{font-size:11px}.material-caption .icon-button{flex-shrink:0;width:36px;height:44px}.favorite-button{background:#fffefbe8;width:44px;height:44px;top:4px;right:4px}.favorite-button svg{width:18px}.material-colors span{height:5px}.search input{font-size:13px}.filter-button{min-height:44px;font-size:12px}.result-count{font-size:11px}.page-note{flex-direction:column;gap:5px;font-size:11px}.page-note span:last-child{text-align:left}.editor{height:calc(100dvh - 152px);padding-bottom:54px}.editor-sidebar{width:100%;bottom:54px}.properties{width:100%;height:48%;min-height:260px;padding:0 18px 18px;top:auto;bottom:54px}.properties .field{font-size:12px}.properties input,.properties textarea{font-size:14px}.properties .button{font-size:12px}.properties-heading{margin-bottom:9px;padding:10px 0}.properties-heading h2{font-size:13px}.properties-heading .icon-button{width:40px;height:40px}.sidebar-tabs{padding:8px 17px}.sidebar-tabs .mobile-only{height:40px;width:40px!important}.sidebar-tabs>button{font-size:13px}.add-tools{justify-content:space-around;gap:10px;padding:7px 8px}.add-tools button{min-height:40px}.add-tools span,.sidebar-hint{font-size:12px}.mobile-editor-tabs>button{gap:7px;font-size:12px}.canvas-toolbar .icon-button{width:37px;height:42px}.canvas-toolbar{padding:3px;bottom:21px}.canvas-toolbar output{font-size:12px}.board-dimensions{font-size:10px;bottom:4px;right:8px}.presentation-mode .header-actions{order:0;width:auto}.presentation-mode .save-status{display:none}.presentation-mode .studio-header{flex-wrap:nowrap;height:64px;padding:10px 14px}.editor.presentation{height:calc(100dvh - 64px)}.notice~.studio-content .editor{height:calc(100dvh - 260px)}.mobile-kit-tabs{z-index:5;background:var(--canvas);gap:6px;padding:8px 0 14px;display:flex;position:sticky;top:0}.mobile-kit-tabs button{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex:1;padding:12px 9px;font-size:13px}.mobile-kit-tabs button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.kit-layout{display:block}.kit-layout.show-preview .kit-settings,.kit-layout.show-settings .kit-preview-column{display:none}.kit-live-preview{padding:24px 28px}.kit-live-preview h2{margin:18px 0;font-size:56px;line-height:.98}.kit-live-preview>p{font-size:14px}.sample-nav{margin-bottom:28px}.sample-eyebrow{font-size:9px}.kit-live-preview article{gap:18px;padding:18px;display:flex}.kit-live-preview h3{font-size:27px}.kit-live-preview article p{font-size:11px}.sample-arch{width:48px;min-width:48px;height:100px;display:block}.kit-section>small{font-size:12px}.kit .page-intro .button{font-size:13px}.kit .page-intro{margin-bottom:15px}.role-row{padding:15px 0}.role-row>label{font-size:13px}.color-field>input[type=color]{width:44px;height:44px}.color-field>input:not([type=color]){width:99px;height:44px;font-size:13px}.palette-strip button{height:78px}.palette-strip span{font-size:12px}.contrast-panel h3>span{float:none;margin-top:8px;font-size:11px;display:block}.contrast-panel small{width:120px;font-size:11px}.preview-label>span:last-child{display:none}.field input,.field textarea,.field select{font-size:16px}.field{font-size:13px}.field small{font-size:12px}.project-actions .button{flex-basis:140px;min-height:46px;font-size:12px}.project-list small{font-size:11px}.project-demos span{font-size:14px}.project-demos small{font-size:10px}.export-options small{font-size:12px}.export-options strong{font-size:14px}.export-options>button{gap:12px;padding:17px 12px}.export-note,.global-error,.toast,.busy-status{font-size:12px}.global-error{bottom:14px}.empty-state p{font-size:14px}}@media (max-width:800px){.palette-strip{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.palette-strip button{width:100%;min-width:0;max-width:none}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.library-controls .search{flex:1 0 100%;max-width:none}.material-caption .icon-button{width:44px}.canvas-toolbar .icon-button{width:40px;height:44px}}.editor{position:relative}.panel-toggle{z-index:6;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:11px;position:absolute;top:8px;right:248px}.editor.hide-panels{grid-template-columns:1fr}.editor.hide-panels>.editor-sidebar,.editor.hide-panels>.properties{display:none}.editor.hide-panels .panel-toggle{right:12px}@media (max-width:800px){.panel-toggle{display:none}.editor{padding-bottom:calc(54px + env(safe-area-inset-bottom))}.mobile-editor-tabs{height:calc(54px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.editor-sidebar,.properties{bottom:calc(54px + env(safe-area-inset-bottom));max-height:calc(100% - 54px - env(safe-area-inset-bottom));overscroll-behavior:contain;min-height:0;scroll-padding-block:12px;overflow-y:auto}.sidebar-tabs,.properties-heading{flex-shrink:0}.properties input,.properties textarea{scroll-margin-block:12px}}@media (max-height:600px){.board-viewport{bottom:84px}.canvas-toolbar{bottom:22px}}@media (max-height:600px) and (max-width:800px){.properties.mobile-open{height:calc(100% - 54px - env(safe-area-inset-bottom))}}