[hidden]{display:none!important}.studio-page .quote-heading h1{font-size:clamp(36px,4vw,58px)}.studio-page .quote-heading>p{max-width:300px}.studio{border:1px solid #d5d9ce;border-radius:8px;overflow:hidden;background:#faf9f5}.studio button{transition:background .15s}.studio button:disabled{cursor:default;opacity:.38}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line)}.studio-topbar>div:first-child{display:flex;align-items:center;gap:10px}.studio-topbar strong{font-size:12px;font-weight:500}.studio-dot{width:8px;height:8px;border-radius:50%;background:#7a9172}.studio-version{font-size:7px;letter-spacing:.12em;color:#82867b;padding-left:8px}.studio-file-actions{display:flex;gap:18px}.studio-file-actions button{font-size:10px;background:none;padding:4px 0}.studio-toolbar{display:flex;gap:4px;padding:9px 17px;align-items:center;border-bottom:1px solid var(--line);background:#f0f0e9}.studio-toolbar>button{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:10px;border-radius:4px;background:transparent}.studio-toolbar>button>span{font-size:17px;line-height:1}.studio-toolbar>button[aria-pressed=true]{background:var(--ink);color:white}.studio-toolbar>button:hover:not([aria-pressed=true]){background:#dfe4d7}.studio-history{margin-left:auto;display:flex;gap:5px}.studio-history button{background:transparent;font-size:21px;min-width:32px;min-height:32px;border-radius:4px}.studio-workspace{display:grid;grid-template-columns:180px minmax(0,1fr) 235px;min-height:520px}.studio-parts{padding:20px 14px;min-width:0;border-right:1px solid var(--line)}.studio-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#687260;margin-bottom:17px;font-weight:600}.studio-label>span{font-size:9px;letter-spacing:0;color:var(--muted)}.parts-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.part-row{display:flex;align-items:center;gap:7px;text-align:left;padding:10px 9px;font-size:11px;border:1px solid transparent;background:#efeee8;border-radius:4px;min-width:0;width:100%}.part-row>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.part-row small{font-size:8px;color:var(--muted)}.part-row[aria-pressed=true]{border-color:#9aa791;background:#e1e7d9}.part-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0;border:1px solid #0002}.studio-import{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;border:1px dashed #a7b09e;border-radius:4px;padding:13px 8px;margin-top:16px;cursor:pointer;background:transparent}.studio-import .icon{width:14px;height:14px}.studio-import input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.studio-import:focus-within{outline:2px solid var(--coral)}.studio-hint{font-size:10px;line-height:1.65;color:#777d73;margin:12px 0}.part-actions{display:flex;justify-content:space-between;gap:5px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.part-actions button{padding:5px 0;background:transparent;font-size:10px;color:var(--muted)}.studio-viewport{position:relative;min-width:0;height:540px;background:#e6eadd;overflow:hidden}.studio-viewport canvas{width:100%;height:100%;display:block;touch-action:none}.studio-viewport.is-dragging{outline:3px dashed var(--coral);outline-offset:-5px}.studio-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#e6eaddaa,#e6eadddd);padding:20px}.empty-cube{font-size:78px;line-height:1;color:#8c9c7c;font-weight:200;margin-bottom:16px}.studio-empty h2{font-size:32px;margin-bottom:12px}.studio-empty p{font-size:12px;color:#718069;line-height:1.8;margin-bottom:20px}.studio-empty .btn{font-size:11px;min-height:43px;padding:13px 21px}.studio-empty .text-button{font-size:10px;margin-top:15px}.studio-view-actions{position:absolute;left:15px;bottom:15px;display:flex;gap:6px}.studio-view-actions button{background:#f9faf3dd;border:1px solid #c8cfbc;border-radius:4px;font-size:9px;padding:7px 10px;backdrop-filter:blur(5px)}.studio-axis-key{position:absolute;right:15px;bottom:21px;font-size:8px;color:#7a8470}.studio-axis-key i{font-style:normal;margin-right:4px}.studio-axis-key i:first-child{color:#b25943}.studio-axis-key i:nth-child(2){color:#73915e}.studio-axis-key i:nth-child(3){color:#547e9b}.studio-properties{padding:20px 17px;border-left:1px solid var(--line);min-width:0;max-height:540px;overflow:auto}.studio-properties label{display:flex;flex-direction:column;font-size:10px;gap:6px;margin-bottom:12px;line-height:1.5}.studio-properties input:not([type=range]):not([type=color]),.studio-properties select{font-size:11px;padding:8px 9px;min-height:34px;width:100%;background:#fffef9;border:1px solid #d4d9cb;border-radius:3px}.studio-properties input[type=range]{width:100%;min-height:20px;accent-color:#6a805f;padding:0}.studio-size{border-block:1px solid var(--line);padding:11px 0;margin:14px 0;display:flex;flex-direction:column;gap:4px}.studio-size>span{font-size:8px;color:var(--muted)}.studio-size>strong{font-size:12px;font-weight:500}.studio-action{font-size:10px;line-height:1.5;min-height:35px;background:#e0e6d8;border:1px solid #cbd4c0;width:100%;border-radius:3px;padding:8px;margin-bottom:7px}.studio-action:hover{background:#cfd9c4}.studio-action.secondary{background:transparent;color:#6d7962;border:0;margin-top:8px}.axis-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.axis-inputs input{padding:7px 4px!important;font-size:10px!important}.studio-color-section{border-top:1px solid var(--line);margin-top:12px;padding-top:19px}.studio-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}.color-swatch{aspect-ratio:1.2;border-radius:4px;font-size:9px;position:relative;box-shadow:inset 0 0 0 1px #0002;color:#fff;text-shadow:0 1px 2px #000a}.color-swatch[aria-pressed=true]{outline:2px solid #536445;outline-offset:2px}.custom-color-label{flex-direction:row!important;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px!important}.custom-color-label input{width:32px;min-height:25px;height:25px;padding:0;background:transparent;border:0}.studio-statusbar{display:flex;justify-content:space-between;gap:20px;padding:12px 17px;border-top:1px solid var(--line);font-size:9px;color:#707a65;line-height:1.6;min-height:41px}.studio-statusbar>span:last-child{white-space:nowrap;font-size:8px}.studio-statusbar .is-error{color:#b14335}.studio-quote-bottom{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:50px;padding-bottom:20px;max-width:1080px;margin-inline:auto}.studio-quote-intro h2{font-size:42px;margin:17px 0 20px}.studio-quote-intro>p{font-size:13px;max-width:360px}.studio-quote-intro>.helper{font-size:11px;margin-top:28px}.studio-quote-options .helper{font-size:10px;margin-top:16px}.studio-quote-options .form-grid{gap:20px}.studio-quote-options .alert{font-size:12px}.quote-colors{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.quote-colors>span{display:block;width:26px;height:26px;border-radius:4px;border:1px solid #0002}.project-parts-list{list-style:none;padding:0;margin:12px 0 23px;display:flex;gap:10px;flex-wrap:wrap}.project-parts-list li{padding:7px 12px;background:#ecefe4;border-radius:4px;font-size:12px}.project-downloads{display:flex;gap:12px;flex-wrap:wrap;margin-block:16px}.project-downloads .btn{font-size:12px}.studio-file-actions button:hover{text-decoration:underline}
@media(max-width:1150px){.studio-workspace{grid-template-columns:155px minmax(0,1fr) 210px}.studio-parts{padding:18px 10px}.studio-properties{padding:18px 13px}.studio-toolbar>button{padding:9px 10px;gap:5px}.studio-quote-bottom{gap:50px}.studio-axis-key{display:none}}
@media(max-width:900px){.studio-workspace{grid-template-columns:minmax(0,1fr) 220px}.studio-parts{grid-column:1/-1;display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:12px}.studio-parts>.studio-label{margin:0}.studio-parts>.studio-hint{display:none}.parts-list{flex:1;flex-direction:row;max-height:85px;min-width:120px;overflow:auto}.part-row{width:140px;flex-shrink:0}.studio-import{margin:0;padding:10px}.part-actions{padding:0;margin:0;border:0;gap:15px}.studio-viewport{height:490px}.studio-properties{max-height:490px}.studio-version{display:none}.studio-quote-bottom{gap:30px}.studio-toolbar{padding-inline:10px}.studio-toolbar>button{font-size:9px}.studio-toolbar>button>span{font-size:15px}}
@media(max-width:600px){.studio-page .quote-heading{margin-bottom:25px}.studio-page .quote-heading h1{font-size:36px}.studio-page .quote-heading>p{max-width:320px;font-size:12px}.studio-topbar{padding:14px 12px;flex-wrap:wrap;gap:10px}.studio-topbar strong{font-size:11px}.studio-file-actions{gap:15px}.studio-file-actions button{font-size:9px}.studio-toolbar{gap:2px;padding:8px;flex-wrap:wrap}.studio-toolbar>button{flex-direction:column;gap:5px;padding:8px 9px;font-size:8px;min-width:43px}.studio-toolbar>button>span{font-size:18px}.studio-history{width:100%;justify-content:end;border-top:1px solid var(--line);margin-top:5px;padding-top:3px}.studio-history button{font-size:20px;min-height:24px}.studio-workspace{grid-template-columns:1fr}.studio-parts{gap:10px}.studio-parts>.studio-label{width:100%;margin:0}.parts-list{order:2;flex:0 0 100%;min-height:0}.parts-list:empty{display:none}.studio-import{font-size:10px;padding:10px 13px}.part-actions{margin-left:auto}.studio-viewport{height:340px}.studio-properties{border-left:0;border-top:1px solid var(--line);padding:19px;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.studio-properties>.studio-label,.studio-properties>[data-tool-panel],.studio-color-section{grid-column:1/-1}.studio-properties>.studio-size{margin:0 0 10px;justify-content:center;padding:8px 0}.studio-properties>label{font-size:9px}.studio-properties>.studio-action{grid-column:1/-1}.studio-properties .studio-hint{font-size:10px}.studio-palette{grid-template-columns:repeat(8,1fr);gap:6px}.color-swatch{aspect-ratio:1;min-height:25px}.studio-empty h2{font-size:30px}.empty-cube{font-size:54px;margin-bottom:14px}.studio-empty p{font-size:11px;margin-bottom:15px}.studio-statusbar{flex-direction:column;gap:5px;padding:12px;font-size:9px}.studio-statusbar>span:last-child{font-size:8px}.studio-quote-bottom{grid-template-columns:1fr;gap:14px;margin-top:35px}.studio-quote-intro h2{font-size:36px;margin:14px 0 17px}.studio-quote-intro>.helper{margin-top:15px}.studio-quote-options .form-grid{grid-template-columns:1fr 1fr;gap:15px}.studio-quote-options .span-two{grid-column:1/-1}.studio-quote-options label{font-size:11px}}
