.workspace-shell{background:#fcfaf5;min-height:100dvh}.workspace-sidebar{background:#f3eee5;border-right:1px solid #28271f18;flex-direction:column;width:226px;padding:34px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.workspace-content{min-width:0;margin-left:226px}.workspace-main{max-width:1280px;margin:auto;padding:32px 48px 0}.workspace-topline{color:#747168;justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.workspace-label{font-family:var(--font-azeret-mono),monospace;letter-spacing:.08em;font-size:9px;line-height:1.5}.workspace-nav{color:#747168;border-radius:7px;align-items:center;gap:12px;padding:12px;font-size:12px;transition:background .18s,color .18s;display:flex}.workspace-nav:hover{color:#28271f;background:#28271f06}.workspace-nav.active{color:#28271f;background:#fcfaf5;box-shadow:0 1px 3px #28271f08}.workspace-mobile{display:none}.local-badge{color:#747168;white-space:nowrap;border:1px solid #28271f18;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:9px;display:inline-flex}.local-badge>span{background:#71845b;border-radius:50%;width:5px;height:5px}.studio-button{color:#fffaf5;background:#ce542c;border:1px solid #ce542c;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:40px;padding:11px 16px;font-size:11px;font-weight:600;line-height:1.4;transition:background .18s,transform .18s;display:inline-flex}.studio-button:hover{background:#b94420}.studio-button:active{transform:translateY(1px)}.studio-button.secondary{color:#28271f;background:#fcfaf5;border-color:#28271f25}.studio-button.secondary:hover{background:#f3eee5}.studio-button.danger{background:#a43228;border-color:#a43228}.studio-button:disabled,.icon-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.icon-button{color:#747168;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,color .18s;display:inline-flex}.icon-button:hover{color:#28271f;background:#28271f09}.icon-button.small{width:25px;height:25px}.workspace-welcome{background:linear-gradient(110deg,#f5eddf 45%,#f2d2b0);border:1px solid #dccaaf66;border-radius:12px;min-height:290px;padding:36px;position:relative;overflow:hidden}.welcome-illustration{width:400px;height:300px;position:absolute;top:-8px;right:-10px}.welcome-sun{background:#e8a16d80;border-radius:50%;width:210px;height:210px;position:absolute;top:12px;right:-32px}.welcome-note{background:#fcfaf5;border:1px solid #fff9;border-radius:8px;align-items:center;gap:15px;padding:16px 20px;display:flex;position:absolute;top:30px;left:15px;transform:rotate(-7deg);box-shadow:0 15px 20px -25px #482719}.welcome-note strong{font-size:11px;display:block}.welcome-note small{color:#747168;margin-top:4px;font-size:8px;display:block}.welcome-page{background:#fcfaf5;border:1px solid #fff9;border-radius:8px;width:300px;padding:23px;position:absolute;top:107px;left:25px;transform:rotate(-7deg);box-shadow:0 20px 40px -30px #482719}.project-card{background:#fffdfa;border:1px solid #28271f1a;border-radius:12px;transition:box-shadow .2s;overflow:hidden}.project-card:hover{box-shadow:0 10px 30px -20px #382b2450}.project-card .site-preview-thumb{height:230px}.site-preview{background:#fcfaf5;width:100%;height:100%;position:relative;overflow:hidden}.site-preview iframe{transform-origin:0 0;border:0;max-width:none;position:absolute;top:0;left:0}.site-preview-thumb{pointer-events:none;height:230px}.template-detail{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.template-large-preview{background:#f0e6d8;border:1px solid #28271f20;border-radius:10px;padding:18px;display:block;overflow:hidden}.template-detail:nth-child(2) .template-large-preview{background:#dce2d5}.template-large-preview .site-preview-thumb{border-radius:4px;height:340px}.studio-dialog{color:#28271f;background:#fcfaf5;border:1px solid #28271f20;border-radius:14px;width:calc(100% - 32px);max-width:620px;max-height:92dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 100px #28271f30}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#28271f66}.studio-dialog-wide{max-width:1080px}.studio-field{flex-direction:column;gap:8px;min-width:0;font-size:11px;display:flex}.studio-field>span{font-weight:600}.studio-field input,.studio-field textarea,.studio-field select{color:#28271f;outline-offset:2px;background:#fffdfa;border:1px solid #28271f25;border-radius:6px;width:100%;min-width:0;padding:10px 11px;font-size:12px;line-height:1.6}.studio-field input::placeholder,.studio-field textarea::placeholder{color:#99948a}.studio-field input[readonly]{color:#747168;background:#f3eee5}.studio-field textarea{resize:vertical;min-height:70px;max-height:380px}.studio-field small{color:#747168;font-size:10px;line-height:1.65}.studio-field input:focus-visible,.studio-field textarea:focus-visible,.studio-field select:focus-visible{border-color:#ce542c;outline:2px solid #ce542c66}.choice-card{text-align:left;background:#fffdfa;border:1px solid #28271f25;border-radius:9px;flex-direction:column;align-items:flex-start;gap:13px;padding:20px;transition:border .2s,background .2s;display:flex}.choice-card.selected{background:#ce542c07;border-color:#ce542c;box-shadow:inset 0 0 0 1px #ce542c}.choice-card>svg{color:#ce542c}.choice-card strong{font-size:13px}.choice-card span{color:#747168;font-size:10px;line-height:1.5}.segmented{background:#eee9e0;border-radius:7px;align-items:center;gap:3px;padding:4px;display:inline-flex}.segmented button{color:#747168;border-radius:4px;justify-content:center;align-items:center;padding:8px 13px;font-size:11px;transition:background .18s,color .18s;display:inline-flex}.segmented button[aria-pressed=true]{color:#28271f;background:#fcfaf5;box-shadow:0 1px 4px #28271f15}.segmented.compact{padding:3px}.segmented.compact button{padding:6px 9px}.editor-shell{background:#fcfaf5;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.editor-header{background:#fcfaf5;border-bottom:1px solid #28271f1c;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:12px 24px 12px 15px;display:flex}.editor-body{flex:1;grid-template-columns:78px 350px minmax(0,1fr);min-height:0;display:grid}.editor-rail{background:#f8f4ed;border-right:1px solid #28271f18;flex-direction:column;gap:9px;padding:19px 7px;display:flex}.editor-rail>button,.editor-rail>a{color:#747168;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:12px 0;transition:background .18s,color .18s;display:flex}.editor-rail span{font-size:8px}.editor-rail>button:hover,.editor-rail>a:hover{background:#ece6dd}.editor-rail>button.active{color:#ba4926;background:#ce542c10}.editor-inspector{overscroll-behavior:contain;border-right:1px solid #28271f20;min-width:0;overflow:auto}.inspector-heading{border-bottom:1px solid #28271f12;justify-content:space-between;align-items:center;padding:22px 20px;display:flex}.editor-fields{padding:5px 20px 25px}.editor-group{border-bottom:1px solid #28271f18}.editor-group>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:23px 0;font-size:12px;font-weight:600;list-style:none;display:flex}.editor-group>summary::-webkit-details-marker{display:none}.editor-group>summary:after{content:"+";color:#747168;font-size:16px;font-weight:400}.editor-group[open]>summary:after{content:"−"}.editor-group>summary>span{margin-left:auto}.count-label{font-family:var(--font-azeret-mono),monospace;color:#747168;font-size:9px;font-weight:400}.repeat-item{border:1px solid #28271f18;border-radius:8px;padding:13px}.repeat-item>.studio-field+.studio-field{margin-top:15px}.editor-canvas{background:#ede9e2 radial-gradient(#8d817520 .8px,#0000 .8px) 0 0/12px 12px;flex-direction:column;min-width:0;min-height:0;padding:0 25px;display:flex}.preview-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;min-height:70px;display:flex}.preview-frame{background:#fcfaf5;border:1px solid #28271f22;border-radius:8px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 12px 35px -22px #332e2550}.preview-frame.mobile{border-radius:20px;max-width:390px;margin-inline:auto}.preview-frame>.site-preview{flex:1;height:auto;min-height:0}.preview-browserbar{color:#928d83;height:31px;font-family:var(--font-azeret-mono),monospace;background:#fcfaf5;border-bottom:1px solid #28271f12;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:0 13px;font-size:8px;display:flex}.preview-browserbar i{background:#c9c4ba;border-radius:50%;width:4px;height:4px}.preview-browserbar>span{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.preview-footnote{color:#8b857b;justify-content:space-between;gap:20px;padding:16px 0;font-size:9px;display:flex}.editor-mobile-switch{display:none}.import-layout{grid-template-columns:260px minmax(0,1fr);display:grid}.import-aside{background:#f3eee5;border-right:1px solid #28271f10;padding:34px 27px}.artwork-slot{border:1px solid #28271f18;border-radius:9px;padding:13px}.artwork-upload{cursor:pointer;background:#f7f1e8;border:1px dashed #28271f25;border-radius:6px;display:block;overflow:hidden}.artwork-upload:focus-within{outline-offset:2px;outline:2px solid #ce542c}.template-option{text-align:left;border:1px solid #28271f25;border-radius:8px;width:100%;display:block;overflow:hidden}.template-option.selected{border-color:#ce542c;box-shadow:0 0 0 1px #ce542c}.template-option .site-preview-thumb{height:160px}.palette-option{text-align:left;border:1px solid #28271f20;border-radius:6px;padding:10px}.palette-option.selected{border-color:#ce542c;box-shadow:0 0 0 1px #ce542c}.palette-option>span:first-child>span{flex:1;height:20px;display:block}.studio-toast{z-index:30;color:#fcfaf5;background:#28271f;border:1px solid #28271f20;border-radius:8px;max-width:calc(100% - 32px);padding:14px 20px;font-size:11px;line-height:1.6;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #28271f25}.guide-layout{grid-template-columns:minmax(0,1fr) 220px;gap:70px;display:grid}.guide-section{border-top:1px solid #28271f18;margin-top:40px;padding-top:32px;scroll-margin-top:30px}.guide-section h2{letter-spacing:-.04em;font-size:25px;font-weight:500}.guide-section p{color:#747168;margin-top:15px;font-size:13px;line-height:1.9}.guide-section ol{flex-direction:column;gap:22px;margin-top:24px;display:flex}.guide-section li{gap:18px;font-size:13px;line-height:1.8;display:flex}.guide-section li>span{font-family:var(--font-azeret-mono),monospace;color:#ce542c;padding-top:4px;font-size:10px}.guide-section strong{color:#28271f;font-weight:600}.guide-section li p{margin-top:5px;font-size:12px}.settings-row{border-bottom:1px solid #28271f15;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.settings-row h3{font-size:13px;font-weight:600}.settings-row p{color:#747168;max-width:470px;margin-top:7px;font-size:12px;line-height:1.7}@media (min-width:1600px){.editor-body{grid-template-columns:84px 380px minmax(0,1fr)}.editor-canvas{padding-inline:45px}.editor-fields{padding-inline:25px}}@media (max-width:1200px){.workspace-main{padding-inline:32px}.welcome-illustration{opacity:.75;right:-105px}.workspace-welcome>.relative{max-width:320px}.editor-body{grid-template-columns:68px 320px minmax(0,1fr)}.editor-canvas{padding-inline:16px}.template-detail{gap:27px}.guide-layout{grid-template-columns:minmax(0,1fr) 170px;gap:35px}}@media (max-width:1023px){.workspace-sidebar{display:none}.workspace-content{margin-left:0}.workspace-mobile{background:#f3eee5;border-bottom:1px solid #28271f18;justify-content:space-between;align-items:center;gap:12px;padding:16px 23px;display:flex}.workspace-mobile nav{gap:6px;display:flex}.workspace-mobile nav a{color:#747168;border-radius:5px;padding:10px}.workspace-mobile nav a[aria-current=page]{color:#ce542c;background:#fcfaf5}.workspace-main{padding-top:25px}.welcome-illustration{opacity:1;right:0}.editor-header{gap:10px;padding-right:15px}.editor-header .studio-button{padding-inline:12px}.preview-footnote span{display:none}}@media (max-width:767px){.workspace-main{padding-inline:20px}.workspace-topline{font-size:10px}.workspace-welcome{min-height:280px;padding:28px}.welcome-illustration{opacity:.25;right:-120px}.workspace-welcome>.relative{max-width:100%}.workspace-welcome h2{font-size:29px}.template-detail{grid-template-columns:1fr;gap:25px}.template-large-preview .site-preview-thumb{height:260px}.editor-shell{height:100dvh}.editor-header{height:70px;padding-left:8px}.editor-header .header-preview{padding:9px}.header-preview span{display:none}.editor-body{flex-direction:column;display:flex}.editor-rail{border-bottom:1px solid #28271f15;border-right:0;flex-direction:row;flex-shrink:0;gap:3px;padding:7px 8px}.editor-rail>button,.editor-rail>a{flex:1;gap:4px;padding:7px 0}.editor-rail>a{margin-top:0}.editor-rail>button svg,.editor-rail>a svg{width:18px;height:18px}.editor-rail span{font-size:9px}.editor-inspector{border:0;flex:1;min-height:0}.editor-fields{padding-inline:22px}.editor-canvas{flex:1;padding-inline:12px;display:none}.editor-body.show-preview .editor-inspector,.editor-body.show-preview .editor-rail{display:none}.editor-body.show-preview .editor-canvas{display:flex}.editor-mobile-switch{flex-shrink:0;margin:10px 15px;display:flex}.editor-mobile-switch>button{flex:1}.preview-toolbar{min-height:55px}.preview-footnote{padding-block:12px}.import-layout{grid-template-columns:1fr}.import-aside{display:none}.studio-dialog{width:calc(100% - 20px);max-height:94dvh}.studio-dialog>div:first-child{padding:18px 20px}.studio-dialog h2{font-size:16px}.choice-card{padding:15px}.guide-layout{grid-template-columns:1fr}.guide-layout aside{display:none}.studio-toast{width:calc(100% - 32px);bottom:12px}.project-card .site-preview-thumb{height:200px}}@media (prefers-reduced-motion:reduce){.studio-button,.workspace-nav,.choice-card,.segmented button,.project-card,.icon-button{transition:none}}.preview-pages{background:#eee9e0;border-radius:6px;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.preview-pages button{color:#747168;white-space:nowrap;border-radius:4px;padding:6px 11px;font-size:10px;transition:background .18s,color .18s}.preview-pages button[aria-selected=true]{color:#28271f;background:#fcfaf5;box-shadow:0 1px 4px #28271f15}.font-selected{overflow-wrap:anywhere;background:#f4f0e7;border:1px solid #292a231a;margin-top:10px;padding:20px 14px;font-size:26px;line-height:1.2}.font-browser{border-bottom:1px solid #292a231a;margin-top:12px;padding-bottom:12px}.font-browser>summary{cursor:pointer;justify-content:space-between;font-size:11px;list-style:none;display:flex}.font-browser>div{max-height:480px;padding:0 3px;overflow:auto}.font-choice{text-align:left;border-bottom:1px solid #292a2312;width:100%;padding:15px 10px;transition:background .2s;display:block}.font-choice:hover,.font-choice[aria-pressed=true]{background:#e8dfd0}.font-choice>span{font-size:25px;line-height:1.2;display:block}.font-choice>small{color:#777369;margin-top:7px;font-size:9px;display:block}.logo-transparency{background-color:#fdfcf7;background-image:linear-gradient(45deg,#e7e4dc 25%,#0000 25%),linear-gradient(-45deg,#e7e4dc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e4dc 75%),linear-gradient(-45deg,#0000 75%,#e7e4dc 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;padding:22px}.logo-slot{border-color:#cb512b55}.artwork-upload{position:relative}.artwork-upload .artwork-file-input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.artwork-upload:has(input:disabled){opacity:.65;cursor:progress}.artwork-upload input:disabled{cursor:progress}.editor-mode-bar{background:#fcfaf5;border-bottom:1px solid #28271f18;flex-shrink:0;align-items:center;gap:20px;padding:10px 22px;display:flex}.editor-mode-bar p{color:#747168;font-size:11px}.editor-simple{grid-template-columns:210px 360px minmax(0,1fr)}.simple-rail{background:#f3eee5;border-right:1px solid #28271f18;flex-direction:column;gap:4px;padding:22px 12px;display:flex;overflow:auto}.simple-rail>p{margin:0 10px 17px}.simple-rail>button{text-align:left;border-radius:7px;align-items:center;gap:11px;padding:12px 9px;transition:background .18s;display:flex}.simple-rail>button:hover{background:#fcfaf580}.simple-rail>button[aria-current=step]{background:#fcfaf5;box-shadow:0 1px 4px #28271f0d}.simple-step-number{font-family:var(--font-azeret-mono),monospace;color:#928d83;font-size:10px}.simple-rail>button[aria-current=step] .simple-step-number{color:#ce542c}.simple-rail strong{font-size:11px;font-weight:600;display:block}.simple-rail small{color:#747168;margin-top:4px;font-size:9px;display:block}.simple-guide-link{color:#747168;align-items:center;gap:8px;margin-top:auto;padding:22px 10px 0;font-size:10px;display:flex}.simple-panel{flex-direction:column;min-height:calc(100% - 86px);display:flex}.simple-step-footer{z-index:2;background:#fcfaf5;border-top:1px solid #28271f18;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:16px 20px;display:flex;position:sticky;bottom:0}.simple-file-list{padding:0 20px 24px}.simple-file-list li{border-top:1px solid #28271f18;padding:20px 0}.simple-file-list strong{margin:9px 0;font-size:13px;display:block}.simple-file-list p{color:#747168;font-size:12px;line-height:1.8}@media (min-width:1600px){.editor-simple{grid-template-columns:220px 390px minmax(0,1fr)}}@media (max-width:1200px){.editor-simple{grid-template-columns:180px 320px minmax(0,1fr)}.simple-rail{padding-inline:7px}.simple-rail>button{gap:8px}}@media (max-width:767px){.editor-mode-bar{padding:8px 15px}.editor-mode-bar p{display:none}.simple-rail{border-bottom:1px solid #28271f18;border-right:0;flex-direction:row;flex-shrink:0;padding:8px;overflow-x:auto}.simple-rail>p,.simple-rail small,.simple-guide-link{display:none}.simple-rail>button{flex-shrink:0;padding:10px}.simple-rail strong{font-size:10px}.editor-body.show-preview .simple-rail{display:none}.simple-step-footer{padding:12px 20px}}@media (prefers-reduced-motion:reduce){.simple-rail>button{transition:none}}.studio-button[aria-disabled=true],.simple-rail>button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.requirement-tooltip{z-index:1000;color:#fffaf0;overflow-wrap:anywhere;background:#29271f;border:1px solid #504c43;border-radius:9px;padding:14px 16px;font-size:12px;line-height:1.6;position:fixed;overflow:auto;box-shadow:0 8px 28px #28271f26}.requirement-tooltip p{margin:0 0 7px;font-weight:600}.requirement-tooltip ul{margin:0;padding-left:17px;list-style:outside}.requirement-tooltip li+li{margin-top:5px}.editor-shell>.studio-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}