@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Onest:wght@400;500;600;700&family=PT+Sans:wght@400;700&family=Roboto:wght@400;500;700&family=Source+Sans+3:wght@400;600;700&family=Unbounded:wght@500;600;700&display=swap";.starter-dialog{width:min(100%,1060px);gap:14px}.starter-grid{gap:12px}.starter-card{display:grid;align-content:start;gap:9px;min-height:278px;padding:10px}.starter-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:162px;overflow:hidden;border:1px solid color-mix(in oklab,var(--preview-ink) 18%,var(--color-rule));border-radius:7px;background:var(--preview-bg);color:var(--preview-ink)}.starter-preview header,.starter-preview footer{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 10px}.starter-preview header{border-bottom:1px solid color-mix(in oklab,var(--preview-ink) 16%,transparent)}.starter-preview header span{overflow:hidden;margin-right:auto;font-size:8px;font-weight:800;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.starter-preview header small{border:1px solid color-mix(in oklab,var(--preview-ink) 26%,transparent);border-radius:999px;padding:3px 5px;font-size:6px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.starter-preview__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(88px,.85fr);min-height:0}.starter-preview__body>div{display:grid;align-content:center;gap:8px;padding:12px}.starter-preview__body strong{display:-webkit-box;overflow:hidden;color:var(--preview-ink);font-family:var(--font-display);font-size:clamp(11px,1.05vw,15px);font-weight:600;letter-spacing:-.075em;line-height:1.04;-webkit-box-orient:vertical;-webkit-line-clamp:3}.starter-preview__body span{display:-webkit-box;overflow:hidden;color:color-mix(in oklab,var(--preview-ink) 68%,var(--preview-bg));font-size:7px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.starter-preview__body img{width:100%;height:100%;object-fit:cover;border-left:1px solid color-mix(in oklab,var(--preview-ink) 16%,transparent)}.starter-preview footer{overflow:hidden;border-top:1px solid color-mix(in oklab,var(--preview-ink) 16%,transparent);white-space:nowrap}.starter-preview footer span{border-radius:999px;background:color-mix(in oklab,var(--preview-ink) 10%,transparent);padding:3px 5px;color:var(--preview-ink);font-size:6px;font-weight:800}.starter-card__title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.starter-card__title strong{color:var(--color-ink);font-size:12px}.starter-card__title small{color:var(--color-muted);font-size:9px;font-weight:700;white-space:nowrap}.starter-card__description{color:var(--color-muted);font-size:10px;line-height:1.45}.starter-card__suggestion{display:inline-flex;align-items:center;gap:4px;color:var(--color-green);font-size:10px;font-weight:800}@media(max-width:760px){.starter-dialog{padding:22px 16px}.starter-card{min-height:264px}}@media(max-width:460px){.starter-grid{grid-template-columns:minmax(0,1fr)}}.editor-app{--editor-ink: #24221c;--editor-muted: #767166;--editor-line: #ded9cf;--editor-panel: #f7f4ed;--editor-stage: #ebe8df;--editor-yellow: #f4ce47;min-height:100vh;color:var(--editor-ink);background:var(--editor-stage);font-family:Onest,Arial,sans-serif}.editor-app button:not([class]),.editor-app input,.editor-app select{font:inherit}.editor-app button{cursor:pointer}.editor-app button:disabled{cursor:not-allowed;opacity:.38}.editor-loading,.project-name-screen{min-height:100vh;background:#fffdf8;color:#24221c;font-family:Onest,Arial,sans-serif}.editor-loading{display:grid;place-items:center;font-size:14px;color:#767166}.project-name-screen{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;padding:42px}.builder-brand{color:#24221c;display:inline-flex;align-items:center;gap:7px;font-family:Unbounded,Arial,sans-serif;font-size:13px;font-weight:650;letter-spacing:-.07em;text-decoration:none}.project-name-screen>.builder-brand{position:absolute;top:26px;left:32px}.project-name-card{width:min(100%,560px);margin:0 auto}.eyebrow{margin:0;color:#8a6f12;font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.project-name-card h1{max-width:520px;margin:16px 0 14px;font-family:Unbounded,Arial,sans-serif;font-size:38px;font-weight:600;letter-spacing:-.075em;line-height:1.13}.project-name-card>p:not(.eyebrow){max-width:410px;margin:0 0 34px;color:#686258;font-size:16px;line-height:1.55}.project-name-card form{display:grid;gap:10px;max-width:420px}.project-name-card label,.property-field>span{color:#686258;font-size:11px;font-weight:700}.project-name-card input,.property-field input,.property-field select{box-sizing:border-box;width:100%;min-height:39px;border:1px solid var(--editor-line);border-radius:6px;outline:none;background:#fffefa;color:var(--editor-ink);font-size:13px;padding:9px 10px}.project-name-card input{min-height:48px;font-size:16px}.project-name-card input:focus-visible,.property-field input:focus-visible,.property-field select:focus-visible,.library-element:focus-visible,.tool-rail-item:focus-visible,.icon-button:focus-visible,.site-canvas [contenteditable=true]:focus-visible{border-color:#c8a420;box-shadow:0 0 0 3px #f4ce4747}.project-name-card input:focus:not(:focus-visible),.property-field input:focus:not(:focus-visible),.property-field select:focus:not(:focus-visible){border-color:var(--editor-line);box-shadow:none}.sun-button,.outline-button,.preview-button,.new-project-button{align-items:center;border:0;border-radius:7px;display:inline-flex;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;font-size:12px;font-weight:750;transition:background .18s ease,transform .18s ease}.sun-button{margin-top:8px;background:var(--editor-yellow);color:#24221c}.sun-button:hover,.new-project-button:hover{background:#ffd94e;transform:translateY(-1px)}.outline-button{border:1px solid #c9c2b8;background:transparent;color:#35312a}.editor-toolbar{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;position:relative;z-index:30;min-height:58px;padding:0 18px;border-bottom:1px solid var(--editor-line);background:#fffdf8}.project-title{align-items:center;display:inline-flex;justify-self:start;gap:7px;min-width:0}.project-title span{color:var(--editor-muted);font-size:11px}.project-title strong{max-width:260px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.editor-actions{display:flex;align-items:center;gap:7px}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#48433a}.icon-button:hover:not(:disabled){border-color:var(--editor-line);background:#f6f2e9}.zoom-control{display:inline-flex;align-items:center;gap:5px;margin-left:6px;color:var(--editor-muted);font-size:11px}.zoom-control select{height:33px;border:1px solid var(--editor-line);border-radius:6px;background:#fffdf8;color:#48433a;font-size:12px}.preview-button{background:#f3efe6;color:#373229}.new-project-button{background:#24221c;color:#fffdf8}.viewport-segment{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ded7ca;border-radius:7px;background:#fbf9f3}.viewport-segment button{display:grid;width:28px;height:28px;place-items:center;border-radius:4px;background:transparent;color:#777065}.viewport-segment button.is-active{background:#f5c542;color:#171717}.viewport-segment input{width:52px;border:0;background:transparent;color:#595147;font-size:10px;text-align:center}.toolbar-divider{width:1px;height:22px;background:var(--editor-line);margin:0 2px}.publish-wrap{display:inline-flex}.publish-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:7px;background:#24221c;color:#fffdf8;font-size:11px;font-weight:750}.publish-menu,.toolbar-more-menu,.tool-rail-menu{position:fixed;z-index:2200;display:grid;gap:1px;padding:4px;border:1px solid #d8d1c6;border-radius:8px;background:#fffdf8;box-shadow:0 12px 30px #2d271c24}.publish-menu{min-width:184px}.toolbar-more-menu{min-width:148px}.tool-rail-overflow{position:relative;width:100%;display:grid;place-items:center;margin-top:4px}.tool-rail-menu{min-width:148px;max-height:none}.tool-rail-menu button,.publish-menu button,.toolbar-more-menu button{width:auto;min-width:0;min-height:28px;height:28px;padding:0 8px;display:flex;align-items:center;gap:8px;border-radius:5px;background:transparent;color:#4b463c;text-align:left;font-size:11px;flex:0 0 auto;align-self:stretch}.publish-menu button:hover,.toolbar-more-menu button:hover:not(:disabled),.tool-rail-menu button:hover{background:#f3eee2}.tool-rail-menu button.is-active{background:#fff5c9;color:#5d4700}.toolbar-more{display:none}.editor-workspace{display:grid;grid-template-columns:var(--workspace-columns, 68px 260px minmax(420px, 1fr) 290px);height:calc(100vh - 59px);min-height:560px}.tool-rail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-right:1px solid var(--editor-line);background:#fffdf8}.tool-rail-item{display:grid;place-items:center;gap:4px;width:52px;min-height:52px;border:0;border-radius:7px;background:transparent;color:#777168;font-size:9px;font-weight:650}.tool-rail-item:hover,.tool-rail-item.is-active{background:#f2eee4;color:#24221c}.tool-rail-item.is-active{box-shadow:inset 0 0 0 1px #e5d99b}.tool-rail-mark{display:grid;place-items:center;margin-top:auto;height:42px;color:#c4a323}.editor-panel{min-width:0;overflow:hidden;border-right:1px solid var(--editor-line);background:var(--editor-panel)}.panel-heading{padding:20px 18px 13px}.panel-heading p{margin:0 0 5px;color:#6e665a;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.panel-heading h2,.quiet-panel h2{margin:0;font-size:15px;letter-spacing:-.025em}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 14px}.library-element{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid #e1dcd2;border-radius:6px;background:#fffdf8;color:#4c473e;padding:8px 9px;text-align:left;font-size:11px;font-weight:650}.library-element:hover{border-color:#d1bc58;background:#fff9df}.library-drag{display:inline-grid;place-items:center;cursor:grab}.library-element[data-dragging=true]{opacity:.45}.panel-heading-template{padding-top:25px}.template-list{display:grid;gap:7px;padding:0 14px 18px}.template-card{display:grid;gap:3px;width:100%;padding:12px;border:1px solid #e1dcd2;border-radius:7px;background:#fdfbf5;color:#3d382f;text-align:left}.template-card:hover{border-color:#cdb643}.template-card strong{font-size:12px}.template-card span{color:#625d54;font-size:10px;line-height:1.4}.quiet-panel{display:grid;align-content:start;gap:12px;padding:28px 20px;color:#686258}.quiet-panel h2{color:#373229}.quiet-panel p{margin:0;font-size:12px;line-height:1.55}.layers-panel{display:flex;flex-direction:column}.layers-list{flex:1;overflow:auto;padding:0 8px 14px}.layer-drop.is-over>.layer-row{box-shadow:inset 3px 0 #d7b331}.layer-row.is-inside{background:#fff5c9;box-shadow:inset 0 0 0 1px #d7b331}.layer-insert{height:5px;border-radius:3px}.layer-insert.is-over{background:#d7b331;box-shadow:0 0 0 1px #fff5c9}.layer-main{display:flex;align-items:center;flex:1;min-width:0;cursor:grab}.layer-main:active{cursor:grabbing}.layer-row{display:flex;align-items:center;min-height:33px;padding:0 5px;border-radius:5px;color:#5f594f}.layer-row:hover,.layer-row.is-selected{background:#ece6d8;color:#29251e}.layer-row.is-selected{box-shadow:inset 2px 0 #d1ad21}.layer-indent{flex:0 0 auto}.layer-grip,.layer-action{display:inline-grid;place-items:center;width:23px;height:25px;flex:0 0 23px;padding:0;border:0;background:transparent;color:#8d8679}.layer-action{display:none}.layer-row:hover .layer-action,.layer-row.is-selected .layer-action{display:inline-grid}.layer-name{min-width:0;flex:1;overflow:hidden;border:0;background:transparent;color:inherit;padding:0 5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.layer-name-input{min-width:0;flex:1;height:25px;border:1px solid #c9ad42;border-radius:4px;outline:0;background:#fffdf8;padding:2px 5px;font-size:11px}.empty-panel-copy{padding:0 12px;color:#827b70;font-size:12px;line-height:1.5}.layer-delete{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;margin:10px 13px 15px;border:1px solid #ddcfc7;border-radius:6px;background:#fffaf5;color:#9d5142;font-size:11px;font-weight:700}.editor-stage{position:relative;min-width:0;overflow:clip;background-color:var(--editor-stage);background-image:radial-gradient(#d6d2c8 1px,transparent 1px);background-size:20px 20px}.stage-ruler{position:absolute;z-index:2;top:10px;left:50%;transform:translate(-50%);border:1px solid #d8d2c7;border-radius:999px;background:#fffdf8e6;padding:4px 8px;color:#746e64;font-size:10px;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.canvas-scroll{box-sizing:border-box;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:64px 46px 100px}.canvas-document{position:relative;width:100%;min-height:640px;background:#fffdf8;box-shadow:0 13px 38px #2a251b1f}.site-canvas{display:block;width:100%;min-height:640px;border:0;background:#fffdf8}.canvas-selection{position:absolute;z-index:8;border:1px solid #d4ab20;pointer-events:none;box-shadow:0 0 0 1px #ffffffa6}.canvas-selection-label{position:absolute;top:-25px;left:-1px;display:flex;align-items:center;height:24px;border-radius:5px 5px 2px 2px;background:#f4ce47;color:#211d14;padding-right:8px;font:750 10px/1 Onest,Arial,sans-serif;pointer-events:auto;cursor:grab}.canvas-selection-label:active{cursor:grabbing}.canvas-selection-grip{display:grid;width:25px;height:24px;place-items:center;color:inherit}.canvas-selection-actions{position:absolute;top:-33px;right:-1px;display:flex;gap:2px;padding:3px;border:1px solid #d9d1c4;border-radius:7px;background:#fffdf8;box-shadow:0 5px 16px #2a251b24;pointer-events:auto}.canvas-selection-actions button{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:4px;background:transparent;color:#4b463c}.canvas-selection-actions button:hover{background:#f2eee4}.canvas-selection-actions button:last-child{color:#a64f40}.canvas-resize-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border:2px solid #d4ab20;border-radius:3px;background:#fffdf8;cursor:nwse-resize;pointer-events:auto}.canvas-drop-surface{position:absolute;z-index:12;right:0;bottom:0;left:0;display:grid;place-items:center;min-height:96px;padding:18px;border-top:2px dashed #c39e13;background:#fff4b8eb;color:#5d4700;font:750 13px/1 Onest,Arial,sans-serif}.canvas-drop-surface span{border-radius:999px;background:#fff7d2;padding:10px 14px;box-shadow:0 5px 20px #3c300a24}.canvas-drop-surface.is-over{border-top-style:solid;background:#f4ce47eb}.empty-canvas-drop{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;border:2px dashed transparent}.empty-canvas-drop.is-over{border-color:#c39e13;background:#f4ce474d}.empty-canvas{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;min-height:600px;background:#fffdf8;padding:50px;text-align:center}.empty-canvas h1{margin:12px 0;font-size:34px;font-weight:600}.empty-canvas>p{margin:0;color:#8b741b;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.empty-canvas>span{max-width:330px;color:#716b61;font-size:15px;line-height:1.55}.empty-canvas>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.properties-panel{display:flex;flex-direction:column;border-right:0;background:#fffdf8}.properties-panel .panel-heading{position:relative;padding-right:44px}.properties-close{position:absolute;top:14px;right:12px;display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;background:transparent;color:#746d61}.properties-close:hover{background:#f2eee4;color:#24221c}.property-scroll{flex:1;overflow:auto;padding-bottom:24px}.properties-empty{display:grid;place-items:center;gap:10px;padding:42px 24px;color:#696257;text-align:center}.properties-empty p{margin:0;font-size:12px;line-height:1.5}.property-section{padding:16px 15px;border-top:1px solid #ece7dd}.property-section h3{margin:0 0 11px;font-size:11px;letter-spacing:.02em}.property-section-title{display:flex;align-items:center;justify-content:space-between}.property-field{display:grid;gap:5px;margin-top:9px}.property-field input[type=color]{height:37px;padding:3px}.property-pair,.spacing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spacing-grid{grid-template-columns:repeat(4,1fr)}.spacing-grid .property-field>span{font-size:9px}.spacing-grid .property-field input{min-width:0;padding-inline:6px}.link-values{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid #ded8cd;border-radius:5px;background:#fffdf8;color:#817a6e}.link-values.is-linked{border-color:#c5a124;background:#fff7d1;color:#8b6a00}.toggle-field{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#686258;font-size:11px;font-weight:700}.toggle-field input{accent-color:#c5a124}.editor-context-menu{position:fixed;z-index:2200;display:grid;width:160px;padding:5px;border:1px solid #d8d1c6;border-radius:8px;background:#fffdf8;box-shadow:0 12px 30px #2d271c2e}.editor-context-menu button{display:flex;align-items:center;gap:8px;min-height:31px;border:0;border-radius:5px;background:transparent;color:#4b463c;padding:0 8px;text-align:left;font-size:11px}.editor-context-menu button:hover{background:#f3eee2}.editor-context-menu .context-danger{color:#aa5141}.context-submenu-wrap{position:relative}.context-submenu-wrap>button{width:100%}.context-submenu-chevron{margin-left:auto;color:#8d8679}.context-submenu{position:absolute;z-index:2201;top:-6px;left:calc(100% + 4px);display:grid;width:160px;padding:5px;border:1px solid #d8d1c6;border-radius:8px;background:#fffdf8;box-shadow:0 12px 30px #2d271c2e}.context-submenu.is-left{left:auto;right:calc(100% + 4px)}.context-submenu button{display:flex;align-items:center;gap:8px;min-height:31px;border:0;border-radius:5px;background:transparent;color:#4b463c;padding:0 8px;text-align:left;font-size:11px}.context-submenu button:hover{background:#f3eee2}.context-submenu button[aria-disabled=true]{opacity:.38}.drag-overlay{display:flex;align-items:center;gap:7px;border:1px solid #bfa33b;border-radius:6px;background:#fff9dd;box-shadow:0 10px 22px #2d271c26;padding:9px 11px;color:#4d4120;font-size:12px;font-weight:700}.styles-panel{display:flex;flex-direction:column}.styles-tabs{display:flex;gap:2px;overflow-x:auto;padding:0 10px 10px;border-bottom:1px solid var(--editor-line)}.styles-tabs button{flex:0 0 auto;border:0;border-radius:5px;background:transparent;color:#716b60;padding:7px 8px;font-size:10px;font-weight:700}.styles-tabs button.is-active{background:#fff5c9;color:#5d4700}.style-panel-scroll{flex:1;overflow:auto}.style-section{padding:16px}.style-section h3{margin:0 0 12px;font-size:12px}.style-section-heading,.color-editor-actions,.property-section-title{display:flex;align-items:center;justify-content:space-between;gap:9px}.small-action,.color-editor-actions button,.inline-danger{display:inline-flex;align-items:center;gap:5px;border:1px solid #ddd6ca;border-radius:5px;background:#fffdf8;color:#5e574c;padding:6px 8px;font-size:10px;font-weight:700}.small-action:hover,.color-editor-actions button:hover{border-color:#c9ab29;background:#fff9df}.project-colors{display:grid;gap:6px}.project-color,.style-font-choice{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #e1dcd2;border-radius:7px;background:#fffdf8;color:#39342c;padding:9px;text-align:left}.project-color.is-active,.style-font-choice:hover{border-color:#d1b331;background:#fff9e5}.project-color i{width:25px;height:25px;aspect-ratio:1;flex:0 0 25px;border:1px solid rgba(0,0,0,.08);border-radius:50%;display:block}.project-color span,.font-property-button{display:grid;gap:2px}.project-color strong,.style-font-choice strong{font-size:11px}.project-color small,.font-property-button small{color:#7d756a;font-size:10px}.color-editor{display:grid;gap:9px;margin-top:10px;padding:11px;border:1px solid #e1dcd2;border-radius:8px;background:#fdfaf2}.danger-action,.inline-danger{color:#a55142!important}.token-warning{display:grid;gap:6px;margin-top:4px;border-radius:6px;background:#fff1e9;padding:9px}.token-warning p{margin:0;color:#895245;font-size:10px;line-height:1.4}.token-warning button{border:0;background:transparent;color:#6e4b20;padding:3px 0;text-align:left;font-size:10px;font-weight:700}.style-font-choice{display:grid;gap:3px;margin-bottom:8px}.style-font-choice span{color:#837b6f;font-size:10px}.radius-examples{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radius-examples label{display:grid;gap:5px;color:#6c655a;font-size:10px}.radius-examples i{display:block;height:35px;border:1px solid #d8c875;background:#fff3bc}.radius-examples input{min-width:0;border:1px solid #ded8cd;border-radius:5px;padding:6px}.button-style-preview{margin-top:12px;border:0;padding:11px 15px;color:#28251f;font-size:12px;font-weight:750}.font-picker{position:fixed;z-index:30;top:72px;right:310px;display:flex;flex-direction:column;width:min(450px,calc(100vw - 410px));max-height:calc(100vh - 88px);border:1px solid #d5cec1;border-radius:10px;background:#fffdf8;box-shadow:0 20px 50px #29231a33}.font-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 15px 10px}.font-picker-header p,.font-picker-header h2{margin:0}.font-picker-header p{color:#8d8170;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.font-picker-header h2{margin-top:4px;font-size:15px}.font-search{display:flex;align-items:center;gap:7px;margin:0 14px;border:1px solid #ddd6ca;border-radius:7px;background:#fffefb;color:#8a8275;padding:0 9px}.font-search input{width:100%;height:38px;border:0;outline:0;background:transparent;color:#302c26;font-size:12px}.font-preview-input{display:grid;gap:5px;padding:12px 14px 0}.font-preview-input span,.font-filter-grid span{color:#766f64;font-size:10px;font-weight:700}.font-preview-input input,.font-filter-grid select{min-width:0;border:1px solid #ddd6ca;border-radius:6px;background:#fffefb;padding:8px;color:#383229;font-size:11px}.font-filter-grid{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:7px;padding:10px 14px}.font-filter-grid label{display:grid;gap:4px}.font-recent,.font-pairings{padding:0 14px 10px}.font-recent>span,.font-pairings>span{display:block;margin-bottom:5px;color:#81786c;font-size:10px;font-weight:700}.font-recent button,.font-pairings button{border:1px solid #e1d9ca;border-radius:999px;background:#fbf8f0;color:#61594e;margin:0 4px 4px 0;padding:4px 7px;font-size:10px}.font-list{min-height:110px;overflow:auto;border-top:1px solid #eee8dc;border-bottom:1px solid #eee8dc}.font-row{display:grid;grid-template-columns:122px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;border-bottom:1px solid #f0ebe2;padding:7px 12px;outline:0}.font-row:hover,.font-row:focus-visible,.font-row.is-active{background:#fff8da}.font-row-title{display:grid;gap:2px;min-width:0}.font-row-title strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.font-row-title small{color:#81786d;font-size:9px}.font-row-preview{overflow:hidden;color:#29241e;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.font-row-actions{display:flex;align-items:center;gap:6px;color:#aa8d13}.font-favorite{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:5px;background:transparent;color:#a8a092}.font-favorite:hover,.font-favorite.is-active{background:#fff0ab;color:#9c7a00}.font-empty{padding:24px;color:#81786d;font-size:12px;text-align:center}.font-property-button{width:100%;margin:0 0 9px;border:1px solid #ddd6ca;border-radius:6px;background:#fffdf8;padding:9px;color:#3d362c;text-align:left}.font-property-button>span{color:#777063;font-size:10px}.font-property-button strong{font-size:13px}.editor-app .reset-style{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#8c7311;padding:0;font-size:9px;font-weight:700;line-height:1.3;white-space:nowrap;flex:0 0 auto}.editor-app .reset-style svg{width:12px;height:12px;flex:0 0 auto}.property-field>span{display:flex;justify-content:space-between}.property-field>span small{color:#8b8376;font-size:9px}.token-color{display:grid;gap:8px}.color-picker{display:grid;gap:8px;border:1px solid #ece6d9;border-radius:7px;background:#fdfaf2;padding:8px}.color-picker-top{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:7px}.color-picker-top label,.range-field{display:grid;gap:4px}.color-picker-top span,.color-model,.range-field span,.color-swatches>span{color:#7a7266;font-size:9px;font-weight:700}.color-picker input[type=color]{width:100%;height:32px;border:0;background:transparent;padding:0}.color-hex input{min-width:0;border:1px solid #dcd5c8;border-radius:5px;background:#fffefb;padding:6px;font-size:10px}.color-model{display:flex;justify-content:space-between;gap:7px;font-weight:500}.range-field b{color:#524a3e}.color-swatches>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.color-swatches button{width:20px;height:20px;border:1px solid rgba(0,0,0,.12);border-radius:50%}.spacing-presets,.shadow-presets{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.spacing-presets button,.shadow-presets button{border:1px solid #ded7ca;border-radius:5px;background:#fffdf8;color:#625b50;padding:5px 7px;font-size:9px;font-weight:700}.spacing-presets button:hover,.shadow-presets button:hover{border-color:#c9ab29}.gradient-preview{height:42px;margin-bottom:9px;border:1px solid rgba(0,0,0,.08);border-radius:6px}.gradient-stops{display:grid;gap:8px;margin:10px 0}.gradient-stop{display:grid;grid-template-columns:minmax(0,1fr) 74px 28px;align-items:end;gap:7px}.gradient-stop>button{display:grid;place-items:center;height:28px;border:1px solid #ead5cf;border-radius:5px;background:#fff9f5;color:#a55a4a}.shadow-card{display:grid;gap:7px;margin-top:9px;border:1px solid #e4ddd2;border-radius:7px;background:#fdfbf5;padding:8px}@media(min-width:761px)and (max-width:1080px){.editor-workspace{grid-template-columns:62px 235px minmax(360px,1fr)}.properties-panel{display:none}.editor-toolbar{grid-template-columns:180px minmax(0,1fr) auto}.font-picker{right:20px;width:min(430px,calc(100vw - 100px))}}@media(max-width:760px){.project-name-screen{padding:28px 21px}.project-name-screen>.builder-brand{top:19px;left:21px}.project-name-card h1{font-size:29px}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;min-height:52px;height:auto;padding:8px 10px;gap:6px;overflow:visible}.editor-toolbar .builder-brand{font-size:12px;flex:0 0 auto;max-width:38vw;overflow:hidden;white-space:nowrap}.editor-toolbar .project-title{display:flex;flex:0 1 92px;min-width:0;align-items:center;gap:4px;overflow:hidden;margin-left:auto}.editor-toolbar .zoom-control,.editor-toolbar .toolbar-divider{display:none}.editor-toolbar .viewport-segment{padding:2px;gap:1px;flex:0 1 auto;min-width:0}.editor-toolbar .viewport-segment button{width:26px;height:26px;flex:0 0 26px}.editor-toolbar .viewport-segment input{width:46px;font-size:10px;display:block}.editor-toolbar .icon-button{display:none}.editor-toolbar .toolbar-more{display:block;flex:0 0 auto}.editor-toolbar .publish-wrap{flex:0 0 auto;margin-left:auto}.editor-actions{gap:4px;flex:1 1 100%;min-width:0;overflow:visible;flex-wrap:wrap;justify-content:flex-end}.editor-actions::-webkit-scrollbar{display:none}.preview-button{min-height:32px;padding:6px 10px;font-size:11px}.export-button,.new-project-button{min-height:32px;padding:6px 10px}.icon-button{width:30px;height:30px}.editor-workspace{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:calc(100dvh - 52px);min-height:0}.tool-rail{grid-row:1 / span 2;padding:7px 3px;overflow-y:auto}.tool-rail-item{width:47px;min-height:45px;font-size:8px}.editor-panel{grid-row:2;grid-column:2;border-top:1px solid var(--editor-line);border-right:0;max-height:34vh;overflow-y:auto}.editor-stage{grid-column:2;grid-row:1;min-height:0}.add-panel{overflow-y:auto}.library-grid{grid-template-columns:repeat(3,1fr)}.library-element{min-height:33px;justify-content:center;padding:6px;font-size:10px}.library-element svg{display:none}.template-list{grid-template-columns:1fr 1fr}.template-card{padding:8px}.template-card span{display:none}.panel-heading{padding:12px 14px 9px}.panel-heading-template{padding-top:14px}.canvas-scroll{padding:32px 8px;justify-content:center}.canvas-zoom{min-width:0}.site-canvas{min-height:420px}.empty-canvas{min-height:380px;padding:24px}.empty-canvas h1{font-size:22px}.font-picker{top:58px;right:7px;left:65px;width:auto;max-height:calc(100vh - 68px)}.font-filter-grid{grid-template-columns:1fr 1fr}.font-filter-grid label:last-child{grid-column:span 2}.font-row{grid-template-columns:102px minmax(0,1fr) auto}.font-row-preview{font-size:13px}.color-model{display:grid}.canvas-wrap{min-height:0}.assets-strip{padding:6px 8px;min-height:56px}.insert-popover{width:calc(100vw - 16px);max-height:44vh;padding:12px;gap:8px}.insert-popover header strong{font-size:12px}.popover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.popover-element{flex-direction:row;justify-content:flex-start;padding:6px 8px;gap:6px;font-size:10px;white-space:nowrap;overflow:hidden}.popover-section-title{margin-top:0}.popover-templates{gap:5px}.popover-templates button{padding:6px 8px}.popover-templates button span{display:none}.popover-search{min-height:32px}}.viewport-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ded7ca;border-radius:7px;background:#fbf9f3}.viewport-switch button{display:grid;width:28px;height:28px;place-items:center;border-radius:4px;background:transparent;color:#777065;cursor:pointer}.viewport-switch button.is-active{background:#f5c542;color:#171717}.viewport-switch input{width:58px;border:0;background:transparent;color:#595147;font-size:10px;text-align:center}.responsive-mode-label{margin-left:5px;color:#9c7517;font-size:9px;text-transform:capitalize}.responsive-note{display:grid;gap:8px;background:#fffaf0}.responsive-note p{color:#756d61;font-size:11px;line-height:1.45}.project-dashboard{min-height:100dvh;padding:24px clamp(20px,6vw,84px) 70px;background:#fffdf8;color:#171717}.project-dashboard>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #e3ddd1}.project-dashboard>header p{max-width:320px;color:#746d62;font-size:13px;line-height:1.5}.dashboard-intro{display:grid;gap:28px;padding-block:clamp(42px,8vw,92px) 34px}.dashboard-intro h1{margin:0;font-size:clamp(38px,6vw,76px);line-height:.98;letter-spacing:-.065em}.dashboard-intro p:not(.eyebrow){max-width:500px;margin-top:16px;color:#71695d;line-height:1.6}.dashboard-intro form{display:grid;gap:10px;align-content:end;max-width:330px}.dashboard-intro label,.page-create label,.page-rename{display:grid;gap:5px;color:#70685e;font-size:11px;font-weight:700}.dashboard-intro input,.page-create input,.page-rename input{width:100%;min-height:42px;border:1px solid #ded7ca;border-radius:6px;background:#fffefb;padding:0 11px;color:#171717}.dashboard-search{display:flex;align-items:center;gap:9px;max-width:460px;min-height:42px;border-bottom:1px solid #d7cfc1;color:#81786c}.dashboard-search input{width:100%;border:0;background:transparent;outline:0}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;margin-top:28px}.project-card{position:relative;overflow:hidden;border:1px solid #e1dbd0;border-radius:12px;background:#fffefb}.project-card-cover{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-bottom:1px solid #e1dbd0;background:#f2eee5}.project-cover-open{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:transparent;padding:0;cursor:pointer}.project-card-open{width:100%;min-height:84px;padding:17px 18px 18px;background:transparent;color:inherit;cursor:pointer;text-align:left}.project-card strong,.project-card small{display:block}.project-card small{margin-top:5px;color:#7d756a;font-size:11px}.project-card-actions{position:absolute;z-index:3;top:12px;right:12px;display:flex;gap:5px;padding:4px;border:1px solid rgba(45,39,29,.12);border-radius:9px;background:#fffdf8f0;box-shadow:0 5px 18px #2d271d1a}.project-card-actions button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:6px;background:transparent;color:#655f55;cursor:pointer}.project-card-actions button:hover{background:#f2ede3;color:#171717}.dashboard-empty{display:grid;justify-items:start;gap:9px;margin-top:55px;color:#777064}.dashboard-empty h2{color:#2b2823;font-size:21px}.pages-list{display:grid;gap:5px;padding:10px}.page-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid transparent;border-radius:6px}.page-row.is-active{border-color:#dfbe42;background:#fff8d8}.page-row>button{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:7px;align-items:center;padding:9px;background:transparent;color:#38332c;cursor:pointer;text-align:left}.page-row strong{font-size:12px}.page-row small{grid-column:2;margin-top:2px;color:#827a6e;font-size:10px}.page-row>div{display:flex;gap:2px;padding-right:5px}.page-row>div button{display:grid;width:26px;height:26px;place-items:center;background:transparent;color:#766e62;cursor:pointer}.page-create,.page-rename{display:grid;gap:9px;margin:13px}.page-rename{padding-top:13px;border-top:1px solid #e4ddd1}.asset-upload{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;margin:12px;border:1px dashed #c9ab29;border-radius:7px;background:#fff9e1;color:#5f4a10;cursor:pointer;font-size:12px;font-weight:700}.assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.asset-card{position:relative;min-width:0;border:1px solid #e4ddd2;border-radius:6px;overflow:hidden}.asset-card>button:first-child{width:100%;background:#fffdf8;color:#4e493f;cursor:pointer;text-align:left}.asset-card img{width:100%;aspect-ratio:1.25;object-fit:cover;background:#f0ece3}.asset-card span,.asset-card small{display:block;overflow:hidden;padding:5px 6px 0;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.asset-card small{padding-bottom:6px;color:#827b70;font-size:9px}.asset-card>button:last-child{position:absolute;top:5px;right:5px;display:grid;width:24px;height:24px;place-items:center;border-radius:4px;background:#fffdf8;color:#9c5044;cursor:pointer}.page-settings{display:grid;gap:9px;padding:12px;border-top:1px solid #e7e1d8}.page-settings>p{margin:0;color:#80786d;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-settings label{display:grid;gap:4px;color:#736b60;font-size:10px;font-weight:700}.page-settings input,.page-settings textarea,.page-settings select{width:100%;min-height:32px;border:1px solid #ded7cc;border-radius:5px;background:#fffdf9;color:#2a2721;padding:7px 8px;font:inherit}.page-settings textarea{min-height:58px;resize:vertical}.site-settings{margin-top:8px}@media(min-width:700px){.dashboard-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.export-button{min-height:34px;border:0;border-radius:6px;background:#24221c;color:#fffdf8;padding:0 11px;font-size:11px;font-weight:750}.export-dialog-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#231f1752;animation:dialog-in .18s var(--ease-out, ease-out)}.export-dialog{position:relative;display:grid;gap:12px;width:min(100%,390px);border:1px solid #d8d0c4;border-radius:10px;background:#fffdf8;padding:26px;box-shadow:0 22px 55px #2a221733;animation:panel-in .18s var(--ease-out, ease-out)}.export-dialog>svg{color:#b28400}.export-dialog p{margin:0;color:#8a711d;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.export-dialog h2{margin:0;font-size:24px;letter-spacing:-.04em}.export-dialog>span{color:#71695e;font-size:13px;line-height:1.5}.dialog-close{position:absolute;top:11px;right:11px;display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:5px;background:transparent;color:#746d61}.dialog-secondary{min-height:38px;border:1px solid #d9d1c5;border-radius:6px;background:transparent;color:#3f3a31;font-size:12px;font-weight:700}.export-error{color:#a54f3f;font-size:12px}.editor-app ::-webkit-scrollbar{width:10px;height:10px}.editor-app ::-webkit-scrollbar-track{border-radius:999px;background:#ece7dd}.editor-app ::-webkit-scrollbar-thumb{border:3px solid #ece7dd;border-radius:999px;background:#b7afa2}.editor-app ::-webkit-scrollbar-thumb:hover{background:#8f877b}.editor-app *{scrollbar-color:#b7afa2 #ece7dd;scrollbar-width:thin}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-in{0%{opacity:0}to{opacity:1}}@keyframes dash-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1}}@keyframes editor-bar-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1}}@keyframes editor-rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1}}@keyframes stage-in{0%{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1}}@keyframes layer-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1}}@keyframes hint-blink{0%,to{background:transparent;box-shadow:0 0 #d4ab2000}10%,22%,44%,56%,78%,90%{background:#fff7d1;box-shadow:0 0 0 3px #d4ab208c}32%,66%{background:transparent;box-shadow:0 0 #d4ab2000}}.project-dashboard>header,.dashboard-intro>div,.dashboard-intro>form,.dashboard-tools,.dashboard-empty,.project-grid>.project-card,.editor-app>.editor-toolbar,.editor-workspace>.tool-rail,.editor-workspace>.editor-panel,.editor-workspace>.canvas-wrap,.layers-list>.layer-drop{opacity:0}.project-dashboard.is-booted>header{animation:dash-in .48s var(--ease-out, ease-out) both}.project-dashboard.is-booted .dashboard-intro>div{animation:dash-in .52s var(--ease-out, ease-out) 70ms both}.project-dashboard.is-booted .dashboard-intro>form{animation:dash-in .52s var(--ease-out, ease-out) .14s both}.project-dashboard.is-booted .dashboard-intro>form.is-hint{border-radius:10px;animation:dash-in .52s var(--ease-out, ease-out) .14s both,hint-blink 3s var(--ease-out, ease-out) .7s}.project-dashboard.is-booted .dashboard-tools{animation:dash-in .52s var(--ease-out, ease-out) .2s both}.project-dashboard.is-booted .dashboard-empty{animation:dash-in .52s var(--ease-out, ease-out) .22s both}.project-dashboard.is-booted .project-grid>.project-card{animation:dash-in .52s var(--ease-out, ease-out) both}.project-dashboard.is-booted .project-grid>.project-card:nth-child(1){animation-delay:.24s}.project-dashboard.is-booted .project-grid>.project-card:nth-child(2){animation-delay:.29s}.project-dashboard.is-booted .project-grid>.project-card:nth-child(3){animation-delay:.34s}.project-dashboard.is-booted .project-grid>.project-card:nth-child(4){animation-delay:.39s}.project-dashboard.is-booted .project-grid>.project-card:nth-child(5){animation-delay:.44s}.project-dashboard.is-booted .project-grid>.project-card:nth-child(6){animation-delay:.49s}.project-dashboard.is-booted .project-grid>.project-card:nth-child(7){animation-delay:.54s}.project-dashboard.is-booted .project-grid>.project-card:nth-child(n+8){animation-delay:.59s}.editor-app.is-booted>.editor-toolbar{animation:editor-bar-in .42s var(--ease-out, ease-out) both}.editor-app.is-booted .editor-workspace>.tool-rail{animation:editor-rise-in .44s var(--ease-out, ease-out) 70ms both}.editor-app.is-booted .editor-workspace>.editor-panel{animation:editor-rise-in .46s var(--ease-out, ease-out) .13s both}.editor-app.is-booted .editor-workspace>.canvas-wrap{animation:stage-in .56s var(--ease-out, ease-out) .19s both}.editor-app.is-booted .editor-workspace>.properties-panel{animation:editor-rise-in .46s var(--ease-out, ease-out) .25s both}.editor-app.is-booted .layers-list>.layer-drop{animation:layer-in .3s var(--ease-out, ease-out) both}.editor-app.is-booted .layers-list>.layer-drop:nth-child(2){animation-delay:35ms}.editor-app.is-booted .layers-list>.layer-drop:nth-child(3){animation-delay:70ms}.editor-app.is-booted .layers-list>.layer-drop:nth-child(4){animation-delay:105ms}.editor-app.is-booted .layers-list>.layer-drop:nth-child(5){animation-delay:.14s}.editor-app.is-booted .layers-list>.layer-drop:nth-child(6){animation-delay:175ms}.editor-app.is-booted .layers-list>.layer-drop:nth-child(7){animation-delay:.21s}.editor-app.is-booted .layers-list>.layer-drop:nth-child(8){animation-delay:245ms}.editor-app.is-booted .layers-list>.layer-drop:nth-child(9){animation-delay:.28s}.editor-app.is-booted .layers-list>.layer-drop:nth-child(n+10){animation-delay:315ms}.site-preview{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:56px minmax(0,1fr);background:#ebe8df;animation:dialog-in .18s var(--ease-out, ease-out)}.site-preview>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded7ca;background:#fffdf8;padding:0 12px;gap:12px;min-height:56px;position:sticky;top:0;z-index:10}.site-preview>header>button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:6px;background:transparent;color:#39342b;padding:8px;font-size:12px;font-weight:700;flex-shrink:0}.site-preview>header>div{display:flex;gap:4px;flex-shrink:0}.site-preview>header>div button{display:grid;width:32px;height:32px;place-items:center;border:1px solid transparent;border-radius:5px;background:transparent;color:#746e63}.site-preview>header>div button.is-active{border-color:#d6b131;background:#fff5c9;color:#2b261c}.site-preview .editor-stage{grid-row:2;min-height:0;overflow:auto;display:flex;flex-direction:column}.site-preview .node-label,.site-preview .canvas-drop-slot{display:none}.site-preview .canvas-node{outline:0;cursor:default}@media(max-width:760px){.site-preview{display:flex;flex-direction:column}.site-preview>header{order:2;position:static;flex:0 0 auto;min-height:64px;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.site-preview .editor-stage{order:1;flex:1 1 0;min-height:0;height:auto;overflow:hidden}.site-preview .canvas-scroll{flex:1 1 auto;min-height:0;height:auto;overflow:auto;-webkit-overflow-scrolling:touch}.site-preview .canvas-frame{width:var(--canvas-display-width)!important;min-width:var(--canvas-display-width)!important;max-width:none!important}.site-preview .canvas-zoom{width:var(--canvas-width)!important;min-width:var(--canvas-width)!important}}.canvas-wrap{position:relative;min-width:0;display:flex;flex-direction:column;flex:1}.canvas-insert{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:6;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;border:1px solid #ded9cf;background:#fffdf8;color:#24221c;box-shadow:0 4px 14px #2a251b1f;font-size:16px;line-height:1}.canvas-insert:hover{background:#fff5c9;border-color:#e5d99b}.insert-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;display:grid;place-items:center;padding:16px;background:#24221c24}.insert-popover{width:min(560px,calc(100vw - 24px));max-height:min(68vh,560px);overflow:auto;display:grid;gap:12px;padding:16px;border:1px solid #ded9cf;border-radius:12px;background:#fffdf8;box-shadow:0 20px 50px #2a251b29}.insert-popover header{display:flex;align-items:center;justify-content:space-between}.insert-popover header strong{font-size:13px}.popover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.popover-element{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid #e1dcd2;border-radius:8px;background:#fdfbf5;font-size:11px;font-weight:600;color:#4c473e}.popover-element:hover{border-color:#d1bc58;background:#fff9df}.popover-section-title{margin-top:4px;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#6e665a}.popover-templates{display:grid;gap:6px}.popover-templates button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:1px solid #e1dcd2;border-radius:7px;background:#fdfbf5;text-align:left}.popover-templates button strong{font-size:11px}.popover-templates button span{font-size:10px;color:#625d54}.popover-search{display:flex;align-items:center;gap:8px;padding:0 10px;min-height:36px;border:1px solid #ded7ca;border-radius:7px;background:#fffefa;color:#8a8275}.popover-search input{flex:1;border:0;background:transparent;outline:0;font-size:12px}.popover-hint{display:inline-flex;align-items:center;gap:6px;justify-self:start;border:0;background:transparent;color:#8a8275;font-size:10px}.assets-strip{display:flex;align-items:center;gap:8px;min-height:64px;padding:8px 12px;border-top:1px solid var(--editor-line);background:#fffdf8;overflow-x:auto}.assets-strip--blink{animation:strip-blink .52s ease 2}@keyframes strip-blink{0%,to{background:#fffdf8;box-shadow:inset 0 0 #f4ce47}50%{background:#fff7cc;box-shadow:inset 0 0 0 2px #f4ce47}}.assets-strip-list{display:flex;gap:8px;align-items:center;flex:1;min-width:0;overflow-x:auto}.asset-strip-item{position:relative;flex:0 0 auto}.asset-strip-thumb{width:52px;height:52px;border-radius:6px;overflow:hidden;border:1px solid #e1dcd2;background:#f7f4ed;padding:0}.asset-strip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.asset-strip-remove{position:absolute;top:-6px;right:-6px;width:16px;height:16px;display:grid;place-items:center;border-radius:999px;border:0;background:#24221c;color:#fffdf8}.assets-strip-empty{font-size:11px;color:#8a8275}.assets-strip-upload{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:32px;padding:0 10px;border:1px dashed #c9ab29;border-radius:6px;background:#fff9e1;color:#5f4a10;font-size:11px;font-weight:700}.pages-compact{display:grid;gap:8px;padding:8px;border-bottom:1px solid var(--editor-line)}.pages-compact .page-create.compact{display:flex;gap:6px;margin:0;align-items:center}.pages-compact .page-create.compact input{flex:1;min-height:28px;font-size:11px}.pages-compact .page-settings.compact{padding:8px;gap:6px}.pages-compact .page-settings.compact label{font-size:10px}.layer-filter{display:flex;gap:4px;padding:8px 8px 0}.layer-filter button{flex:1;min-height:24px;border:1px solid #e1dcd2;border-radius:999px;background:#fffdf8;font-size:10px;font-weight:600;color:#6e665a}.layer-filter button.is-active{background:#24221c;color:#fffdf8;border-color:#24221c}.layer-toggle{display:grid;place-items:center;width:16px;height:16px;border:0;background:transparent;color:#8d8679;flex:0 0 16px}.panel-empty{padding:24px 16px;text-align:center;color:#8a8275;font-size:12px;line-height:1.5}.advanced-section{border-top:1px solid #ece7dd}.advanced-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:transparent;font-size:11px;font-weight:700;color:#6e665a}.advanced-content{padding:0 15px 16px;display:grid;gap:12px}.preset-row{display:flex;gap:6px;flex-wrap:wrap}.preset-dot{width:22px;height:22px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,0,0,.08);display:block;flex:0 0 22px}.zoom-control{display:none!important}.font-hover-card{display:grid;gap:9px;margin-top:9px}.override-dot{width:6px;height:6px;border-radius:999px;background:#f4ce47;display:inline-block;margin-left:6px}.token-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #f0ebe2}.token-row i{width:14px;height:14px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,0,0,.08);flex:0 0 14px;display:block}.token-row strong{flex:1;font-size:11px}.token-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#24221c2e}.token-modal-card{width:min(360px,calc(100vw - 24px));background:#fffdf8;border:1px solid #ded9cf;border-radius:12px;padding:16px;display:grid;gap:12px;box-shadow:0 20px 50px #2a251b29}.unified-empty{display:grid;place-items:center;gap:12px;padding:48px 24px;text-align:center;color:#8a8275}.unified-empty svg{opacity:.7}@media(max-width:760px){.site-preview>header{padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.site-preview .canvas-scroll{padding:16px 10px 24px}}.starter-backdrop,.command-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:color-mix(in oklab,var(--color-ink) 34%,transparent);animation:dialog-in .18s var(--ease-out)}.starter-dialog,.command-palette{position:relative;width:min(100%,900px);max-height:min(820px,calc(100dvh - 36px));overflow:auto;border:1px solid var(--color-rule);border-radius:12px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 22px 58px var(--color-shadow);animation:panel-in .18s var(--ease-out)}.starter-dialog{display:grid;gap:12px;padding:28px}.starter-dialog>p{margin:0;color:var(--color-muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.starter-dialog h2{margin:0;font-size:28px;letter-spacing:-.05em}.starter-dialog>span{color:var(--color-muted);font-size:13px}.starter-toolbar{display:grid;gap:9px}.starter-toolbar label,.command-palette>label{display:flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--color-rule);border-radius:7px;background:var(--color-surface-pure);padding:0 10px;color:var(--color-muted)}.starter-toolbar input,.command-palette input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--color-ink);font:inherit}.starter-toolbar>div{display:flex;flex-wrap:wrap;gap:5px}.starter-toolbar>div button{border:1px solid var(--color-rule);border-radius:999px;background:var(--color-surface-pure);color:var(--color-ink-soft);padding:5px 9px;font-size:10px;font-weight:700}.starter-toolbar>div button.is-active{border-color:var(--color-sun-deep);background:var(--color-sun-soft);color:var(--color-ink)}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.starter-card{position:relative;display:grid;gap:8px;min-width:0;min-height:166px;border:1px solid var(--color-rule);border-radius:8px;background:var(--color-surface-pure);padding:11px;color:var(--color-ink);text-align:left;transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.starter-card:hover{transform:translateY(-2px);border-color:var(--color-sun-deep);box-shadow:0 8px 16px var(--color-shadow)}.starter-card:active{transform:translateY(0)}.starter-card>i{display:grid;align-content:center;gap:6px;height:72px;overflow:hidden;border-radius:5px;background:var(--color-sun-soft);padding:12px}.starter-card>i b{display:block;height:9px;background:var(--color-ink)}.starter-card>i b:nth-child(2){width:72%;background:var(--color-coral)}.starter-card>i b:nth-child(3){width:44%;background:var(--color-blue)}.starter-card strong{font-size:12px}.starter-card>span{color:var(--color-muted);font-size:10px;line-height:1.45}.starter-card small{display:inline-flex;align-items:center;gap:4px;color:var(--color-green);font-size:10px;font-weight:800}.starter-empty,.panel-empty{color:var(--color-muted);font-size:12px}.section-search{display:flex;align-items:center;gap:7px;min-height:34px;margin:0 12px 10px;border:1px solid #ded7ca;border-radius:6px;background:#fffdf8;padding:0 8px;color:#81786c}.section-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit}.panel-empty{padding:0 12px 12px}.command-palette{width:min(100%,560px);overflow:hidden}.command-palette>label{border:0;border-radius:0;border-bottom:1px solid var(--color-rule);padding:0 16px}.command-palette>div{display:grid;padding:8px}.command-palette>div button{display:flex;align-items:center;gap:9px;min-height:40px;border-radius:6px;background:transparent;color:var(--color-ink);padding:0 9px;text-align:left}.command-palette>div button:hover{background:var(--color-sun-soft)}.command-palette>div p{margin:12px 9px;color:var(--color-muted);font-size:12px}.command-palette footer{border-top:1px solid var(--color-rule);padding:9px 16px;color:var(--color-muted);font-size:10px}.command-palette kbd{border:1px solid var(--color-rule);border-radius:3px;background:var(--color-surface-soft);padding:2px 4px;color:var(--color-ink-soft)}.editor-hint{position:fixed;z-index:45;right:26px;bottom:26px;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 52px));border:1px solid var(--color-sun-deep);border-radius:8px;background:var(--color-sun-soft);padding:10px 11px;color:var(--color-ink);box-shadow:0 8px 18px var(--color-shadow);font-size:12px;animation:panel-in .18s var(--ease-out)}.editor-hint button{border:0;border-radius:5px;background:var(--color-ink);color:var(--color-surface);padding:6px 8px;font-size:11px;font-weight:700;white-space:nowrap}.editor-mobile-notice{display:none}.editor-recovery{display:grid;min-height:100dvh;place-content:center;justify-items:start;gap:12px;background:var(--color-bg);color:var(--color-ink);padding:28px}.editor-recovery p{color:var(--color-muted)}.editor-recovery h1{max-width:480px;font-size:clamp(32px,7vw,62px);letter-spacing:-.06em}.editor-recovery a{color:var(--color-ink);font-size:13px;font-weight:700}.has-tooltip{position:relative}.has-tooltip:after{position:absolute;z-index:80;right:0;top:calc(100% + 8px);width:max-content;max-width:180px;border-radius:5px;background:var(--color-ink);color:var(--color-surface);content:attr(data-tooltip);opacity:0;padding:5px 7px;pointer-events:none;transform:translateY(-3px);transition:opacity var(--dur-short) var(--ease-out) .8s,transform var(--dur-short) var(--ease-out) .8s;font-size:10px;font-weight:700}.has-tooltip:hover:after,.has-tooltip:focus-visible:after{opacity:1;transform:translateY(0)}@media(max-width:760px){.starter-dialog{padding:22px 16px}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-canvas h1{font-size:clamp(28px,9vw,52px)!important;line-height:1.05!important;overflow-wrap:anywhere}.site-canvas h2,.site-canvas h3{font-size:clamp(22px,7vw,32px)!important;overflow-wrap:anywhere}.site-canvas p{font-size:clamp(13px,3.5vw,16px)!important}.tool-rail-menu{width:160px!important}.publish-menu{position:fixed!important;width:184px!important}.toolbar-more-menu{position:fixed!important;width:148px!important}.editor-hint{right:12px;bottom:12px;max-width:calc(100vw - 24px)}.editor-mobile-notice{display:none!important}}.section-search input,.section-search input::placeholder{color:#171717!important;opacity:1}.export-issues{display:grid;gap:5px;border:1px solid #dfd5bd;border-radius:7px;background:#fffbef;padding:9px;color:#6a6051;font-size:11px;line-height:1.35}.export-issues strong{color:#4c4336}.export-issues.is-error{border-color:#e1b3a8;background:#fff4f0}.export-issues.is-error strong{color:#9b483a}.site-check-content{display:grid;gap:10px;padding:12px;overflow-y:auto}.site-check-ready,.site-check-summary{display:grid;gap:6px;border:1px solid #d8dfc9;border-radius:8px;background:#f8fbf0;padding:12px;color:#5e6651;font-size:12px;line-height:1.45}.site-check-ready svg{color:#728a45}.site-check-ready strong,.site-check-summary strong{color:#3f4934}.site-check-summary.has-errors{border-color:#e2beb4;background:#fff7f3}.site-check-summary.has-errors strong{color:#914c40}.site-check-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;border-bottom:1px solid #e8e1d7;padding:2px 0 10px;color:#655e53;font-size:12px;line-height:1.45}.site-check-item svg{color:#b78b20}.site-check-item.is-error svg{color:#b35a48}.project-thumb-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fffdf8}.project-thumb-frame iframe{position:absolute;top:0;left:0;width:400%;height:400%;border:0;pointer-events:none;transform:scale(.25);transform-origin:top left}.project-thumb-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:8px;background:#f5c542;color:#171717}.project-thumb-empty span{font-size:clamp(52px,8vw,88px);font-weight:800;line-height:.8;letter-spacing:-.08em}.project-thumb-empty small{font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.project-thumb-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:7px;background:#f2eee5}.project-thumb-loading span{width:8px;height:8px;border-radius:50%;background:#c9beac;animation:thumb-loading 1s ease-in-out infinite}.project-thumb-loading span:nth-child(2){animation-delay:.12s}.project-thumb-loading span:nth-child(3){animation-delay:.24s}@keyframes thumb-loading{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.editor-app{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.editor-workspace{min-height:0;height:calc(100dvh - 59px);overflow:hidden;flex:1}.editor-workspace>*{min-height:0}.tool-rail{min-height:0;overflow:visible}.editor-app .tool-rail{position:relative;z-index:30;inset:auto;z-index:auto;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;grid-template-columns:none;border-top:0;border-right:1px solid var(--editor-line);background:#fffdf8}.editor-app .tool-rail button{width:52px;min-width:0;min-height:52px;display:grid;flex:0 0 auto;place-items:center;gap:4px;background:transparent}.editor-panel,.properties-panel,.layers-panel,.styles-panel{min-height:0}.add-panel,.assets-panel,.site-check-panel{overflow-y:auto}.editor-stage{min-height:0}.canvas-scroll{display:flex;align-items:flex-start;justify-content:center}.canvas-frame{width:var(--canvas-display-width);min-height:var(--canvas-display-height)}.canvas-zoom{width:var(--canvas-width);min-width:320px;transform:scale(var(--canvas-zoom));transform-origin:top left}.site-preview{z-index:900}.site-preview .editor-stage{min-height:0}.site-preview .canvas-scroll{padding:24px 24px 64px;justify-content:center;align-items:flex-start}.site-preview .editor-stage{display:flex;flex-direction:column;align-items:stretch}.site-preview .canvas-frame{margin-inline:auto;max-width:100%}.export-dialog-backdrop{z-index:1000}.starter-backdrop,.command-backdrop{z-index:1100}.font-picker{z-index:2100}.editor-context-menu{z-index:2200}.editor-hint{z-index:40}.editor-app:has(.export-dialog-backdrop) .editor-hint,.editor-app:has(.starter-backdrop) .editor-hint,.editor-app:has(.command-backdrop) .editor-hint{opacity:0;pointer-events:none}@media(max-width:760px){.editor-app .editor-toolbar{position:relative;z-index:250;height:auto;min-height:auto;overflow:visible}.editor-app .editor-actions{min-width:0;overflow:visible;flex-wrap:nowrap;scrollbar-width:none}.editor-app .editor-actions::-webkit-scrollbar{display:none}.editor-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 64px;height:auto;flex:1;min-height:0}.editor-app .tool-rail{grid-row:2;grid-column:1;z-index:60;flex-direction:row;justify-content:space-around;align-items:center;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid var(--editor-line);border-right:0;overflow:visible}.editor-app .tool-rail button{width:min(64px,19vw);min-height:50px;font-size:9px}.editor-app .tool-rail-overflow{width:auto;margin:0}.editor-app .tool-rail-mark{display:none}.editor-app .tool-rail-menu{min-width:160px}.editor-app .editor-panel,.editor-app .properties-panel{position:absolute;grid-row:1;grid-column:1;z-index:50;right:8px;bottom:72px;left:8px;max-height:min(46dvh,430px);border:1px solid var(--editor-line);border-radius:14px 14px 8px 8px;background:#fffdf8;box-shadow:0 16px 42px #2a251b2e;overflow:hidden}.editor-app .editor-panel{border-top:1px solid var(--editor-line);border-right:0;overflow-y:auto}.editor-workspace:has(>.properties-panel)>.editor-panel:not(.properties-panel){display:none}.editor-app .properties-panel .property-scroll{overflow-y:auto}.editor-app .editor-stage{grid-row:1;grid-column:1;min-height:0}.editor-app .canvas-scroll{padding:42px 8px 36px;justify-content:center;align-items:flex-start}.editor-app .canvas-wrap{min-height:0}.editor-app .canvas-zoom{min-width:0;width:var(--canvas-width)}.editor-app .canvas-frame{max-width:100%}.editor-app .canvas-insert{top:8px;left:auto;right:8px;transform:none;width:40px;height:40px}.editor-app .stage-ruler{left:8px;transform:none;max-width:calc(100% - 64px)}.editor-app .assets-strip{position:absolute;z-index:42;right:8px;bottom:72px;left:8px;min-height:66px;border:1px solid var(--editor-line);border-radius:10px;box-shadow:0 12px 30px #2a251b24}.editor-app .canvas-selection-label{top:-30px;height:29px}.editor-app .canvas-selection-label button{width:32px;height:29px}.editor-app .canvas-selection-actions{top:auto;right:0;bottom:-42px}.editor-app .canvas-selection-actions button{width:34px;height:34px}}.editor-mobile-notice{display:none!important}:root{--font-display: "Unbounded", "Arial Black", sans-serif;--font-body: "Onest", "Segoe UI", sans-serif;--font-canvas: "Manrope", "Segoe UI", sans-serif;--font-manrope: "Manrope", "Segoe UI", sans-serif;--font-onest: "Onest", "Segoe UI", sans-serif;--font-roboto: "Roboto", "Segoe UI", sans-serif;--font-pt: "PT Sans", "Segoe UI", sans-serif;--font-plex: "IBM Plex Sans", "Segoe UI", sans-serif;--font-source: "Source Sans 3", "Segoe UI", sans-serif;--color-bg: oklch(97.3% .018 94);--color-bg-strong: oklch(94.6% .026 94);--color-surface: oklch(99% .006 94);--color-surface-pure: oklch(99.5% .005 94);--color-surface-soft: oklch(96.2% .011 82);--color-ink: oklch(19% .014 55);--color-ink-soft: oklch(36% .018 55);--color-muted: oklch(47% .014 60);--color-rule: oklch(83% .024 86);--color-rule-strong: oklch(67% .032 82);--color-sun: oklch(86% .18 93);--color-accent-ink: oklch(19% .014 55);--color-sun-deep: oklch(72% .17 82);--color-sun-soft: oklch(94% .09 94);--color-coral: oklch(62% .19 31);--color-coral-soft: oklch(93% .045 31);--color-blue: oklch(56% .19 253);--color-blue-deep: oklch(47% .19 253);--color-blue-soft: oklch(94% .035 253);--color-green: oklch(52% .13 151);--color-coffee: oklch(34% .065 49);--color-coffee-deep: oklch(24% .045 49);--color-coffee-mid: oklch(58% .07 57);--color-coffee-light: oklch(88% .045 72);--color-canvas-bg: oklch(93.8% .011 78);--color-error: oklch(54% .19 27);--color-focus: oklch(48% .2 253);--color-shadow: oklch(22% .02 55 / .14);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--text-xs: .72rem;--text-sm: .84rem;--text-base: 1rem;--text-md: 1.2rem;--text-lg: 1.5rem;--text-xl: 1.9rem;--text-2xl: 2.45rem;--text-3xl: 3.05rem;--text-4xl: 3.8rem;--text-display: clamp(2.75rem, 5vw + 1rem, 5.8rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .18s;--dur-long: .42s;--radius-sm: .4rem;--radius-md: .65rem;--radius-lg: .9rem;--radius-pill: 999px;--rule-thin: 1px;--page-max: 110rem;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-width:20rem;overflow-x:clip;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{min-height:100dvh}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}button,a,input,textarea{outline:2px solid transparent;outline-offset:var(--space-2xs)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-2xs)}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}img,svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-style:normal;min-width:0;overflow-wrap:anywhere}.font-manrope{font-family:var(--font-manrope)}.font-onest{font-family:var(--font-onest)}.font-roboto{font-family:var(--font-roboto)}.font-pt{font-family:var(--font-pt)}.font-plex{font-family:var(--font-plex)}.font-source{font-family:var(--font-source)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-md);font-weight:600;letter-spacing:-.035em;white-space:nowrap}.brand b,.builder-brand b{font-weight:700}.brand-mark{width:1.7rem;height:1.7rem;flex:0 0 auto}.brand-mark__sun{fill:var(--color-sun)}.brand-mark__letter{fill:none;stroke:var(--color-accent-ink);stroke-width:5;stroke-linecap:square}.brand-name{display:inline-flex;align-items:baseline}.builder-brand .brand{gap:7px;font-size:inherit;letter-spacing:inherit}.button,.builder-button{min-height:2.8rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);cursor:pointer;font-weight:650;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.button:active,.builder-button:active{transform:translateY(1px)}.button--dark,.builder-button--primary{background:var(--color-ink);color:var(--color-bg)}.button--sun{background:var(--color-sun);color:var(--color-accent-ink);box-shadow:0 .25rem 0 var(--color-sun-deep)}.button--sun:active{transform:translateY(.2rem);box-shadow:0 .05rem 0 var(--color-sun-deep)}.builder-button--secondary{background:var(--color-surface);box-shadow:0 0 0 var(--rule-thin) var(--color-rule)}.landing{min-height:100dvh}.site-nav{position:relative;z-index:var(--z-sticky);min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) clamp(var(--space-md),4vw,var(--space-2xl));border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-bg)}.site-nav__links,.site-nav__cta{display:none}.nav-toggle{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:var(--color-surface);cursor:pointer}.mobile-nav{position:fixed;inset:4.5rem 0 auto;display:grid;gap:var(--space-xs);padding:var(--space-lg) var(--space-md) var(--space-xl);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-bg);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.site-nav.is-open .mobile-nav{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav a{min-height:3.25rem;display:flex;align-items:center;border-bottom:var(--rule-thin) solid var(--color-rule);font-size:var(--text-lg);font-weight:600;white-space:nowrap}.hero{display:grid;gap:var(--space-xl);padding:clamp(var(--space-xl),8vw,var(--space-3xl)) clamp(var(--space-md),4vw,var(--space-2xl)) var(--space-3xl)}.hero__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.hero h1{max-width:12ch;font-family:var(--font-display);font-size:clamp(2.6rem,9.2vw,5.8rem);font-weight:650;line-height:1.02;letter-spacing:-.04em;transform:perspective(50rem) rotateX(var(--hero-y, 0deg)) rotateY(var(--hero-x, 0deg));transform-origin:center;transition:transform var(--dur-short) var(--ease-out)}.hero__copy>p{max-width:42rem;color:var(--color-ink-soft);font-size:clamp(var(--text-base),2.4vw,var(--text-md));line-height:1.55}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg)}.text-link{min-height:2.75rem;display:inline-flex;align-items:center;gap:var(--space-xs);border-bottom:var(--rule-thin) solid var(--color-ink);font-weight:600;white-space:nowrap}.hero__trust{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.hero__product{min-width:0;padding-inline-end:var(--space-md)}.hero-editor{min-width:48rem;overflow:hidden;border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 .5rem 0 var(--color-rule);transform:rotate(1.2deg)}.hero-editor__top{height:3rem;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 var(--space-sm) 0 var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-surface);font-size:var(--text-xs)}.editor-project{font-weight:650}.device-switch{display:flex;padding:var(--space-2xs);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.device-switch button{padding:var(--space-2xs) var(--space-xs);border-radius:calc(var(--radius-sm) - var(--space-3xs));background:transparent;cursor:pointer;font-size:.62rem}.device-switch button.is-active{background:var(--color-surface);box-shadow:0 0 0 var(--rule-thin) var(--color-rule)}.editor-export{justify-self:end;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-surface);cursor:pointer;font-size:var(--text-xs)}.hero-editor__body{height:28rem;display:grid;grid-template-columns:6.3rem minmax(0,1fr) 9.5rem;background:var(--color-canvas-bg)}.hero-editor__layers,.hero-editor__fonts{background:var(--color-surface);font-size:.62rem}.hero-editor__layers{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-sm) var(--space-xs);border-right:var(--rule-thin) solid var(--color-rule)}.hero-editor__layers strong{margin-bottom:var(--space-xs);font-size:var(--text-xs)}.hero-editor__layers span{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm)}.hero-editor__layers .is-child{padding-inline-start:var(--space-lg)}.hero-editor__layers .is-selected{background:var(--color-sun-soft);color:var(--color-coffee-deep);font-weight:700}.hero-editor__stage{min-width:0;padding:var(--space-sm)}.stage-meta{height:1.5rem;display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:.6rem}.stage-page{position:relative;height:calc(100% - 1.5rem);overflow:hidden;margin-inline:auto;background:var(--color-coffee-light);box-shadow:0 0 0 var(--rule-thin) var(--color-rule),0 var(--space-xs) var(--space-xs) var(--color-shadow)}.stage-page--desktop{width:100%}.stage-page--tablet{width:72%}.stage-page--mobile{width:42%}.stage-page nav{position:relative;z-index:var(--z-raised);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-family:var(--font-canvas);font-size:.55rem;font-weight:700}.stage-copy{position:relative;z-index:var(--z-raised);width:63%;padding:var(--space-xl) 0 0 var(--space-xl);font-family:var(--font-canvas)}.stage-heading-select{position:relative;padding:var(--space-2xs);outline:2px solid var(--color-sun-deep)}.stage-heading-select small{position:absolute;inset:auto auto 100% calc(var(--rule-thin) * -2);padding:var(--space-2xs) var(--space-xs);background:var(--color-sun-deep);color:var(--color-ink);font-size:.5rem}.stage-heading-select h3{font-size:1.8rem;line-height:.98;letter-spacing:-.045em}.stage-heading-select i,.drag-demo__canvas i,.selected-heading i{position:absolute;width:.38rem;height:.38rem;border:2px solid var(--color-surface);background:var(--color-sun-deep)}.stage-heading-select i:nth-of-type(1),.drag-demo__canvas i:nth-of-type(1),.selected-heading i:nth-of-type(1){inset:-.25rem auto auto -.25rem}.stage-heading-select i:nth-of-type(2),.drag-demo__canvas i:nth-of-type(2),.selected-heading i:nth-of-type(2){inset:-.25rem -.25rem auto auto}.stage-heading-select i:nth-of-type(3),.drag-demo__canvas i:nth-of-type(3),.selected-heading i:nth-of-type(3){inset:auto -.25rem -.25rem auto}.stage-heading-select i:nth-of-type(4),.drag-demo__canvas i:nth-of-type(4),.selected-heading i:nth-of-type(4){inset:auto auto -.25rem -.25rem}.stage-copy>p{max-width:29ch;margin-top:var(--space-sm);font-size:.65rem;line-height:1.5}.stage-copy>button{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-coffee-deep);color:var(--color-surface);font-size:.58rem}.coffee-shape{position:absolute;right:-7%;bottom:-18%;width:54%;aspect-ratio:1;border-radius:50%;background:var(--color-coffee-mid)}.coffee-shape:before{content:"";position:absolute;top:21%;right:21%;bottom:21%;left:21%;border:1.4rem solid var(--color-surface);border-radius:50%;background:var(--color-coffee-deep);box-shadow:0 0 0 .45rem var(--color-rule)}.coffee-shape span{position:absolute;right:5%;bottom:39%;width:20%;height:15%;border:.7rem solid var(--color-surface);border-left:0;border-radius:0 50% 50% 0}.hero-editor__fonts{padding:var(--space-sm) var(--space-xs);border-left:var(--rule-thin) solid var(--color-rule)}.font-panel-title{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.hero-editor__fonts button{width:100%;min-height:2.15rem;display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs);border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left;font-size:.65rem}.hero-editor__fonts button.is-selected{background:var(--color-sun-soft);box-shadow:inset 0 0 0 var(--rule-thin) var(--color-sun-deep)}.section-heading{padding-block:var(--space-3xl) var(--space-xl)}.section-heading h2,.fonts-section__intro h2,.site-showcase h2,.process h2,.privacy h2{max-width:18ch;font-family:var(--font-display);font-size:clamp(2rem,4.8vw,4.6rem);font-weight:600;line-height:1.05;letter-spacing:-.035em}.feature-stage,.fonts-section,.site-showcase,.process,.privacy,.final-cta{padding-inline:clamp(var(--space-md),4vw,var(--space-2xl))}.feature-stage{max-width:var(--page-max);margin-inline:auto}.feature-story{display:grid;gap:var(--space-xl);padding-block:var(--space-2xl);border-top:var(--rule-thin) solid var(--color-rule-strong)}.feature-story__copy{display:flex;max-width:39rem;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.story-index{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:var(--color-ink);color:var(--color-bg);font-size:var(--text-sm);font-weight:700}.feature-story__copy h3{max-width:18ch;font-size:clamp(var(--text-xl),4vw,var(--text-3xl));line-height:1.08;letter-spacing:-.035em}.feature-story__copy p{max-width:52ch;color:var(--color-ink-soft);line-height:1.62}.drag-demo{align-self:center;padding:var(--space-md);background:var(--color-blue-soft);transform:rotate(-1deg)}.drag-demo__toolbar{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);font-size:var(--text-sm)}.drag-demo__toolbar span{margin-inline-end:auto;font-weight:700}.drag-demo__toolbar b{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface);font-weight:500}.drag-demo__canvas{position:relative;min-height:17rem;display:flex;align-items:center;padding:var(--space-lg);outline:2px solid var(--color-sun-deep);background:var(--color-surface)}.drag-tag{position:absolute;inset:auto auto 100% calc(var(--rule-thin) * -2);padding:var(--space-2xs) var(--space-xs);background:var(--color-sun-deep);font-size:var(--text-xs);font-weight:700}.drag-demo h4{font-family:var(--font-display);font-size:clamp(var(--text-xl),6vw,var(--text-4xl));line-height:1;letter-spacing:-.04em}.devices-demo{min-height:23rem;display:flex;align-items:flex-end;justify-content:center;gap:var(--space-sm);overflow:hidden;padding:var(--space-lg) var(--space-sm) 0;background:var(--color-coral-soft)}.device-page{min-width:0;padding:var(--space-md);background:var(--color-surface);box-shadow:0 0 0 var(--rule-thin) var(--color-rule)}.device-page--desktop{width:54%;height:18rem}.device-page--tablet{width:28%;height:15rem}.device-page--mobile{width:18%;height:12rem;padding:var(--space-xs)}.device-page span{display:block;width:40%;height:var(--space-xs);background:var(--color-blue)}.device-page h4{margin-top:var(--space-lg);font-family:var(--font-display);font-size:clamp(.72rem,2vw,var(--text-lg));line-height:1.05}.device-page p{margin-top:var(--space-xs);color:var(--color-muted);font-size:clamp(.46rem,1vw,var(--text-sm))}.device-page i{display:block;height:42%;margin-top:var(--space-lg);background:var(--color-bg-strong)}.save-demo{display:grid;gap:var(--space-sm);align-self:center;padding:var(--space-xl);background:var(--color-sun-soft)}.save-demo>div,.save-demo>button{min-height:3.7rem;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule-strong);background:transparent}.save-demo>button{justify-content:space-between;cursor:pointer;font-weight:600}.save-demo div span{display:grid;gap:var(--space-2xs)}.save-demo small{color:var(--color-muted)}.fonts-section{margin-top:var(--space-3xl);padding-block:var(--space-3xl);background:var(--color-ink);color:var(--color-bg)}.fonts-section__intro,.font-workbench{width:100%;max-width:calc(var(--page-max) - 2 * clamp(var(--space-md),4vw,var(--space-2xl)));margin-inline:auto}.fonts-section__intro{display:grid;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.fonts-section__intro p{max-width:44rem;align-self:end;color:var(--color-bg-strong);line-height:1.65}.font-workbench{display:grid;overflow:hidden;border:var(--rule-thin) solid var(--color-ink-soft);background:var(--color-surface);color:var(--color-ink)}.font-browser{min-width:0;padding:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule)}.search-field{display:grid;gap:var(--space-xs);font-size:var(--text-xs);font-weight:700}.search-field input,.panel-search,.font-picker__search{min-height:2.8rem;border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface)}.search-field input{width:100%;padding:0 var(--space-md)}.search-field input::placeholder,.panel-search input::placeholder,.font-picker input::placeholder{color:var(--color-muted);opacity:1}.font-filters,.font-categories{display:flex;gap:var(--space-xs);overflow-x:auto;margin-top:var(--space-md);scrollbar-width:none}.font-filters button,.font-categories span{min-height:2.2rem;display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface-soft);cursor:pointer;font-size:var(--text-xs);white-space:nowrap}.font-filters button.is-active{background:var(--color-ink);color:var(--color-surface)}.font-categories span{border-radius:0;border-bottom:var(--rule-thin) solid var(--color-rule-strong);background:transparent}.font-list{margin-top:var(--space-md)}.font-list>button{width:100%;display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--space-md);align-items:center;padding:var(--space-md) var(--space-sm);border-top:var(--rule-thin) solid var(--color-rule);background:transparent;cursor:pointer;text-align:left}.font-list>button.is-active{background:var(--color-sun-soft)}.font-list__meta{display:grid;gap:var(--space-2xs)}.font-list__meta small{color:var(--color-muted)}.font-list>button>span:last-child{overflow:hidden;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.font-preview{min-height:30rem;display:flex;flex-direction:column;padding:var(--space-md);background:var(--color-sun)}.font-preview__top{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:650}.font-preview textarea{width:100%;min-height:18rem;flex:1;resize:none;margin-block:var(--space-xl);padding:0;border:0;background:transparent;font-size:clamp(2.3rem,6vw,5rem);font-weight:600;line-height:1.04;letter-spacing:-.04em}.font-pairing{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-md);border-top:var(--rule-thin) solid var(--color-sun-deep);font-size:var(--text-sm)}.site-showcase{max-width:var(--page-max);margin-inline:auto;padding-block:var(--space-3xl)}.site-showcase>header{display:grid;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.site-showcase>header p{max-width:42rem;align-self:end;color:var(--color-ink-soft);line-height:1.65}.site-collage{display:grid;gap:var(--space-xl)}.site-sample{position:relative;overflow:hidden;min-width:0}.site-sample--coffee{min-height:28rem;padding:var(--space-lg);background:var(--color-coffee-light);color:var(--color-coffee-deep);font-family:var(--font-canvas)}.site-sample--coffee nav,.site-sample--portfolio header,.site-sample--portfolio footer{display:flex;justify-content:space-between;font-size:var(--text-sm)}.site-sample--coffee h3{position:relative;z-index:var(--z-raised);max-width:10ch;margin-top:var(--space-3xl);font-size:clamp(var(--text-2xl),6vw,var(--text-4xl));line-height:.98;letter-spacing:-.045em}.sample-cup{position:absolute;right:-9%;bottom:-20%;width:64%;aspect-ratio:1;border-radius:50%;background:var(--color-coffee-mid)}.sample-cup:before{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:1.4rem solid var(--color-surface);border-radius:50%;background:var(--color-coffee-deep)}.site-sample--coffee small{position:absolute;bottom:var(--space-lg);left:var(--space-lg)}.site-sample--studio{min-height:30rem;padding:var(--space-lg);background:var(--color-blue-deep);color:var(--color-surface)}.site-sample--studio p{max-width:9rem;margin-inline-start:auto;font-size:var(--text-sm)}.site-sample--studio h3{margin-top:var(--space-xl);font-family:var(--font-display);font-size:clamp(3rem,10vw,6.5rem);line-height:1;letter-spacing:-.045em;text-transform:uppercase}.studio-dot{position:absolute;top:var(--space-lg);left:var(--space-lg);width:var(--space-md);height:var(--space-md);border-radius:50%;background:var(--color-sun)}.site-sample--studio button{position:absolute;right:var(--space-lg);bottom:var(--space-lg);min-height:2.75rem;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);cursor:pointer}.site-sample--portfolio{min-height:34rem;padding:var(--space-lg);background:var(--color-surface);box-shadow:inset 0 0 0 var(--rule-thin) var(--color-rule)}.portfolio-art{height:16rem;margin-block:var(--space-xl);background:var(--color-coral);clip-path:polygon(0 16%,37% 0,62% 21%,100% 7%,88% 100%,52% 78%,18% 100%)}.site-sample--portfolio h3{max-width:16ch;font-size:clamp(var(--text-xl),4vw,var(--text-3xl));line-height:1.08;letter-spacing:-.035em}.site-sample--portfolio footer{position:absolute;right:var(--space-lg);bottom:var(--space-lg);left:var(--space-lg);gap:var(--space-md);color:var(--color-ink-soft)}.process{max-width:var(--page-max);margin-inline:auto;padding-block:var(--space-3xl);border-top:var(--rule-thin) solid var(--color-rule-strong)}.process ol{list-style:none;margin:var(--space-2xl) 0 0;padding:0}.process li{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-sm) var(--space-md);padding-block:var(--space-xl);border-top:var(--rule-thin) solid var(--color-rule)}.process li>span{grid-row:1 / span 2;font-variant-numeric:tabular-nums;font-weight:700}.process li h3{font-size:clamp(var(--text-lg),3vw,var(--text-2xl));letter-spacing:-.025em}.process li p{max-width:52ch;color:var(--color-ink-soft);line-height:1.6}.process li svg{display:none}.privacy{position:relative;display:grid;gap:var(--space-xl);padding-block:var(--space-3xl);background:var(--color-blue-soft);color:var(--color-ink)}.privacy__copy{display:grid;gap:var(--space-lg)}.privacy__copy p{max-width:50rem;color:var(--color-ink-soft);line-height:1.7}.privacy__facts{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.privacy__facts span{padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-blue);border-radius:var(--radius-pill);font-size:var(--text-sm);white-space:nowrap}.privacy__sun{width:5rem;height:5rem;display:grid;place-items:center;border-radius:50%;background:var(--color-sun)}.privacy__sun span{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--color-ink)}.final-cta{position:relative;min-height:48rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:var(--space-3xl) clamp(16px,4vw,48px);background:var(--color-sun)}.final-cta h2{position:relative;z-index:var(--z-raised);max-width:13ch;font-family:var(--font-display);font-size:clamp(2.8rem,8vw,7rem);font-weight:650;line-height:.96;letter-spacing:-.045em}.final-cta>div{position:relative;z-index:var(--z-raised);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.final-cta p{max-width:35rem;font-size:var(--text-md);line-height:1.55}.final-cta__sun{position:absolute;right:-6rem;bottom:-6rem;width:24rem;height:24rem;border-radius:50%;background:var(--color-coral)}@media(max-width:760px){.final-cta__sun{display:none}}.final-cta__sun i{position:absolute;top:100%;left:50%;width:2rem;height:16rem;background:var(--color-coral);transform-origin:center -2.5rem}.final-cta__sun i:nth-child(1){transform:translate(-50%,-100%) rotate(0)}.final-cta__sun i:nth-child(2){transform:translate(-50%,-100%) rotate(45deg)}.final-cta__sun i:nth-child(3){transform:translate(-50%,-100%) rotate(90deg)}.final-cta__sun i:nth-child(4){transform:translate(-50%,-100%) rotate(135deg)}.final-cta__sun i:nth-child(5){transform:translate(-50%,-100%) rotate(180deg)}.final-cta__sun i:nth-child(6){transform:translate(-50%,-100%) rotate(225deg)}.final-cta__sun i:nth-child(7){transform:translate(-50%,-100%) rotate(270deg)}.final-cta__sun i:nth-child(8){transform:translate(-50%,-100%) rotate(315deg)}.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg);padding:var(--space-lg) clamp(var(--space-md),4vw,var(--space-2xl));border-top:var(--rule-thin) solid var(--color-rule-strong);background:var(--color-bg)}.site-footer__identity{display:inline-flex;align-items:center;gap:var(--space-sm);margin-inline-end:auto;min-width:0}.site-footer .brand{font-size:var(--text-base)}.creator-mark{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;max-width:100%;overflow:visible;background:linear-gradient(100deg,var(--color-sun-deep),var(--color-sun),var(--color-coral),var(--color-sun-deep));background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:var(--text-xs);font-weight:800;letter-spacing:-.025em;white-space:nowrap;animation:creator-gradient 4.8s linear infinite}.creator-mark:before{width:.45rem;height:.45rem;margin-inline-end:.42rem;border-radius:50%;background:var(--color-sun);box-shadow:0 0 0 .16rem color-mix(in srgb,var(--color-sun) 18%,transparent);content:"";animation:creator-pulse 2.4s var(--ease-in-out) infinite}.creator-mark:after{position:absolute;z-index:2;bottom:calc(100% + .5rem);left:0;width:max-content;max-width:min(17rem,calc(100vw - 2rem));border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-bg);content:attr(data-tooltip);opacity:0;padding:.45rem .6rem;pointer-events:none;transform:translateY(.3rem);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out);white-space:normal;font-size:var(--text-xs);font-weight:700;letter-spacing:normal}.creator-mark:hover:after,.creator-mark:focus-visible:after{opacity:1;transform:translateY(0)}.creator-mark:hover:before,.creator-mark:focus-visible:before{animation-play-state:paused;transform:scale(1.28)}@media(max-width:22rem){.site-footer__identity{gap:var(--space-xs)}.site-footer .brand{font-size:.74rem}.creator-mark{font-size:.56rem;letter-spacing:-.04em}.creator-mark:before{width:.35rem;height:.35rem;margin-inline-end:.3rem}}.site-footer nav{display:flex;gap:var(--space-lg)}.site-footer a{min-height:2.75rem;display:inline-flex;align-items:center;white-space:nowrap}@keyframes creator-gradient{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes creator-pulse{0%,to{transform:scale(.86)}50%{transform:scale(1.1)}}.name-screen{position:relative;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:var(--space-md);background:var(--color-bg)}.name-screen>header{display:flex;align-items:center}.builder-brand{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-md);background:transparent;cursor:pointer;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.builder-brand .brand-mark{width:1.45rem;height:1.45rem}.name-form{width:min(100%,49rem);align-self:center;justify-self:center;padding-block:var(--space-2xl)}.name-form__mark{position:relative;width:4rem;height:4rem;margin-bottom:var(--space-xl);border-radius:50%;background:var(--color-sun)}.name-form__mark span{position:absolute;width:var(--space-sm);height:var(--space-sm);border-radius:50%;background:var(--color-ink)}.name-form__mark span:nth-child(1){top:23%;left:23%}.name-form__mark span:nth-child(2){top:28%;right:19%}.name-form__mark span:nth-child(3){right:31%;bottom:19%}.name-form h1{max-width:12ch;font-family:var(--font-display);font-size:clamp(2.35rem,7vw,4.8rem);font-weight:600;line-height:1.04;letter-spacing:-.04em}.name-form>p{max-width:41rem;margin-top:var(--space-lg);color:var(--color-ink-soft);font-size:var(--text-md);line-height:1.55}.name-form label{display:grid;gap:var(--space-xs);margin-top:var(--space-xl);font-size:var(--text-sm);font-weight:650}.name-form input{width:100%;height:4.5rem;padding:0 var(--space-lg);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-lg);font-weight:500}.name-form input:hover{background:var(--color-surface-soft)}.name-form input[aria-invalid=true]{border-color:var(--color-error)}.name-form input::placeholder{color:var(--color-muted);opacity:1}.name-form__actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);margin-top:var(--space-lg)}.name-form__actions small{color:var(--color-muted)}.name-form__actions small.is-error{color:var(--color-error)}.name-screen__back{min-height:2.75rem;display:inline-flex;align-items:center;gap:var(--space-xs);justify-self:start;border-bottom:var(--rule-thin) solid var(--color-rule-strong);background:transparent;cursor:pointer;white-space:nowrap}.builder-shell{width:100%;height:100dvh;overflow:hidden;background:var(--color-canvas-bg);color:var(--color-ink);font-size:.8125rem}.builder-topbar{position:relative;z-index:var(--z-sticky);height:3.75rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:0 var(--space-xs);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-surface)}.builder-topbar__project{min-width:0;display:flex;align-items:center}.builder-topbar__project .builder-brand span:last-child,.project-divider,.builder-topbar__project>div>small,.builder-topbar__viewport,.preview-button,.undo-button,.redo-button{display:none}.builder-topbar__project>div{min-width:0}.builder-topbar__project>div>b{display:block;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2xs)}.builder-topbar .builder-button{min-height:2.3rem;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.icon-button{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--radius-md);background:transparent;cursor:pointer}.builder-workspace{height:calc(100dvh - 3.75rem);display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.tool-rail{position:fixed;z-index:var(--z-sticky);inset:auto 0 0;height:4.5rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule);background:var(--color-surface)}.tool-rail button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);background:transparent;cursor:pointer;color:var(--color-muted);font-size:.62rem}.tool-rail button.is-active{background:var(--color-sun-soft);color:var(--color-ink)}.tool-rail .rail-settings{display:none}.side-panel-wrap,.inspector-wrap{position:fixed;z-index:var(--z-modal);top:3.75rem;bottom:4.5rem;width:min(88vw,20rem);background:var(--color-surface);transform:translate(-110%);transition:transform var(--dur-short) var(--ease-out)}.side-panel-wrap{left:0}.inspector-wrap{right:0;transform:translate(110%)}.mobile-panels-open .side-panel-wrap,.mobile-inspector-open .inspector-wrap{transform:translate(0)}.mobile-sheet-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-surface-soft);cursor:pointer}.side-panel,.inspector{height:100%;display:grid;grid-template-rows:3.4rem minmax(0,1fr);background:var(--color-surface)}.side-panel{border-right:var(--rule-thin) solid var(--color-rule)}.inspector{border-left:var(--rule-thin) solid var(--color-rule)}.side-panel>header,.inspector>header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule)}.side-panel>header h2{font-size:var(--text-base)}.panel-close,.inspector-close{visibility:hidden}.side-panel__content,.inspector__content{overflow-y:auto;scrollbar-width:thin}.side-panel__content{padding:var(--space-sm)}.panel-search{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-sm)}.panel-search input{min-width:0;flex:1;border:0;background:transparent;outline:0}.first-tip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-xs);margin-block:var(--space-sm) var(--space-lg);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-sun-soft);color:var(--color-ink-soft);font-size:var(--text-xs);line-height:1.45}.first-tip button{padding:0;background:transparent;cursor:pointer}.element-group,.section-library{margin-top:var(--space-lg)}.element-group h3,.section-library h3,.assets-panel h3,.styles-panel h3{margin-bottom:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);font-weight:650}.element-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs)}.element-grid button{min-width:0;min-height:4.1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-md);background:var(--color-surface-soft);cursor:grab;font-size:.68rem}.panel-section-title{display:flex;align-items:center;justify-content:space-between}.panel-section-title button{background:transparent;color:var(--color-blue);cursor:pointer;font-size:var(--text-xs)}.section-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.section-preview{min-width:0;display:grid;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-md);background:var(--color-surface-soft);cursor:grab;text-align:left;font-size:var(--text-xs)}.section-preview__art{height:4.2rem;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:.35fr 1fr;gap:var(--space-2xs);padding:var(--space-xs);background:var(--color-surface)}.section-preview__art i{display:block;background:var(--color-rule)}.section-preview__art i:first-child{grid-column:1 / -1;background:var(--color-ink-soft)}.section-preview--hero .section-preview__art i:nth-child(2),.section-preview--contact .section-preview__art i:nth-child(3){background:var(--color-sun)}.page-row,.add-page,.styles-panel button{min-height:2.8rem;display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:left}.page-row{justify-content:space-between}.page-row span{display:flex;align-items:center;gap:var(--space-xs)}.page-row.is-active{background:var(--color-sun-soft);font-weight:650}.page-row button{background:transparent;cursor:pointer}.page-menu{display:grid;width:9rem;margin:var(--space-xs) 0 var(--space-sm) auto;padding:var(--space-xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 var(--space-xs) var(--space-xs) var(--color-shadow)}.page-menu button{padding:var(--space-xs);border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left}.layer-tree{display:grid;gap:var(--space-2xs)}.layer-tree button{--indent: calc(var(--level) * var(--space-md));min-height:2.35rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs) var(--space-2xs) calc(var(--space-xs) + var(--indent));border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left}.layer-tree button.is-selected{background:var(--color-sun-soft);box-shadow:inset 2px 0 0 var(--color-sun-deep);font-weight:650}.asset-drop{min-height:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);border:var(--rule-thin) dashed var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface-soft);cursor:pointer;text-align:center}.asset-drop input{position:absolute;width:1px;height:1px;opacity:0}.asset-drop span{color:var(--color-muted);font-size:var(--text-xs)}.asset-drop i{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:0 0 0 var(--rule-thin) var(--color-rule-strong);font-style:normal}.assets-panel h3{margin-top:var(--space-lg)}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.asset-grid span{aspect-ratio:1;background:var(--color-coffee-light)}.asset-grid span:nth-child(2){background:var(--color-coral-soft)}.asset-grid span:nth-child(3){background:var(--color-blue-soft)}.styles-panel section+section{margin-top:var(--space-lg)}.styles-panel button i{width:1rem;height:1rem;border-radius:50%}.styles-panel button span{flex:1}.styles-panel button b{color:var(--color-muted);font-size:var(--text-xs);font-weight:500}.tone-sun{background:var(--color-sun)}.tone-bg{background:var(--color-bg);box-shadow:inset 0 0 0 var(--rule-thin) var(--color-rule)}.tone-ink{background:var(--color-ink)}.tone-muted{background:var(--color-muted)}.canvas-area{position:relative;min-width:0;min-height:0;overflow:auto;padding:var(--space-md) var(--space-md) 8rem;background:var(--color-canvas-bg)}.canvas-breadcrumb{height:2rem;display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);color:var(--color-muted);font-size:.68rem}.canvas-breadcrumb b{color:var(--color-ink)}.canvas-frame{--canvas-width: 90rem;width:calc(var(--canvas-width) * var(--zoom));min-width:18rem;height:calc(47rem * var(--zoom));margin-inline:auto;transform-origin:top center}.canvas-frame--desktop{--canvas-width: 90rem}.canvas-frame--tablet{--canvas-width: 48rem}.canvas-frame--mobile{--canvas-width: 24.375rem}.coffee-page{width:100%;height:100%;overflow:hidden;background:var(--color-coffee-light);color:var(--color-coffee-deep);box-shadow:0 0 0 var(--rule-thin) var(--color-rule),0 var(--space-xs) var(--space-xs) var(--color-shadow);font-family:var(--font-canvas);transform:scale(var(--zoom));transform-origin:top left}.coffee-page>nav{height:5.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(var(--space-lg),4vw,var(--space-2xl));border-bottom:var(--rule-thin) solid var(--color-coffee-mid)}.coffee-page>nav b{font-size:1.05rem}.coffee-page>nav div{display:flex;align-items:center;gap:var(--space-lg)}.coffee-page>nav button,.coffee-page__copy>button{min-height:2.6rem;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-coffee-deep);color:var(--color-surface)}.coffee-page__hero{min-height:35rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.coffee-page__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--space-2xl) clamp(var(--space-xl),5vw,var(--space-3xl))}.coffee-kicker{margin-bottom:var(--space-lg);color:var(--color-coffee-deep);font-size:.78rem;font-weight:650}.selected-heading{position:relative;width:min(100%,43rem);padding:var(--space-xs);outline:2px solid var(--color-sun-deep)}.selected-heading small{position:absolute;inset:auto auto 100% calc(var(--rule-thin) * -2);padding:var(--space-2xs) var(--space-xs);background:var(--color-sun-deep);color:var(--color-ink);font-size:.62rem;font-weight:700}.selected-heading h1{font-size:clamp(2.4rem,4.5vw,4.25rem);font-weight:700;line-height:1.05;letter-spacing:-.02em}.coffee-page__copy>p{max-width:37rem;margin-top:var(--space-lg);color:var(--color-coffee);font-size:1.05rem;line-height:1.6}.coffee-page__copy>button{margin-top:var(--space-lg)}.coffee-photo{position:relative;overflow:hidden;background:var(--color-coffee-mid)}.coffee-cup{position:absolute;top:50%;left:50%;width:19rem;aspect-ratio:1;border:3.4rem solid var(--color-surface);border-radius:50%;background:var(--color-coffee-deep);box-shadow:0 0 0 .8rem var(--color-coffee-light);transform:translate(-50%,-50%)}.coffee-cup:after{content:"";position:absolute;top:50%;left:100%;width:4.3rem;height:6rem;border:1.3rem solid var(--color-surface);border-left:0;border-radius:0 50% 50% 0;transform:translateY(-50%)}.coffee-cup span{position:absolute;top:20%;left:27%;width:45%;height:20%;border-radius:50%;background:var(--color-coffee);transform:rotate(-12deg)}.coffee-card{position:absolute;top:7%;left:7%;padding:var(--space-md);background:var(--color-sun);color:var(--color-ink);font-style:normal;font-weight:700;transform:rotate(-8deg)}.coffee-spoon{position:absolute;right:10%;bottom:5%;width:.7rem;height:15rem;border-radius:var(--radius-pill);background:var(--color-coffee-deep);transform:rotate(28deg)}.coffee-page>footer{display:flex;justify-content:space-between;padding:var(--space-lg) clamp(var(--space-lg),4vw,var(--space-2xl));border-top:var(--rule-thin) solid var(--color-coffee-mid);font-size:.78rem}.canvas-frame--tablet .coffee-page__hero,.canvas-frame--mobile .coffee-page__hero{grid-template-columns:minmax(0,1fr)}.canvas-frame--tablet .coffee-photo{min-height:14rem}.canvas-frame--mobile .coffee-page{font-size:.74rem}.canvas-frame--mobile .coffee-page>nav{height:4rem;padding:0 var(--space-md)}.canvas-frame--mobile .coffee-page>nav span{display:none}.canvas-frame--mobile .coffee-page__copy{padding:var(--space-xl) var(--space-md)}.canvas-frame--mobile .selected-heading h1{font-size:2.45rem}.canvas-frame--mobile .coffee-photo{min-height:15rem}.canvas-frame--mobile .coffee-cup{width:11rem;border-width:2rem}.canvas-frame--mobile .coffee-page>footer{flex-direction:column;gap:var(--space-xs)}.canvas-name{width:max-content;margin:var(--space-sm) auto 0;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-muted);box-shadow:0 0 0 var(--rule-thin) var(--color-rule);font-size:.68rem}.inspector>header>div{display:flex;align-items:center;gap:var(--space-sm)}.inspector>header span{display:grid;gap:var(--space-2xs)}.inspector>header small{color:var(--color-muted);font-size:.64rem}.property-section{padding:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule)}.property-section h3,.property-fold>button{font-size:var(--text-xs);font-weight:650}.property-section>textarea{width:100%;min-height:5rem;resize:vertical;margin-top:var(--space-sm);padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-soft);line-height:1.45}.property-title{display:flex;align-items:center;justify-content:space-between}.property-title button{background:transparent;color:var(--color-blue);cursor:pointer;font-size:var(--text-xs)}.property-wide,.property-grid label,.alignment-field,.color-field{display:grid;gap:var(--space-xs);margin-top:var(--space-sm);color:var(--color-muted);font-size:.68rem}.property-wide button,.property-grid input,.color-field input{width:100%;height:2.45rem;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.property-wide button{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-sm);cursor:pointer;text-align:left}.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.property-grid input,.color-field input{padding:0 var(--space-sm)}.alignment-field>div{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-2xs);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.alignment-field button{height:2.25rem;display:grid;place-items:center;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.alignment-field button.is-active{background:var(--color-surface);box-shadow:0 0 0 var(--rule-thin) var(--color-rule)}.color-field{position:relative}.color-field i{position:absolute;bottom:.72rem;left:var(--space-sm);width:1rem;height:1rem;border-radius:50%;background:var(--color-ink)}.color-field input{padding-inline-start:var(--space-xl)}.property-fold{border-bottom:var(--rule-thin) solid var(--color-rule)}.property-fold>button{width:100%;min-height:3rem;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);background:transparent;cursor:pointer}.property-fold>button svg.is-open{transform:rotate(180deg)}.spacing-box{position:relative;min-height:10rem;display:grid;grid-template-columns:2.7rem minmax(0,1fr) 2.7rem;grid-template-rows:2.3rem minmax(0,1fr) 2.3rem;align-items:center;gap:var(--space-2xs);margin:0 var(--space-md) var(--space-md);padding:var(--space-xs);background:var(--color-bg-strong)}.spacing-label{position:absolute;top:var(--space-2xs);left:var(--space-xs);color:var(--color-muted);font-size:.6rem}.spacing-box input{width:2.3rem;height:1.8rem;justify-self:center;border:0;background:transparent;text-align:center;font-size:.65rem}.spacing-box input:nth-of-type(1){grid-column:2;grid-row:1}.spacing-box input:nth-of-type(2){grid-column:3;grid-row:2}.spacing-box input:nth-of-type(3){grid-column:2;grid-row:3}.spacing-box input:nth-of-type(4){grid-column:1;grid-row:2}.spacing-box>div{grid-column:2;grid-row:2;align-self:stretch;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:var(--space-xs);background:var(--color-sun-soft);font-size:.6rem}.spacing-box>div span{grid-column:1 / -1;color:var(--color-muted)}.zoom-control,.command-trigger{display:none}.font-picker{position:fixed;z-index:var(--z-modal);inset:4.5rem var(--space-md) 5.5rem;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;overflow:hidden;border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 var(--space-xs) var(--space-xs) var(--color-shadow)}.font-picker>header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule)}.font-picker>header span{color:var(--color-muted);font-size:var(--text-xs)}.font-picker>header h2{margin-top:var(--space-2xs);font-size:var(--text-md)}.font-picker__search{display:flex;align-items:center;gap:var(--space-xs);margin:var(--space-sm) var(--space-md) 0;padding:0 var(--space-sm)}.font-picker__search input{min-width:0;flex:1;border:0;background:transparent;outline:0}.font-picker__preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs);margin:var(--space-sm) var(--space-md)}.font-picker__preview textarea{min-width:0;height:3.2rem;resize:none;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-soft)}.font-picker__preview button{padding:0 var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-soft);cursor:pointer}.font-picker__filters{display:grid;gap:var(--space-xs);padding:0 var(--space-md) var(--space-sm)}.font-picker__filters>div{display:flex;gap:var(--space-2xs);overflow-x:auto;scrollbar-width:none}.font-picker__filters span,.font-picker__filters button{min-height:2rem;display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:.65rem;white-space:nowrap}.font-picker__filters button{background:var(--color-surface-soft);cursor:pointer}.font-picker__filters button.is-active{background:var(--color-ink);color:var(--color-surface)}.font-picker__list{overflow-y:auto;border-top:var(--rule-thin) solid var(--color-rule)}.font-picker__list>button{width:100%;min-height:5.2rem;display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;gap:var(--space-sm);align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule);background:transparent;cursor:pointer;text-align:left}.font-picker__list>button.is-selected{background:var(--color-sun-soft)}.font-picker__list button>span{display:grid;gap:var(--space-2xs)}.font-picker__list small{width:max-content;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-muted);font-size:.58rem;font-weight:500}.font-picker__list strong{overflow:hidden;font-size:var(--text-md);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.font-picker>footer{display:flex;align-items:center;gap:var(--space-xs);overflow-x:auto;padding:var(--space-sm) var(--space-md);border-top:var(--rule-thin) solid var(--color-rule)}.font-picker>footer span,.font-picker>footer button{white-space:nowrap}.font-picker>footer span{color:var(--color-muted);font-size:var(--text-xs)}.font-picker>footer button{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface-soft);cursor:pointer;font-size:var(--text-xs)}.command-palette{position:fixed;top:0;right:0;bottom:0;left:0;width:min(calc(100% - 2 * var(--space-md)),32rem);height:fit-content;max-height:min(80dvh,35rem);overflow:hidden;margin:auto;padding:0;border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);box-shadow:0 var(--space-xs) var(--space-xs) var(--color-shadow)}.command-palette::backdrop{background:var(--color-shadow)}.command-palette>label{min-height:3.8rem;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule)}.command-palette input{min-width:0;flex:1;border:0;background:transparent;outline:0}kbd{display:inline-flex;min-width:1.6rem;min-height:1.5rem;align-items:center;justify-content:center;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-soft);box-shadow:inset 0 0 0 var(--rule-thin) var(--color-rule);color:var(--color-muted);font-family:var(--font-body);font-size:.62rem}.command-palette>div{display:grid;gap:var(--space-2xs);padding:var(--space-xs)}.command-palette>div button{min-height:2.8rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:left}.command-palette>div button.is-selected{background:var(--color-sun-soft)}.command-palette>div small{color:var(--color-muted)}.command-palette>footer{display:flex;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);border-top:var(--rule-thin) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs)}.command-palette>footer span{display:flex;align-items:center;gap:var(--space-2xs)}.preview-overlay{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--color-canvas-bg)}.preview-toolbar{position:sticky;z-index:var(--z-sticky);top:0;height:3.75rem;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-surface);font-weight:650}.preview-toolbar button{min-height:2.5rem;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-surface);cursor:pointer;white-space:nowrap}.preview-site .canvas-area{min-height:calc(100dvh - 3.75rem)}@media(hover:hover)and (pointer:fine){.button:hover,.builder-button:hover{transform:translateY(-1px)}.button--dark:hover,.builder-button--primary:hover{background:var(--color-coffee-deep)}.text-link:hover{color:var(--color-blue)}.hero-editor__fonts button:hover,.element-grid button:hover,.section-preview:hover,.layer-tree button:hover,.styles-panel button:hover,.property-wide button:hover,.font-picker__list>button:hover,.command-palette>div button:hover{background:var(--color-sun-soft)}.save-demo>button:hover svg,.site-sample--studio button:hover svg{transform:translate(var(--space-2xs))}.font-list>button:hover{background:var(--color-bg-strong)}.process li:hover svg{transform:translate(var(--space-xs))}}@media(min-width:40rem){.hero{padding-top:var(--space-3xl)}.hero__product{margin-inline-end:-38rem}.feature-story{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center}.feature-story--devices .devices-demo{order:-1}.fonts-section__intro,.site-showcase>header{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.font-workbench{grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr)}.font-browser{border-right:var(--rule-thin) solid var(--color-rule);border-bottom:0}.site-collage{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.site-sample--coffee{grid-column:1 / span 7}.site-sample--studio{grid-column:8 / -1;margin-top:var(--space-3xl)}.site-sample--portfolio{grid-column:3 / span 8;margin-top:calc(var(--space-xl) * -1)}.process li{grid-template-columns:5rem minmax(14rem,.8fr) minmax(0,1.2fr) auto;align-items:center}.process li>span{grid-row:auto}.process li svg{display:block;transition:transform var(--dur-short) var(--ease-out)}.privacy{grid-template-columns:7rem minmax(0,1fr)}.privacy__facts{grid-column:2}.final-cta>div{max-width:50rem;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-2xl)}.name-form__actions{flex-direction:row;align-items:center}.font-picker{inset:5rem var(--space-xl) var(--space-xl) auto;width:min(46rem,calc(100% - 2 * var(--space-xl)))}}@media(min-width:60rem){.site-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-xl)}.site-nav__links{display:flex;align-items:center;justify-content:center;gap:var(--space-xl)}.site-nav__links a{min-height:2.75rem;display:inline-flex;align-items:center;white-space:nowrap}.site-nav__cta{display:inline-flex;justify-self:end}.nav-toggle,.mobile-nav{display:none}.hero{min-height:45rem;grid-template-columns:minmax(24rem,.78fr) minmax(0,1.22fr);align-items:center;gap:var(--space-2xl);padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}.hero h1{font-size:clamp(3.6rem,5.5vw,4.8rem)}.hero__product{margin-inline-end:-10rem}.hero-editor{min-width:56rem}.feature-story{min-height:38rem;gap:var(--space-3xl)}.feature-story--edit{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.feature-story--devices{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)}.feature-story--local{grid-template-columns:minmax(0,1fr) minmax(18rem,.68fr)}.builder-topbar{grid-template-columns:minmax(18rem,1fr) auto minmax(18rem,1fr);padding-inline:var(--space-sm)}.builder-topbar__project .builder-brand span:last-child,.project-divider,.builder-topbar__project>div>small,.builder-topbar__viewport,.preview-button,.undo-button,.redo-button{display:flex}.builder-topbar__project>div>small{align-items:center;gap:var(--space-2xs);margin-top:var(--space-2xs);color:var(--color-muted);font-size:.62rem}.builder-topbar__project>div>small i{width:.35rem;height:.35rem;border-radius:50%;background:var(--color-green)}.project-divider{width:var(--rule-thin);height:1.7rem;margin-inline:var(--space-sm);background:var(--color-rule)}.builder-topbar__project>div>b{max-width:11rem}.builder-topbar__viewport{align-items:center;gap:var(--space-sm)}.viewport-tabs{display:flex;padding:var(--space-2xs);border-radius:var(--radius-md);background:var(--color-surface-soft)}.viewport-tabs button{min-height:2.2rem;display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:var(--text-xs);white-space:nowrap}.viewport-tabs button.is-active{background:var(--color-surface);box-shadow:0 0 0 var(--rule-thin) var(--color-rule)}.viewport-width{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.mobile-panel-button,.mobile-inspector-button,.mobile-sheet-close{display:none}.builder-workspace{grid-template-columns:4.6rem 17rem minmax(0,1fr) 18rem}.tool-rail{position:static;height:auto;display:flex;flex-direction:column;border-top:0;border-right:var(--rule-thin) solid var(--color-rule)}.tool-rail button{min-height:4.25rem}.tool-rail .rail-settings{display:flex;margin-top:auto}.side-panel-wrap,.inspector-wrap{position:static;z-index:auto;width:auto;transform:none;transition:none}.canvas-area{padding:var(--space-md) var(--space-xl) 6rem}.zoom-control,.command-trigger{position:fixed;z-index:var(--z-sticky);bottom:var(--space-sm);min-height:2.4rem;align-items:center;padding:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 var(--space-2xs) var(--space-xs) var(--color-shadow)}.zoom-control{left:calc(4.6rem + 17rem + var(--space-sm));display:flex}.zoom-control button{height:1.9rem;padding:0 var(--space-xs);border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:.65rem}.zoom-control button.is-active{background:var(--color-sun-soft)}.zoom-control span{width:var(--rule-thin);height:1.2rem;margin-inline:var(--space-2xs);background:var(--color-rule)}.command-trigger{right:calc(18rem + var(--space-sm));display:flex;gap:var(--space-xs);cursor:pointer;color:var(--color-muted);font-size:.68rem}.command-trigger kbd{margin-inline-start:var(--space-xs)}.font-picker{inset:4.75rem 19rem 1rem auto;width:min(49rem,calc(100% - 43rem))}}@media(min-width:90rem){.hero{min-height:50rem;padding-top:var(--space-3xl);padding-bottom:var(--space-4xl)}.hero h1{font-size:clamp(4.2rem,5vw + 1rem,5.8rem)}.hero__product{margin-inline-end:-6rem}.hero-editor{min-width:63rem}.hero-editor__body{height:34rem;grid-template-columns:7.5rem minmax(0,1fr) 11.5rem}.stage-heading-select h3{font-size:2.3rem}.site-sample--coffee{min-height:38rem}.site-sample--studio{min-height:35rem}.site-sample--portfolio{min-height:40rem}.builder-workspace{grid-template-columns:4.8rem 18.5rem minmax(0,1fr) 19.5rem}.zoom-control{left:calc(4.8rem + 18.5rem + var(--space-sm))}.command-trigger{right:calc(19.5rem + var(--space-sm))}.font-picker{right:20.5rem;width:min(54rem,calc(100% - 47rem))}}.route-shell{animation:route-in var(--dur-long) var(--ease-out)}.landing main>section{animation:section-in .56s var(--ease-out) both}.landing main>section:nth-child(2){animation-delay:60ms}.landing main>section:nth-child(3){animation-delay:.1s}.landing main>section:nth-child(4){animation-delay:.14s}.landing main>section:nth-child(5){animation-delay:.18s}.site-nav,.site-footer{transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.site-nav a,.site-footer a,.text-link{transition:color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.site-nav a:hover,.site-footer a:hover,.text-link:hover{transform:translateY(-2px);color:var(--color-sun-deep)}.hero-editor{animation:product-float 5s var(--ease-in-out) infinite}.device-switch button,.font-list button,.font-filters button,.site-sample,.process li,.button{transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.site-sample:hover,.process li:hover{transform:translateY(-4px)}.button:hover{transform:translateY(-2px)}.final-cta__sun{animation:sun-drift 8s var(--ease-in-out) infinite alternate}@media(min-width:64rem){.hero{grid-template-columns:minmax(44rem,.95fr) minmax(0,1.05fr);align-items:center}.hero h1{max-width:17ch}.hero__product{margin-inline-end:-4rem}}@media(max-width:40rem){.final-cta{min-height:42rem}.final-cta__sun{right:-6rem;bottom:-5rem;width:22rem;height:22rem}.final-cta__sun i{height:8rem;transform-origin:center -2rem}}@keyframes route-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes section-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes product-float{0%,to{transform:rotate(1.2deg) translateY(0)}50%{transform:rotate(1.2deg) translateY(-7px)}}@keyframes sun-drift{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(-10px,-8px,0) rotate(6deg)}}