.design-themed{background:var(--paper);color:var(--ink);font-family:var(--design-font);font-size:calc(16px * var(--design-scale,1))}.design-themed h1,.design-themed h2,.design-themed h3,.design-themed h4{font-family:var(--design-heading-font)}.design-themed p{font-size:calc(14px * var(--design-scale,1))}.design-themed .btn{border-radius:var(--design-button-radius)}.design-themed .product-visual,.design-themed .design-banner,.design-themed .art-cell{border-radius:var(--radius)}.design-themed .hero,.design-themed .design-block{margin-bottom:var(--design-space)}.design-themed .art-bg{background:var(--design-gradient);opacity:.3}.design-cover{height:100%;border-radius:var(--radius);overflow:hidden}.design-cover img{width:100%;height:100%;object-fit:cover}.design-block{padding:36px 0;line-height:1.7}.design-block h2{font-size:clamp(26px,3vw,42px);margin:0 0 14px}.design-block p{margin:12px 0 20px;white-space:normal}.design-block .btn{margin-top:10px}.design-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.design-hero>img{width:100%;height:320px;object-fit:cover;border-radius:var(--radius)}.design-color-art{height:320px;display:flex;gap:18px;align-items:center;justify-content:center;background:var(--design-gradient);border-radius:var(--radius);color:#fff;font-weight:800;font-size:29px;line-height:1.1}.design-color-art>span:first-child{font-size:90px}.design-banner{padding:36px!important;background:var(--design-gradient);color:white;position:relative;overflow:hidden}.design-banner>div{position:relative;z-index:1}.design-banner>.btn,.design-banner .btn{background:#fff;color:var(--ink);border-color:#fff}.design-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.design-image>img{width:100%;max-height:620px;object-fit:cover;border-radius:var(--radius)}.design-category-list{display:flex;gap:12px;flex-wrap:wrap}.design-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.design-featured-card{min-width:0}.design-featured-card button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:0}.design-featured-card img{width:100%;height:170px;object-fit:cover;border-radius:var(--radius)}.design-featured-card h3{font-size:16px;margin-top:12px}.design-featured-card p{font-size:12px;margin:7px 0}.design-faq details{border-bottom:1px solid var(--line);padding:16px 0}.design-faq summary{font-weight:600;cursor:pointer}.design-contact{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.design-studio{min-width:0}.design-studio .panel{padding:22px}.design-studio-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center}.design-studio-toolbar h2{font-size:26px}.design-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.design-studio-body{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:20px;align-items:start}.design-controls{min-width:0}.design-controls h3{margin:20px 0 12px;font-size:17px}.design-controls h3:first-child{margin-top:0}.design-tabs{display:flex;gap:4px;overflow:auto;margin:-3px -3px 20px;padding-bottom:8px;border-bottom:1px solid var(--line)}.design-tabs button{border:0;background:transparent;padding:8px 10px;border-radius:6px;font-size:12px;white-space:nowrap}.design-tabs button.active{background:var(--green);color:white}.design-control-body{max-height:72vh;overflow:auto;padding-right:6px}.design-field{display:flex;flex-direction:column;gap:7px;margin:13px 0;font-size:12px}.design-field>span{font-weight:600}.design-field input,.design-field select,.design-field textarea,.design-add-section select{width:100%;border:1px solid var(--line);border-radius:7px;background:white;padding:10px;font-size:13px;color:var(--ink)}.design-field input[type=color]{padding:4px;height:40px}.design-field input[type=range]{padding:0;accent-color:var(--green)}.design-field textarea{resize:vertical;min-height:80px}.design-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.design-check{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;margin:13px 0}.design-check input{width:16px;height:16px;accent-color:var(--green)}.design-upload{display:inline-flex;position:relative;overflow:hidden;margin-bottom:8px}.design-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.design-image-framing{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 18px}.design-image-framing img{grid-column:1/-1;width:100%;height:130px;object-fit:cover;border:1px solid var(--line);border-radius:9px}.design-image-framing label{font-size:11px}.design-image-framing input{display:block;width:100%;accent-color:var(--green);margin-top:8px}.design-reset{font-size:11px;color:var(--muted);border:0;border-top:1px solid var(--line);background:transparent;width:100%;padding:17px 0 0;margin-top:18px;text-decoration:underline}.design-section-list{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:7px}.design-section-list li{border:1px solid var(--line);border-radius:9px;padding:8px;display:flex;gap:8px;align-items:center;cursor:grab}.design-section-list li.selected{border-color:var(--green);background:#a62e7508}.design-section-list li>button{flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:3px;font-size:12px}.design-section-list small{display:block;color:var(--muted);max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.design-section-list li>div{display:flex;gap:4px}.design-section-list .icon-btn{width:28px;height:30px}.design-add-section{display:flex;gap:6px;align-items:center}.design-add-section select{min-width:0;font-size:11px;padding:7px}.design-add-section .btn{white-space:normal;font-size:10px;padding:7px 9px}.design-controls hr{border:0;border-top:1px solid var(--line);margin:22px 0}.design-choice-list{max-height:250px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:6px 12px}.design-choice-list label[hidden]{display:none}.design-faq-item{padding:10px;border:1px solid var(--line);border-radius:9px;margin:12px 0}.design-history article{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;flex-direction:column;align-items:start;gap:10px}.design-history p{font-size:11px;color:var(--muted);margin-top:6px}.design-preview{position:sticky;top:15px;min-width:0;overflow:hidden}.design-preview-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;margin-bottom:12px}.design-preview-toolbar>div{display:flex;gap:3px;background:var(--paper);padding:3px;border-radius:7px}.design-preview-toolbar button{border:0;background:transparent;padding:7px;font-size:10px;border-radius:5px}.design-preview-toolbar button[aria-pressed=true]{background:var(--green);color:white}.design-preview-viewport{max-height:75vh;overflow:auto;background:#e7e4e0;padding:15px;border-radius:9px;margin-top:15px}.design-preview-surface{max-width:1100px;width:100%;min-height:400px;margin:auto;box-shadow:0 4px 20px #0001;container-type:inline-size}.design-preview-viewport[data-device=mobile] .design-preview-surface{max-width:390px}.design-preview-page{padding:0 24px}.design-preview-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.design-preview-header img{width:80px;height:52px;object-fit:contain}.design-preview-header span{font-size:10px}.design-preview-body .design-block{padding:25px 0}.design-preview-page footer{font-size:11px;padding:25px 0;border-top:1px solid var(--line)}.design-preview-body .design-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-preview-body .design-featured-card img{height:130px}.design-preview-body .design-block h2{font-size:30px;letter-spacing:-1px}.design-preview-body .design-hero{grid-template-columns:1fr 1fr;gap:18px}.design-preview-body .design-hero>img,.design-preview-body .design-color-art{height:230px}.design-preview-body .design-color-art{font-size:19px}.design-preview-body .design-color-art>span:first-child{font-size:55px}.design-preview-body .eyebrow{font-size:8px;letter-spacing:1px}.design-preview-body .design-block p{font-size:12px}.design-preview-body .btn{font-size:11px;padding:10px 12px}.design-pdf-sample{background:#fff;border:1px solid var(--line);padding:20px;font-family:Arial,sans-serif;font-size:10px;margin:20px 0}.design-pdf-sample header{border-bottom:3px solid var(--pdf-color);padding-bottom:12px;margin-bottom:15px}.design-pdf-sample h3{color:var(--pdf-color);font-size:17px;margin-top:6px}.design-pdf-sample table{font-size:9px;width:100%;margin:15px 0}.design-pdf-sample td,.design-pdf-sample th{padding:6px 3px}.design-pdf-sample p{font-size:9px;margin:15px 0}.design-themed [hidden]{display:none!important}
@container (max-width:480px){.design-preview-page{padding:0 17px}.design-preview-body .design-hero{grid-template-columns:1fr}.design-preview-body .design-hero>img,.design-preview-body .design-color-art{height:240px}.design-preview-header span{display:none}.design-preview-body .design-block h2{font-size:27px}.design-preview-body .design-banner{padding:24px!important}.design-preview-body .design-featured-grid{gap:12px}.design-preview-body .design-featured-card img{height:120px}}
@media(max-width:1100px){.design-studio-body{grid-template-columns:minmax(270px,340px) minmax(0,1fr)}.design-preview-toolbar{align-items:start;flex-direction:column}.design-studio-toolbar{align-items:start;flex-direction:column}.design-studio .panel{padding:17px}}
@media(max-width:800px){.design-studio-body{grid-template-columns:1fr}.design-control-body{max-height:none;overflow:visible}.design-preview{position:static}.design-preview-viewport{max-height:650px}.design-preview-toolbar{flex-direction:row;align-items:center}.design-toolbar-actions{width:100%}.design-toolbar-actions .btn{flex:1}.design-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-hero{grid-template-columns:1fr}.design-block{padding:25px 0}.design-banner{padding:25px!important}}
@media print{#print-area .print-head h2{color:var(--pdf-color,#a62e75)}#print-area .print-head{border-bottom:3px solid var(--pdf-color,#a62e75);padding-bottom:18px}#print-area .print-total{color:var(--pdf-color,#a62e75)}#print-area[data-pdf-template=color] th{background:var(--pdf-color,#a62e75);color:white;-webkit-print-color-adjust:exact;print-color-adjust:exact}#print-area[data-pdf-template=color] .print-head{border-top:10px solid var(--pdf-accent,#e98f3d);padding-top:15px}#print-area[data-pdf-template=minimal] .print-head{border-bottom:1px solid #333}#print-area[data-pdf-template=minimal] .print-head h2{color:#222}}
