:root{color:#2b2d34;font-synthesis:none;--accent:#3b3d47;--border:#dfe0e5;--muted:#737580;--ink:#2d2f36;background:#f8f9fa;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:550;transition:background .15s;display:inline-flex}button:hover{background:#f0f0f2}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #535664}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{color:var(--ink)}.app-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 30px;display:flex}.brand{letter-spacing:-1.1px;align-items:center;gap:4px;font-size:25px;font-weight:700;display:flex}.brand>span:not(.brand-mark){font-weight:400}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;margin-right:9px;display:grid}.brand em{letter-spacing:1.4px;border-left:1px solid var(--border);color:#828490;margin-left:17px;padding-left:17px;font-size:10px;font-style:normal;font-weight:600}.header-actions{align-items:center;gap:12px;display:flex}.local-status{color:var(--muted);margin-right:10px;font-size:12px}.local-status:before{content:"";background:#616474;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.primary,.next-button{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover,.next-button:hover{background:#2d2f37}.project-bar{justify-content:space-between;align-items:center;height:115px;padding:25px 32px;display:flex}.eyebrow{letter-spacing:1.65px;color:#7b7d89;font-size:10px;font-weight:650}.project-name{letter-spacing:-.7px;background:0 0;border:0;min-width:450px;max-width:65vw;padding:8px 0;font-size:24px;font-weight:550;display:block}.project-badge{color:#606474;background:#eeeef0;border-radius:4px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;display:flex}.status-dot{background:#73778a;border-radius:50%;width:6px;height:6px;display:inline-block}.workflow{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:0;height:58px;margin:0 30px;display:flex}.workflow button{color:#818490;background:0 0;border:0;border-radius:0;justify-content:flex-start;width:170px;padding:0 17px;position:relative}.workflow button.active{color:var(--accent);background:#eeeef0}.workflow button.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.step-number{color:#9d9fa8;margin-right:6px;font-size:11px}.step-check{margin-left:auto}.workspace{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:280px minmax(300px,1fr) 240px;min-height:590px;margin:24px 30px 0;display:grid;overflow:hidden}.controls{border-right:1px solid var(--border);padding:25px 22px}h2{letter-spacing:-.6px;margin:8px 0;font-size:21px}p{color:var(--muted);font-size:14px;line-height:1.65}.panel-heading p{margin:6px 0 22px;font-size:13px}.selected-pattern{background:#f2f3f5;border:1px solid #d9dae0;border-radius:5px;align-items:center;gap:11px;margin:18px 0 22px;padding:12px;display:flex}.selected-pattern strong{font-size:13px;display:block}.selected-pattern small{color:#818490;margin-top:4px;font-size:10px;display:block}.mini-dots{background-image:radial-gradient(#5b5e6e 1px,#0000 1.5px);background-size:5px 5px;flex-shrink:0;width:32px;height:36px;mask-image:linear-gradient(#0000,#000)}.field{flex-direction:column;gap:9px;margin:18px 0;font-size:13px;font-weight:500;display:flex}.field select,.field input,.field textarea{background:#fff;border:1px solid #dcdde1;border-radius:5px;width:100%;padding:10px;font-size:13px}.slider-field{margin:22px 0;font-size:13px;display:block}.slider-field>span{align-items:center;gap:5px;display:flex}.slider-field input[type=number]{text-align:right;border:1px solid var(--border);appearance:textfield;border-radius:4px;width:55px;margin-left:auto;padding:5px;font-size:12px}.slider-field input::-webkit-inner-spin-button{appearance:none}.slider-field small{color:var(--muted);font-size:11px}.slider-field input[type=range]{accent-color:#41434e;cursor:pointer;width:100%;height:3px;margin:16px 0 1px;display:block}.help-note{color:#7e8190;background:#f3f3f5;border-radius:4px;margin:22px 0;padding:12px;font-size:12px;line-height:1.65}.next-button{justify-content:space-between;width:100%;margin-top:16px;font-size:13px}.preview-panel{background:#f0f0f2;flex-direction:column;min-width:0;display:flex}.preview-toolbar{color:#8c8e96;letter-spacing:1px;justify-content:space-between;gap:16px;padding:23px 24px;font-size:10px;display:flex}.preview-toolbar>div{color:#646776;align-items:center;gap:8px;font-weight:600;display:flex}.preview-stage{background-image:radial-gradient(#d4d5db .65px,#0000 .65px);background-size:16px 16px;flex:1;justify-content:center;align-items:center;min-height:380px;padding:30px 10px 0;display:flex;overflow:auto}.elevation-svg{filter:drop-shadow(0 8px 5px #2d2f3610);width:100%;min-width:0;max-height:650px;overflow:visible}.preview-bottom{color:#7b7d89;justify-content:space-between;align-items:center;gap:10px;padding:12px 24px 24px;font-size:11px;display:flex}.preview-bottom>span{align-items:center;gap:8px;display:flex}.preview-bottom button{background:#f8f9fa;padding:7px 10px;font-size:11px}.preview-bottom i,footer i{border-left:1px solid #b9bbc4;height:10px;margin:0 4px}.elevation-info{background:#f6f7f8;border-top:1px solid #d9dadf;justify-content:space-between;align-items:center;gap:15px;padding:23px 25px;display:flex}.elevation-info small{letter-spacing:1px;color:#8b8d9a;margin-bottom:9px;font-size:9px;display:block}.elevation-info strong{letter-spacing:-.4px;font-size:16px;font-weight:500}.elevation-info strong span{color:#9598a6;margin:0 2px;font-size:13px;font-weight:400}.inspector{border-left:1px solid var(--border);padding:27px 22px}.inspector h3{letter-spacing:-.9px;margin:14px 0 10px;font-size:25px;font-weight:500}.inspector>p{font-size:13px}.summary-list{margin:25px 0}.summary-list>span{color:#878a97;border-bottom:1px solid #e6e7eb;flex-direction:column;gap:6px;padding:12px 0;font-size:12px;display:flex}.summary-list strong{color:#434651;font-size:13px;font-weight:500}.inspector-note{color:#676b7c;background:#f0f1f3;border:1px solid #dddee3;border-radius:6px;margin-top:25px;padding:19px 16px}.inspector-note h4{margin:13px 0 6px;font-size:13px;font-weight:550}.inspector-note p{color:#787c8f;margin:0;font-size:12px;line-height:1.8}.local-note{color:#8f92a0;margin-top:35px;font-size:11px;line-height:1.8}footer{color:#9698a4;letter-spacing:.7px;flex-wrap:wrap;justify-content:space-between;padding:24px 32px;font-size:10px;display:flex}footer>span:first-child{gap:10px;display:flex}.copyright-strip{text-align:center;letter-spacing:.2px;color:#73798c;border-top:1px solid #9fa9c633;flex-basis:100%;margin-top:16px;padding-top:12px;font-size:11px;line-height:1.8}.copyright-strip a{color:inherit;text-underline-offset:3px;text-decoration:none}.copyright-strip a:hover,.copyright-strip a:focus-visible{color:#3744a0;text-decoration:underline}.copyright-strip a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #3744a0}.empty-preview{color:#8a5c34;padding:40px;line-height:1.8}.print-sheet{display:none}@media (width<=1250px){.workspace{grid-template-columns:265px minmax(300px,1fr)}.inspector{display:none}.preview-stage{min-height:450px}.brand em{display:none}}@media (width<=800px){.app-header{padding:0 16px}.header-actions .local-status,.header-actions>button:not(.primary){display:none}.brand{font-size:20px}.project-bar{height:100px;padding:22px 16px}.project-name{width:65vw;min-width:0;font-size:20px}.project-badge{display:none}.workflow{margin:0 15px}.workflow button{flex:1;padding:12px}.step-number,.step-check{display:none}.workspace{grid-template-columns:1fr;margin:16px}.controls{border-right:0;border-bottom:1px solid var(--border)}.preview-panel{grid-row:1}.preview-stage{min-height:280px}.elevation-info{padding:16px}.elevation-info strong{font-size:14px}.elevation-info small{font-size:8px}footer{padding:20px;font-size:9px}footer>span:nth-of-type(2){display:none}}.controls{scrollbar-width:thin;scrollbar-color:#d5d6dc transparent;max-height:780px;overflow:auto}.panel-heading p,.field,.slider-field,.field select,.field input,.field textarea{font-size:14px}.number-field{margin:18px 0;display:block}.number-field>span{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.number-field>div{border:1px solid var(--border);background:#fff;border-radius:5px;align-items:center;display:flex;overflow:hidden}.number-field input{background:0 0;border:0;width:100%;min-width:0;padding:10px;font-size:14px}.number-field small{color:var(--muted);padding:0 10px;font-size:12px}.field-row{gap:12px;display:flex}.field-row>*{flex:1;min-width:0}.units-badge{letter-spacing:.9px;color:#767a8d;background:#f0f1f3;border-radius:4px;padding:11px;font-size:11px}.toggle{cursor:pointer;align-items:center;gap:8px;margin:13px 0;font-size:13px;line-height:1.4;display:flex}.toggle input{accent-color:var(--accent);flex-shrink:0;width:14px;height:14px;margin:0}.segmented{margin:20px 0;display:flex}.segmented button{flex:1;font-size:13px}.segmented button:first-child{border-radius:5px 0 0 5px}.segmented button:last-child{border-left:0;border-radius:0 5px 5px 0}details{border-top:1px solid var(--border);margin-top:21px;padding-top:15px}summary{cursor:pointer;color:#636676;font-size:13px;font-weight:550}summary::marker{font-size:10px}.text-button{color:#75798b;background:0 0;border:0;padding:10px 0;font-size:12px;font-weight:400}.reset-pattern{margin-top:16px}.selected-button{text-align:left;justify-content:flex-start;width:100%}.selected-button>svg{margin-left:auto}.selected-pattern strong{font-size:14px}.selected-pattern small{font-size:12px}.behavior-copy{margin-top:-8px;font-size:12px;line-height:1.65}.small-copy{font-size:12px;line-height:1.65}.pattern-picker{flex-direction:column;gap:10px;display:flex}.pattern-card{text-align:left;border-radius:5px;grid-template-columns:66px 1fr 15px;gap:12px;min-height:72px;padding:0;display:grid;overflow:hidden}.pattern-card>span{padding:10px 0}.pattern-card strong{font-size:13px;display:block}.pattern-card small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;line-height:1.5;display:block}.pattern-card.selected{background:#f3f3f5;border-color:#6f7385}.pattern-card>svg{margin-left:-7px}.swatch{color:#7c8092;background:#e7e8eb;place-items:center;height:100%;min-height:72px;display:grid;overflow:hidden}.swatch svg{width:140px;height:100%}.upload-zone{text-align:center;cursor:pointer;background:#f3f3f5;border:1px dashed #a5a8b4;border-radius:6px;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;display:flex;position:relative}.upload-zone strong{overflow-wrap:anywhere;max-width:100%;font-size:13px}.upload-zone span{color:#797d8f;font-size:11px}.upload-zone input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-zone:focus-within{outline:2px solid var(--accent)}.error-note{color:#a45633;background:#fff0e8;border:1px solid #f1d6c2;border-radius:4px;margin:14px 0;padding:12px;font-size:13px;line-height:1.6}.zoom-frame{align-items:center;display:flex}.preview-stage{justify-content:flex-start;min-height:350px;max-height:590px;padding:20px 8px}.zoom-frame{margin:auto}.preview-panel{min-height:600px}.zoom-control{background:#fafafa;border:1px solid #d7d8de;border-radius:4px;align-items:center;gap:7px;padding:5px 8px;display:flex}.zoom-control select{color:#5f6271;background:0 0;border:0;font-size:12px}.view-controls{border-top:1px solid #dcdde1;justify-content:space-between;align-items:center;gap:15px;padding:12px 24px;display:flex}.view-controls>div{align-items:center;gap:14px;display:flex}.view-controls .toggle{gap:5px;margin:0;font-size:11px}.view-controls .toggle input{width:12px;height:12px}.film-colors>span{color:var(--muted);font-size:11px}.film-colors button{border:1px solid #b2b4be;border-radius:50%;width:17px;height:17px;padding:0}.film-colors button.chosen{outline-offset:3px;outline:1px solid #66697a}.film-colors{gap:10px!important}.elevation-info{padding:22px}.elevation-info strong{font-size:15px}.pane-schedule{margin-top:24px}.pane-schedule summary{justify-content:space-between;font-size:12px;display:flex}.pane-schedule summary span{background:#ebebee;border-radius:3px;padding:2px 6px;font-size:11px}.pane-schedule>div{border-bottom:1px solid #e5e6ea;justify-content:space-between;align-items:center;padding:11px 0;font-size:11px;display:flex}.pane-schedule b{background:#eeeef0;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:500;display:grid}.production-note-link{color:#93856b;background:0 0;border:0;padding:14px 0;font-size:11px;font-weight:400}.local-note svg{vertical-align:middle;margin-right:5px}.output-summary{background:#f2f2f4;border:1px solid #dcdde2;margin:20px 0;padding:16px}.output-summary>*{display:block}.output-summary span{color:#767a8d;font-size:12px}.output-summary strong{margin:7px 0;font-size:22px;font-weight:500}.output-summary small{color:#767a8d;font-size:12px}.export-actions{flex-direction:column;gap:10px;margin-top:26px;display:flex}.export-actions button{text-align:left;justify-content:flex-start;gap:12px;padding:14px 12px}.export-actions span{font-size:13px}.export-actions small{opacity:.7;margin-top:5px;font-size:11px;font-weight:400;display:block}.warnings{background:#faf6ed;border:1px solid #eae1ca;border-radius:4px;padding:13px}.warnings summary{color:#9b8050;align-items:center;gap:7px;font-size:12px;display:flex}.warnings p{color:#938366;font-size:12px}.pane-downloads{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pane-downloads button{padding:7px 10px;font-size:12px}.toast{color:#fff;z-index:10;background:#2d2f36;border-radius:7px;align-items:center;gap:12px;max-width:90vw;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #292b3230}.toast button{color:#fff;background:0 0;border:0;margin-left:12px;padding:3px}.customer-view{background:#f0f0f2;min-height:100vh;padding:30px 5vw}.customer-view>header{justify-content:space-between;align-items:center;display:flex}.customer-heading{text-align:center;margin:65px auto 20px}.customer-heading h1{letter-spacing:-1px;overflow-wrap:anywhere;margin:15px 0;font-size:36px;font-weight:500}.customer-heading p{margin:10px}.customer-elevation{max-width:1200px;margin:0 auto}.customer-elevation .elevation-svg{max-height:55vh}.customer-summary{color:#616575;justify-content:center;align-items:center;gap:24px;font-size:15px;display:flex}.customer-summary i{border-left:1px solid #b9bbc5;height:15px}.customer-caption{text-align:center;color:#828697;margin-top:20px;font-size:13px}@media (width>=1600px){.workspace{grid-template-columns:310px minmax(300px,1fr) 270px;min-height:650px}.controls,.inspector{padding:30px}.preview-stage{min-height:450px}.elevation-info{padding:30px}.elevation-info strong{font-size:19px}.elevation-info small{font-size:11px}}@media (width<=1250px){.workspace{grid-template-columns:280px minmax(300px,1fr)}.view-controls,.elevation-info{flex-wrap:wrap}.preview-bottom>span{font-size:10px}}@media (width<=800px){.workspace{grid-template-columns:1fr}.controls{max-height:none}.preview-stage{min-height:240px;max-height:400px}.preview-panel{min-height:0}.preview-bottom{padding:10px 20px 20px}.preview-toolbar{padding:20px}.elevation-info{gap:20px}.customer-heading{margin-top:55px}.customer-heading h1{font-size:26px}.customer-summary{flex-wrap:wrap;gap:12px}.customer-view{padding:20px}.view-controls{padding:14px 20px}.customer-elevation .elevation-svg{min-height:200px}.app-header .primary{font-size:12px}.header-actions{gap:0}}@media print{@page{size:A4 landscape;margin:13mm}body{color:#111;background:#fff!important}.app,.customer-view{display:none!important}.print-sheet{font-family:Arial,sans-serif;font-size:10px;display:block}.print-title{border-bottom:1px solid #aaa;justify-content:space-between;gap:30px;padding-bottom:12px;display:flex}.print-title h1{margin:6px 0;font-size:22px}.print-title p{color:#333;margin:3px 0;font-size:10px;line-height:1.5}.print-title>div:last-child{text-align:right;white-space:nowrap;font-size:10px;line-height:1.8}.print-sheet .elevation-svg{filter:none;width:85%;max-height:85mm;margin:12px auto;display:block}.print-details{grid-template-columns:1fr 1fr;gap:30px;display:grid}.print-details h2{margin:8px 0;font-size:12px}.print-details p{color:#333;overflow-wrap:anywhere;font-size:9px;line-height:1.65}.print-details table{border-collapse:collapse;width:100%;font-size:10px}.print-details th,.print-details td{text-align:left;border-bottom:1px solid #ddd;padding:5px}.print-details tr{break-inside:avoid}.print-details thead{display:table-header-group}.print-disclaimer{color:#333;border-top:1px solid #aaa;margin-top:15px;padding-top:8px;font-size:9px}.print-sheet{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sheet-view{background:#ebebee;min-height:100vh;padding:24px}.sheet-view>header{justify-content:space-between;gap:15px;max-width:1120px;margin:0 auto 24px;display:flex}.sheet-view .print-sheet{color:#2b2d34;background:#fff;max-width:1120px;margin:auto;padding:40px;display:block;box-shadow:0 5px 30px #2a2c3312}.sheet-view .print-title{border-bottom:1px solid var(--border);justify-content:space-between;gap:30px;padding-bottom:16px;display:flex}.sheet-view .print-title h1{margin:10px 0;font-size:26px}.sheet-view .print-title p{margin:4px 0;font-size:13px}.sheet-view .print-title>div:last-child{text-align:right;white-space:nowrap;font-size:12px;line-height:1.8}.sheet-view .elevation-svg{width:85%;max-height:350px;margin:24px auto;display:block}.sheet-view .print-details{grid-template-columns:1fr 1fr;gap:40px;display:grid}.sheet-view .print-details h2{margin:18px 0 10px;font-size:17px}.sheet-view .print-details p{font-size:13px}.sheet-view table{border-collapse:collapse;width:100%;font-size:13px}.sheet-view th,.sheet-view td{text-align:left;border-bottom:1px solid var(--border);padding:8px}.sheet-view .print-disclaimer{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;font-size:11px}@media (width<=700px){.sheet-view{padding:15px}.sheet-view .print-sheet{padding:20px}.sheet-view .print-details{grid-template-columns:1fr}.sheet-view .print-title{flex-direction:column}.sheet-view .print-title>div:last-child{text-align:left}}@media print{.sheet-view{background:#fff;min-height:0;padding:0}.sheet-view>header{display:none}.sheet-view .print-sheet{box-shadow:none;max-width:none;padding:0}.sheet-view .print-title{padding-bottom:10px}.sheet-view .print-title h1{font-size:22px}.sheet-view .print-title p,.sheet-view .print-title>div:last-child{font-size:10px}.sheet-view .elevation-svg{max-height:75mm;margin:12px auto}.sheet-view .print-details{gap:30px}.sheet-view .print-details h2{margin:8px 0;font-size:12px}.sheet-view .print-details p{font-size:9px}.sheet-view table{font-size:10px}.sheet-view th,.sheet-view td{padding:5px}.sheet-view .print-disclaimer{margin-top:15px;padding-top:8px;font-size:9px}}.control-section-title{border-top:1px solid var(--border);letter-spacing:.4px;color:#626575;margin:24px 0 12px;padding-top:17px;font-size:12px;font-weight:600}.gap-presets{gap:5px;margin:12px 0 18px;display:flex}.gap-presets button{flex:1;padding:8px 4px;font-size:12px;font-weight:500}.gap-presets button[aria-pressed=true]{color:#3d3f48;background:#e6e7ea;border-color:#999ba9}.shape-dimensions .slider-field{margin:17px 0}.slider-field input[role=spinbutton]{text-align:right;border:1px solid var(--border);background:#fff;border-radius:4px;width:60px;margin-left:auto;padding:6px;font-size:13px}.repeat-detail{background:#f0f1f3;border:1px solid #dddee3;border-radius:6px;margin-top:24px;padding:16px;overflow:hidden}.repeat-detail>svg{width:100%;margin:20px 0 4px;display:block}.repeat-detail .eyebrow{font-size:11px}.repeat-dimensions{flex-direction:column;gap:12px;display:flex}.repeat-dimensions span{color:#7c8092;justify-content:space-between;gap:10px;font-size:11px;display:flex}.repeat-dimensions strong{color:#505360;text-align:right;font-size:11px;font-weight:550}.repeat-detail p{margin:16px 0 0;font-size:12px;line-height:1.6}:root{--accent:#2939e7;--ink:#24252d;--muted:#70727f;--border:#d9dce8;color:var(--ink);background:#e9ebf2;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}@media screen{body{background-color:#eef0f5;background-image:radial-gradient(at 5% 8%,#e0e5ff 0,#0000 45%),radial-gradient(at 100% 85%,#f7dce7 0,#0000 45%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.app{max-width:2000px;margin:auto;padding:16px 24px 0}.app-header{backdrop-filter:blur(24px)saturate(1.3);background:#ffffff7a;border:1px solid #ffffffdb;border-radius:22px;height:72px;padding:0 22px;box-shadow:inset 0 1px #fff,0 8px 30px #2c30540a}.brand{letter-spacing:-1.3px;gap:12px}.brand-mark{color:#242631;background:linear-gradient(145deg,#fff,#d3d8e9);border:1px solid #fff;border-radius:11px;margin:0;box-shadow:0 2px 6px #22274315,inset 0 1px #fff}.brand-wordmark{letter-spacing:-1.8px;font-size:28px;font-style:italic;font-weight:850!important}.brand-name{letter-spacing:-.2px;max-width:90px;font-size:12px;line-height:1.2;font-weight:600!important}.brand em{color:#777986;font-size:11px}.local-status:before,.status-dot{background:#5363ee}button{background:#ffffffbd;border-radius:10px;box-shadow:inset 0 1px #fff}button:hover{background:#fff;border-color:#bdc3dd}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--accent)}.primary,.next-button{background:linear-gradient(165deg,#3d4ced,#2936c7);border-color:#3444d6;box-shadow:inset 0 1px #fff5,0 4px 10px #2535c51c}.primary:hover,.next-button:hover{background:#2331bd}.project-bar{height:96px;padding:18px 8px}.project-name{letter-spacing:-.9px;padding:7px 0;font-size:25px;font-weight:600}.eyebrow{letter-spacing:1.3px;color:#737683;font-size:11px}.project-badge{color:#29291e;letter-spacing:.7px;background:#fbf051;border:1px solid #ede150;border-radius:7px;font-size:12px;font-style:italic;font-weight:800;transform:rotate(-3deg)}.workflow{background:#ffffff5f;border:1px solid #ffffffdf;border-radius:16px;gap:6px;width:fit-content;height:52px;margin:0 0 18px;padding:5px;box-shadow:inset 0 1px #fff}.workflow button{color:#747786;width:150px;box-shadow:none;border-radius:11px;padding:0 15px}.workflow button.active{color:#25293d;background:#fff;box-shadow:0 2px 7px #292d4d14,inset 0 1px #fff}.workflow button.active:after{display:none}.step-number{color:#9296ab;font-size:12px}.workspace{background:0 0;border:0;border-radius:0;grid-template-columns:292px minmax(300px,1fr) 282px;align-items:stretch;gap:14px;min-height:650px;margin:0;overflow:visible}.controls,.inspector{backdrop-filter:blur(22px);scrollbar-color:#c9cddc transparent;background:#ffffff9c;border:1px solid #fff;border-radius:18px;min-height:600px;max-height:calc(100dvh - 280px);padding:24px 20px;overflow:auto;box-shadow:inset 0 1px #fff,0 12px 40px #2a305808}.inspector{display:block}.panel-heading h2{letter-spacing:-.8px;font-size:23px}.panel-heading p{color:#7b7d89;font-size:14px;line-height:1.5}.preview-panel{background:#f5f6fa66;border:1px solid #ffffffda;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px #fff,0 15px 55px #353b5b0b}.preview-toolbar{color:#858a9a;letter-spacing:1px;padding:20px;font-size:11px}.preview-toolbar>div{color:#525a70}.preview-stage{background-image:linear-gradient(#c6cbdd20 1px,#0000 1px),linear-gradient(90deg,#c6cbdd20 1px,#0000 1px);background-size:24px 24px;min-height:330px;padding:20px 8px}.elevation-svg{filter:drop-shadow(0 12px 12px #30385713)}.preview-bottom{color:#6e7486;padding:16px 20px;font-size:12px}.elevation-info{background:#ffffff65;border-color:#dbe0ed;padding:20px}.elevation-info small{color:#858a9b;font-size:10px}.elevation-info strong{color:#35394d;font-size:15px}.view-controls{background:#ffffff75;border-color:#dfe2ed;flex-wrap:wrap;padding:12px 16px}.view-controls .toggle{color:#606778}.zoom-control{background:#ffffffb0;border:1px solid #fff;border-radius:9px;padding:7px}.field input,.field select,.field textarea,.number-field>div{background:#ffffffa8;border:1px solid #dfe2ed;border-radius:9px}.slider-field input[type=range],input[type=checkbox]{accent-color:#3c48d7}.slider-field input[role=spinbutton]{background:#ffffffc9;border-color:#e0e3ed;border-radius:6px}.selected-pattern{background:#fff;border-color:#d8def2;border-radius:12px}.mini-dots{background-image:radial-gradient(#414c86 1px,#0000 1.5px)}.help-note,.inspector-note{color:#687189;background:#e9edfa88;border-color:#dee2f0;border-radius:10px}.units-badge{color:#646a83;background:#edf0f8}.gap-presets button{background:#ffffffb0}.gap-presets button[aria-pressed=true]{color:#2835c3;background:#e9ecff;border-color:#b4bdfb}.control-section-title{color:#858b9e;letter-spacing:.2px;font-size:12px}.repeat-detail{background:#eef0f980;border-color:#e0e4f1;border-radius:14px}.repeat-detail p,.repeat-dimensions span{color:#747d92}.repeat-dimensions strong{color:#424b67}footer{color:#8f93a5;padding:18px 8px;font-size:11px}.customer-view{background:radial-gradient(at top,#e4e8fb,#0000 70%),#f3f4f8}.customer-view header{backdrop-filter:blur(24px);background:#ffffff7a;border-color:#fff}.customer-summary{color:#4d5670}}@media screen and (width<=1350px){.workspace{grid-template-columns:270px minmax(270px,1fr) 255px;gap:10px}.app{padding:12px 16px 0}.controls,.inspector{padding:22px 16px}.view-controls>div{gap:9px}}@media screen and (width<=1100px){.workspace{grid-template-columns:270px minmax(300px,1fr)}.inspector{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:24px;min-height:0;max-height:none;display:grid}.brand em,.local-note{display:none}}@media screen and (width<=760px){.app{padding:8px 10px 0}.app-header{border-radius:17px;height:65px;padding:0 14px}.brand-name{display:none}.brand-wordmark{font-size:25px}.brand-mark{width:32px;height:32px}.header-actions button{padding:9px;font-size:12px}.project-bar{height:90px;padding:18px 5px}.project-name{width:90vw;max-width:90vw;font-size:20px}.workflow{gap:2px;width:100%;margin-bottom:12px}.workflow button{flex:1;gap:6px;width:auto;padding:0 10px;font-size:13px}.workspace{flex-direction:column;gap:12px;display:flex}.preview-panel{order:0;min-height:400px}.controls{order:1;min-height:0;max-height:none}.inspector{order:2;min-height:0;max-height:none;display:block}.preview-stage{min-height:230px}.preview-toolbar{padding:16px;font-size:10px}.preview-bottom{padding:12px}.elevation-info{gap:10px;padding:15px}.elevation-info small{font-size:9px}.elevation-info strong{font-size:13px}footer{font-size:10px}}.color-panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-panel-heading h3{letter-spacing:-.8px;margin:8px 0 0;font-size:24px;font-weight:600}.color-panel-heading>svg{color:#707d9f}.color-caption{margin:12px 0 20px;font-size:13px;line-height:1.5}.ink-fieldset{border:0;min-width:0;margin:0;padding:0}.ink-fieldset:disabled{opacity:.4}.palette-presets{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.palette-presets button{background:#ffffff90;border-radius:9px;flex-direction:column;gap:7px;min-width:0;padding:7px 5px}.palette-presets button[aria-pressed=true]{border-color:#969ff0;box-shadow:0 0 0 1px #bac1ff}.palette-presets button>span{border-radius:4px;width:100%;height:22px;display:flex;overflow:hidden}.palette-presets i{flex:1}.palette-presets small{color:#747c93;font-size:11px;font-weight:500}.ink-list{flex-direction:column;gap:9px;display:flex}.ink-row{align-items:center;gap:8px;display:flex}.ink-index{color:#9ba1b4;font-variant-numeric:tabular-nums;font-size:11px}.color-value{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.color-value input[type=color]{cursor:pointer;background:0 0;border:1px solid #d8dceb;border-radius:8px;flex-shrink:0;width:33px;height:33px;padding:0;overflow:hidden}.color-value input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-value input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.color-value input:not([type=color]){letter-spacing:.4px;background:#ffffffb0;border:1px solid #e1e5f0;border-radius:7px;width:100%;min-width:0;padding:8px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.remove-ink{box-shadow:none;color:#9a9fb0;background:0 0;border:0;padding:5px}.ink-actions{justify-content:space-between;gap:8px;margin-top:13px;display:flex}.ink-actions button{color:#676f8d;box-shadow:none;padding:7px 9px;font-size:12px}.background-ink{border-top:1px solid #e0e4ef;margin-top:22px;padding-top:4px}.background-ink .control-section-title{margin-top:17px}.background-ink .segmented{gap:6px;margin:12px 0;display:flex}.background-ink .segmented button{flex:1;padding:9px 8px;font-size:12px}.background-ink button[aria-pressed=true]{color:#3643a7;background:#e7ebff;border-color:#b8c1ed}.clear-chip{background:repeating-conic-gradient(#bac0d3 0% 25%,#f6f7fc 0% 50%) 50%/8px 8px;border:1px solid #c5cbdd;border-radius:4px;width:16px;height:16px;display:inline-block}.palette-help{color:#838a9d;margin-bottom:0;font-size:12px;line-height:1.6}.print-preview-key{color:#788197;align-items:center;gap:5px;font-size:11px;display:flex}.print-preview-key>span{margin-right:4px}.print-preview-key>i{border:1px solid #fffc;border-radius:50%;width:17px;height:17px;display:block;box-shadow:0 0 0 1px #969fb230}@media screen{.pattern-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pattern-card{text-align:left;background:#ffffffb0;border-color:#e0e4ef;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;min-height:118px;display:flex;position:relative}.pattern-card .swatch{background:linear-gradient(140deg,#eef1fb,#dce1ee);width:100%;height:77px;min-height:77px}.pattern-card .swatch svg{width:100%;height:100%}.pattern-card>span{padding:11px 9px}.pattern-card strong{letter-spacing:-.2px;font-size:12px;font-weight:600}.pattern-card small{display:none}.pattern-card>svg{color:#3344d7;background:#fff;border-radius:50%;width:19px;height:19px;margin:0;padding:2px;position:absolute;top:7px;right:7px}.pattern-card.selected{background:#f7f8ff;border-color:#9aa6ef;box-shadow:0 0 0 1px #b3bcf7}.pattern-card strong{font-size:14px;line-height:1.25}.palette-presets small{font-size:12px}.view-controls .print-preview-key{gap:5px}}.sample-logo-button{color:#3744a0;background:#ffffff90;border:1px solid #c8cde2;border-radius:12px;width:100%;margin-top:10px;padding:11px 14px;font-size:13px}.step-repeat-readout{background:linear-gradient(135deg,#ffffffb0,#e8edff80);border:1px solid #cdd4e7;border-radius:12px;margin:18px 0;padding:14px;font-size:12px}.step-repeat-readout span{justify-content:space-between;gap:8px;display:flex}.step-repeat-readout strong{color:#3744a0}.step-repeat-readout small{color:var(--muted);margin-top:7px;display:block}.upload-zone strong{overflow-wrap:anywhere;max-width:100%}@font-face{font-family:General Sans;src:url(/brand/fonts/general-sans-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/general-sans-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/general-sans-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/brand/fonts/cabinet-grotesk-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/brand/fonts/cabinet-grotesk-900.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--dmw-blue:#354bff;--dmw-tomato:#ff593e;--dmw-acid:#e6f457;--dmw-warm-white:#f7f4ec;--dmw-ink:#20211f;--dmw-muted:#62615b;--dmw-border:#ddd8cc;--dmw-display:"Cabinet Grotesk", "General Sans", system-ui, sans-serif;--dmw-body:"General Sans", system-ui, sans-serif}.dmw-brand{color:var(--dmw-ink);font-family:var(--dmw-display);letter-spacing:-.035em;flex-shrink:0;align-items:center;gap:11px;font-size:25px;font-weight:900;line-height:1;display:inline-flex}.dmw-brand svg{width:34px;height:45px;color:var(--dmw-blue);flex:none}.dmw-brand-stacked{gap:15px;font-size:34px;line-height:.86}.dmw-brand-stacked svg{width:44px;height:58px}.brand-home{color:inherit;border-radius:4px;text-decoration:none}.brand-home:focus-visible{outline:3px solid var(--dmw-blue);outline-offset:6px}.copyright-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.copyright-strip a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}.copyright-strip a:hover{color:var(--dmw-blue)}.site-links{letter-spacing:0;color:var(--dmw-ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px;font-size:12px;line-height:1.6;display:flex}.site-links a{color:inherit;text-decoration:none}.site-links a:hover{color:var(--dmw-blue);text-underline-offset:4px;text-decoration:underline}.site-links a:focus-visible{outline:2px solid var(--dmw-blue);outline-offset:5px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media screen{:where(h1,h2,h3,h4,h5,h6,summary,.welcome-kicker,.guide-teaser strong){text-wrap:balance}:where(p,li,figcaption,blockquote,.help-note,.error-note,.pattern-card small,.splash-cue){text-wrap:pretty}}:root{--accent:var(--dmw-blue);--ink:var(--dmw-ink);--muted:var(--dmw-muted);--border:var(--dmw-border);font-family:var(--dmw-body);color:var(--ink);background:var(--dmw-warm-white);-webkit-font-smoothing:antialiased}.studio-loading{min-height:100vh;font:500 15px var(--dmw-body);color:var(--dmw-muted);place-items:center;display:grid}@media screen{body{background-color:#ece9e2;background-image:radial-gradient(at 0 12%,#a5b4ff80,#0000 48%),radial-gradient(at 98% 72%,#ffb5a354,#0000 46%),radial-gradient(at 48% 100%,#fffc,#0000 55%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.app{padding:18px 24px 0}.app-header,.workflow,.controls,.inspector,.preview-panel{backdrop-filter:blur(30px)saturate(1.25);border-color:#ffffffc9;box-shadow:inset 0 1px 1px #ffffffed,inset 0 -1px 1px #fff5,0 12px 32px #30365012,0 2px 5px #30365008}.app-header{background:linear-gradient(120deg,#ffffff9e,#ffffff52 65%,#fffdf77a);border-radius:18px}.brand{gap:0}.brand em{color:#6a6961;letter-spacing:.1em;border-color:#d5d1c6;font-size:10px}.primary,.next-button{background:linear-gradient(160deg, #5b6cff, var(--dmw-blue) 65%, #2f42e8);border-color:var(--dmw-blue);box-shadow:inset 0 1px #fff5,0 4px 12px #354bff18}.primary:hover,.next-button:hover{background:#283bdd;border-color:#283bdd}button{font-weight:500}button:hover{border-color:#c3beb1}.local-status:before,.status-dot{background:var(--dmw-blue)}.local-status{color:var(--dmw-muted);font-size:11px}.project-bar{height:108px}.project-name{font-family:var(--dmw-display);color:var(--dmw-ink);font-size:30px;font-weight:800}.project-badge{background:var(--dmw-acid);color:var(--dmw-ink);letter-spacing:.06em;border-color:#d8e443;border-radius:5px;padding:10px 12px;font-size:10px;font-style:normal;font-weight:600;transform:none}.eyebrow{color:#747269;letter-spacing:.11em;font-size:10px}.workflow{background:linear-gradient(135deg,#ffffff9c,#ffffff40);border-radius:14px}.workflow button{color:#747269;font-size:13px}.workflow button.active{background:linear-gradient(160deg, #5b6cff, var(--dmw-blue) 75%);color:#fff;box-shadow:inset 0 1px #fff4,0 3px 8px #354bff20}.workflow button.active .step-number{color:#d6dcff}.step-number{color:#827f75}.controls,.inspector{scrollbar-color:#cfcabc transparent;background:linear-gradient(135deg,#ffffffa3,#fffdf75c 60%,#ffffff7a)}.panel-heading h2,.color-panel-heading h3{color:var(--dmw-ink);font-family:var(--dmw-display);letter-spacing:-.025em;font-size:28px;font-weight:800}.panel-heading p{color:var(--dmw-muted);font-size:13px}.preview-panel{background:linear-gradient(145deg,#ffffff70,#fffdf73d)}.preview-toolbar{color:#78796e}.preview-toolbar>div{color:#55564e}.preview-stage{background-image:linear-gradient(#bcb8ac25 1px,#0000 1px),linear-gradient(90deg,#bcb8ac25 1px,#0000 1px)}.preview-bottom{color:#65665e}.elevation-info,.view-controls{backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffb3,#fff6);border-color:#ffffffd9;box-shadow:inset 0 1px #fff,0 3px 12px #3036500a}.elevation-info small{color:#72746b}.elevation-info strong{color:var(--dmw-ink)}.view-controls .toggle,.print-preview-key{color:#62655c}.field input,.field select,.field textarea,.number-field>div,.slider-field input[role=spinbutton],.color-value input:not([type=color]){background:linear-gradient(160deg,#ffffffb8,#ffffff73);border-color:#b8bdc38c;box-shadow:inset 0 1px 2px #30365008,0 1px #ffffffc9}.slider-field input[type=range],input[type=checkbox]{accent-color:var(--dmw-blue)}.help-note,.inspector-note{color:#646359;background:#ffffff42;border-color:#ffffff9e}.units-badge{color:#666457;background:#e9e5da}.control-section-title{color:#67685e}.repeat-detail{background:#ffffff42;border-color:#ffffffa3}.repeat-detail p,.repeat-dimensions span,.palette-help,.palette-presets small,.color-caption{color:var(--dmw-muted)}.repeat-dimensions strong{color:#484b41}.pattern-card,.sample-logo-button{border-color:#ddd8cc}.pattern-card .swatch{background:linear-gradient(140deg,#f2f0e7,#e6e3d7)}.pattern-card.selected,.palette-presets button[aria-pressed=true]{border-color:var(--dmw-blue);box-shadow:0 0 0 1px var(--dmw-blue);background:#fffefa}.pattern-card>svg{color:var(--dmw-blue)}.selected-pattern{border-color:#d3d5ef}.gap-presets button[aria-pressed=true],.background-ink button[aria-pressed=true]{color:#293acc;background:#e9ecff;border-color:#b5bef7}.color-panel-heading>svg{color:#737767}.background-ink{border-color:#ddd8cc}.ink-actions button{color:#5c6053}.ink-index{color:#75786b}footer{color:#6b6b61}.customer-view{background:radial-gradient(at top,#fffdf7,#0000 70%),#efebe1}.customer-heading h1{font-family:var(--dmw-display);font-size:44px;font-weight:800}.customer-summary{color:#55584e}.sheet-view{background:#efebe1}.sheet-view .print-sheet{border-radius:8px}.toast{background:var(--dmw-ink)}}@media screen and (width<=1350px){.app{padding:12px 16px 0}.brand em{display:none}.app-header .dmw-brand{font-size:23px}}@media screen and (width<=1000px){.local-status{display:none}.header-actions{gap:7px}.header-actions button{padding:10px;font-size:12px}}@media screen and (width<=760px){.app{padding:10px 10px 0}.app-header{flex-wrap:wrap;justify-content:center;gap:15px;height:auto;min-height:114px;padding:17px 12px}.app-header .dmw-brand{font-size:25px}.header-actions{justify-content:center;gap:9px;width:100%}.header-actions button{flex:1;max-width:210px;font-size:12px}.project-name{width:100%;min-width:0;max-width:100%;font-size:25px}.project-bar{height:auto;padding:22px 6px}.project-bar>div:first-child{width:100%;min-width:0}.project-badge{display:none}.workflow button{gap:4px;padding:0 7px;font-size:12px}.workflow button>svg:not(.step-check){display:none}.customer-view>header{flex-wrap:wrap;gap:22px}.customer-view>header .dmw-brand{font-size:24px}.customer-heading h1{font-size:34px}}@media (prefers-reduced-transparency:reduce){.app-header,.workflow,.controls,.inspector,.preview-panel,.elevation-info,.view-controls{backdrop-filter:none;background:#fffdf7}}.print-title .dmw-brand{letter-spacing:-.035em;font-size:20px}.print-title .dmw-brand svg{width:31px;height:41px}@media screen and (width<=760px){.header-actions button:first-of-type{display:inline-flex}}@media screen and (width<=360px){.app-header .dmw-brand{gap:8px;font-size:22px}}@media screen{.logo-upload-zone{min-height:110px;padding:16px 12px}}.logo-treatment{gap:6px;margin-top:14px;display:flex}.logo-treatment button{flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:12px;display:flex}.logo-treatment button[aria-pressed=true]{border-color:var(--dmw-blue);box-shadow:0 0 0 1px var(--dmw-blue)}.logo-treatment i{border:1px solid #20211f30;border-radius:50%;width:12px;height:12px}.storefront-controls>.field{margin-bottom:18px}.storefront-controls textarea{resize:vertical;min-height:110px}.storefront-controls .control-section-title{margin-top:25px}.storefront-url{overflow-wrap:anywhere}.swatch.storefront{color:var(--dmw-blue);place-items:center;display:grid}.swatch.storefront>svg{width:28px;height:28px}@media screen{.workspace{min-height:0}.workspace>*{min-width:0}.scroll-panel{min-height:0;padding:0;display:block;position:relative;overflow:hidden}.panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6b8c780 transparent;border-radius:inherit;height:100%;scroll-padding-block:32px;overflow:auto}.panel-content{padding:26px 20px 36px}.scroll-caret{z-index:2;width:46px;height:28px;color:var(--dmw-blue);backdrop-filter:blur(12px);background:#f7f7ffeb;border:1px solid #fff;border-radius:20px;padding:0;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #20211f1a}.scroll-caret-up{top:4px}.scroll-caret-down{bottom:4px}.scroll-caret:disabled{opacity:0;visibility:hidden;pointer-events:none}.preview-panel{grid-template-rows:auto minmax(0,1fr) auto auto auto;min-height:0;display:grid}.preview-stage{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;max-height:none;padding:12px;display:flex}.zoom-frame{min-height:0;margin:auto}.preview-stage .elevation-svg{flex:none;width:100%;height:100%;max-height:none;display:block}.preview-toolbar{padding:14px 16px}.preview-bottom{flex-wrap:wrap;padding:9px 14px}.preview-bottom>span{flex-wrap:wrap;gap:6px}.view-controls{gap:10px;padding:10px 14px}.view-controls>div{flex-wrap:wrap}.elevation-info{align-items:flex-start;gap:12px;padding:14px}.elevation-info>div{min-width:0}.elevation-info strong{overflow-wrap:anywhere;font-size:14px}.elevation-info small{margin-bottom:6px;font-size:9px}.studio-jump-nav{display:none}:is(.scroll-panel,.preview-panel){scroll-margin-top:16px}:is(.scroll-panel,.preview-panel,.panel-scroll):focus-visible{outline:2px solid var(--dmw-blue);outline-offset:-3px}button,summary,.pattern-card,.toggle span,.field input,.field select,.field textarea,.number-field>div,.color-value input{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,opacity .18s}.workflow button{transition:background-color .18s,color .18s,box-shadow .18s,scale .18s}.workflow button:active{scale:.97}.pattern-card,.palette-presets button{transition:border-color .18s,box-shadow .18s,background-color .18s,translate .18s}.field:focus-within input,.field:focus-within select,.field:focus-within textarea,.number-field:focus-within>div{border-color:#354bff80;box-shadow:0 0 0 3px #354bff0c}.toggle{cursor:pointer}.toggle:has(input:checked) span{color:var(--dmw-ink)}.toggle input{transition:scale .16s}.toggle input:active{scale:.85}summary{border-radius:5px}summary:focus-visible{outline:2px solid var(--dmw-blue);outline-offset:4px}summary:hover{color:var(--dmw-blue)}.panel-content{animation:.22s cubic-bezier(.2,.7,.2,1) both controls-enter}.toast{animation:.22s both controls-enter}.customer-view,.sheet-view{animation:.22s both surface-enter}}@keyframes controls-enter{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-enter{0%{opacity:.4}to{opacity:1}}@media screen and (hover:hover) and (pointer:fine){.pattern-card:hover,.palette-presets button:hover{translate:0 -2px;box-shadow:0 4px 12px #30365012}.scroll-caret:hover{background:#fff;box-shadow:0 4px 18px #354bff26}}@supports (interpolate-size:allow-keywords){@media screen and (prefers-reduced-motion:no-preference){.app details{interpolate-size:allow-keywords}.app details::details-content{opacity:0;block-size:0;transition:block-size .22s ease, content-visibility .22s allow-discrete, opacity .18s ease;overflow:clip}.app details[open]::details-content{opacity:1;block-size:auto}}}@media screen and (width>=1101px){.app{grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100dvh;min-height:560px;padding:12px 18px 0;display:grid}.app-header{height:64px;padding-inline:22px}.project-bar{height:78px;padding:12px 20px}.project-name{padding-block:5px;font-size:27px}.workflow{height:48px;margin-bottom:12px}.workspace{grid-template-columns:270px minmax(0,1fr) 255px;gap:12px;min-height:0}.scroll-panel{height:100%;max-height:none}.panel-content{padding-inline:16px}.app>footer{align-items:center;gap:8px 18px;padding:12px 6px}.app>footer>span:nth-of-type(2){display:none}.app>footer .copyright-strip{border:0;flex-basis:auto;margin:0;padding:0;font-size:10px}.app>footer .site-links{gap:14px;font-size:11px}}@media screen and (width>=1550px){.workspace{grid-template-columns:292px minmax(0,1fr) 282px}.panel-content{padding-inline:20px}}@media screen and (width>=761px) and (width<=1100px){.workspace{grid-template-columns:270px minmax(0,1fr);grid-template-areas:"controls preview""colors colors";align-items:start}.controls,.preview-panel{height:clamp(420px,100svh - 340px,680px);max-height:none}.controls{grid-area:controls}.preview-panel{grid-area:preview;position:sticky;top:16px}.inspector{grid-area:colors;max-height:none}.inspector .panel-content{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.header-actions button:first-of-type{display:inline-flex}.inspector .print-colors-panel{grid-row:span 3}.inspector .panel-scroll{height:auto;overflow:visible}}@media screen and (width<=1100px){.app{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.studio-jump-nav{z-index:20;bottom:max(12px, env(safe-area-inset-bottom,0px));backdrop-filter:blur(20px);background:#f7f4eceb;border:1px solid #fff;border-radius:30px;gap:3px;max-width:calc(100% - 24px);padding:5px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 28px #30365026}.studio-jump-nav button{background:0 0;border:0;border-radius:24px;gap:5px;min-height:40px;padding:9px 13px;font-size:12px}.studio-jump-nav button[aria-current]{color:#fff;background:var(--dmw-blue);box-shadow:inset 0 1px #ffffff40}.section-dot{background:currentColor;border-radius:50%;width:5px;height:5px;margin:5px}.toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media screen and (width<=760px){.workspace{min-height:0}.preview-panel{grid-template-rows:auto clamp(210px,34svh,330px) auto auto auto}.preview-stage{min-height:0;padding:8px}.controls,.inspector{max-height:none}.panel-scroll{height:auto;overflow:visible}.panel-content{padding:22px 18px}.scroll-caret{display:none}.preview-toolbar{letter-spacing:.6px;padding:14px 12px;font-size:9px}.preview-bottom>span{font-size:11px}.elevation-info{gap:8px;padding:12px}.elevation-info strong{font-size:12px}.elevation-info small{letter-spacing:.5px;font-size:8px}.view-controls{padding:10px 12px}.project-bar{padding-block:17px}.workflow{scroll-margin-top:12px}}@media screen and (prefers-reduced-motion:reduce){.app *,.app :before,.app :after,.app ::details-content,.customer-view,.sheet-view{scroll-behavior:auto!important;transition:none!important;animation:none!important}.pattern-card:hover,.palette-presets button:hover{translate:none}.workflow button:active,.toggle input:active{scale:none}}@media print{.studio-jump-nav,.scroll-caret{display:none}}@media screen and (width<=760px){.workflow{z-index:10;position:sticky;top:8px}:is(.scroll-panel,.preview-panel){scroll-margin-top:76px}.field input,.field select,.field textarea,.number-field input{font-size:16px}}@media screen and (prefers-reduced-transparency:reduce){.studio-jump-nav,.scroll-caret{-webkit-backdrop-filter:none;background:#fffdf7}}@media screen{.project-bar{gap:20px}.project-bar>div:first-child{flex:1;min-width:0}.project-badge{flex-shrink:0}.project-name-editor{align-items:center;gap:5px;width:fit-content;max-width:100%;display:flex}.project-name-field{min-width:0;display:grid}.project-name-editor .project-name{grid-area:1/1;width:100%;min-width:0;max-width:none}.project-name-measure{visibility:hidden;white-space:pre}.project-name-edit{width:40px;height:40px;color:var(--dmw-muted);background:0 0;border-color:#0000;border-radius:50%;flex:none;padding:0}.project-name-edit:hover,.project-name-editor:focus-within .project-name-edit{color:var(--dmw-blue);background:#354bff0c;border-color:#354bff20}.project-name-field{position:relative}.project-name-field input{height:100%;position:absolute;inset:0}.project-name-measure{padding-right:3px}.project-name-field input:not(:focus){text-overflow:ellipsis}.preview-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.preview-bottom .zoom-control{gap:2px;padding:2px 7px 2px 2px}.preview-bottom .fit-view-button{min-width:32px;min-height:32px;color:var(--dmw-muted);background:0 0;border:0;padding:6px}.preview-bottom .fit-view-button:hover{color:var(--dmw-blue);background:#354bff0c}.preview-bottom .preview-action{white-space:nowrap;background:#ffffffb0;border:1px solid #fffc;border-radius:9px;min-height:38px;padding:8px 10px;font-size:12px}.preview-action[aria-pressed=true],.preview-action[aria-expanded=true]{color:var(--dmw-blue)}.fullscreen-tools{display:none}.app.is-fullscreen{z-index:100;width:100%;height:100dvh;min-height:0;padding:max(10px, env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-right,0px)) max(10px, env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px));background:radial-gradient(at 0 12%,#a5b4ff60,#0000 55%),radial-gradient(at 98% 72%,#ffb5a340,#0000 50%),#ece9e2;grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.is-fullscreen>.app-header,.is-fullscreen>.project-bar,.is-fullscreen>footer,.is-fullscreen>.studio-jump-nav,.is-fullscreen:not(.controls-visible)>.workflow,.is-fullscreen:not(.controls-visible) .scroll-panel,.is-fullscreen:not(.controls-visible) .view-controls,.is-fullscreen:not(.controls-visible) .elevation-info{display:none}.is-fullscreen .workspace{grid-template-areas:none;align-items:stretch;height:100%;min-height:0;display:grid;position:relative}.is-fullscreen:not(.controls-visible) .workspace{grid-template-columns:minmax(0,1fr)}.is-fullscreen .preview-panel{order:0;grid-area:auto;grid-template-rows:auto minmax(0,1fr) auto auto auto;height:100%;min-height:0;position:static}.is-fullscreen .preview-stage{min-height:0}.is-fullscreen .scroll-panel{order:0;grid-area:auto;height:100%;max-height:none}.is-fullscreen .panel-scroll{height:100%;overflow:auto}.is-fullscreen .inspector .panel-content{display:block}.is-fullscreen.controls-visible{grid-template-rows:auto minmax(0,1fr)}.is-fullscreen .workflow{margin:0 0 10px;position:static}.is-fullscreen .scroll-caret{display:inline-flex}}@media screen and (width<=1100px){.is-fullscreen.controls-visible{grid-template-rows:auto auto minmax(0,1fr)}.is-fullscreen.controls-visible.fullscreen-colors{grid-template-rows:auto minmax(0,1fr)}.is-fullscreen.fullscreen-colors .workflow{display:none}.is-fullscreen .fullscreen-tools{gap:6px;margin-bottom:8px;display:flex}.fullscreen-tools button{background:#ffffff9e;border-radius:10px;min-height:40px}.fullscreen-tools button[aria-pressed=true]{color:#fff;background:var(--dmw-blue);border-color:var(--dmw-blue)}.is-fullscreen .workspace{grid-template-columns:minmax(0,1fr)}.is-fullscreen .scroll-panel{z-index:3;background:#fffdf7f2;width:min(340px,100% - 16px);height:auto;position:absolute;top:8px;bottom:170px;left:8px;box-shadow:0 12px 40px #20211f35}.is-fullscreen .panel-content{padding-bottom:36px}.is-fullscreen:not(.fullscreen-colors) .inspector,.is-fullscreen.fullscreen-colors .controls,.is-fullscreen.controls-visible .elevation-info{display:none}.is-fullscreen .preview-actions{gap:5px}.is-fullscreen .preview-bottom{z-index:4;gap:6px;padding:8px;position:relative}.is-fullscreen .preview-bottom .preview-action{padding:7px;font-size:11px}.is-fullscreen .preview-bottom>span{font-size:10px}}@media screen and (width<=360px){.is-fullscreen .scroll-panel{bottom:210px}}.studio-loading[data-astro-cid-qndvf3hr]{color:#34465c;place-items:center;min-height:100vh;font:500 15px system-ui,sans-serif;display:grid}