.studio-body{background:#e9ece2}.studio-header{display:flex;align-items:center;gap:25px;background:var(--ink);color:var(--paper);padding:17px 34px;min-height:82px}.studio-header .wordmark{font-size:24px}.studio-breadcrumb{font-size:8px;letter-spacing:1.5px;color:#829276}.studio-header-actions{display:flex;gap:26px;align-items:center;margin-left:auto}.back-link{font-size:10px;color:#b7c0ae}.studio-header .button{font-size:10px;padding-left:17px;min-height:47px;gap:20px}.studio-header .button-icon{width:29px;height:29px}.studio-main{width:min(1600px,calc(100% - 68px));margin:auto}.studio-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:35px 0 27px}.studio-title-row .eyebrow{font-size:7px;letter-spacing:1.3px;color:#748368}.studio-title-row h1{font-size:49px;letter-spacing:-2.5px;font-weight:500;margin-top:12px;line-height:1.05}.studio-title-row h1 em{font-family:var(--serif);font-weight:400}.studio-title-row>p{font-size:11px;line-height:1.8;text-align:right;color:#53634a}.studio-title-row>p>span{font-size:9px;color:#8a967f}.studio-workspace{display:grid;grid-template-columns:240px minmax(250px,1fr) 260px;gap:23px;align-items:start}.studio-panel{background:#f7f8f3;border:1px solid #d5dccb;padding:21px 18px}.panel-label{font-size:7px;letter-spacing:1.1px;color:#8b9581;display:flex;justify-content:space-between;gap:10px}.studio-panel h2{font-size:18px;letter-spacing:-.6px;font-weight:500;margin:12px 0 18px}.look-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.look-button{padding:0;overflow:hidden;text-align:left;background:#e9ece2;border:1px solid #d8dfd0;position:relative;transition:border-color .2s,background .2s;border-radius:3px}.look-button:hover{background:#e0e6d5}.look-button[aria-pressed=true]{background:#d3f481;border-color:#647c37;box-shadow:0 0 0 1px #647c37}.look-button[aria-pressed=true]:after{content:'✓';position:absolute;right:5px;top:5px;background:var(--ink);color:var(--lime);border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:9px}.look-button img{width:100%;height:100px;object-fit:contain;object-position:bottom;padding-top:7px}.look-button span{display:block;padding:7px 8px 9px;background:#f7f8f3;font-size:9px;line-height:1.4}.look-button small{display:block;font-size:7px;color:#8b9581;margin-top:1px}.panel-section{margin-top:23px;padding-top:20px;border-top:1px solid #dce2d4}.control-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#637058;margin:15px 0 9px}.control-label:first-child{margin-top:0}.control-label output{font-size:8px;color:#91a07f}input[type=range]{width:100%;accent-color:#556f2a;height:4px;display:block;margin:12px 0 17px;cursor:pointer}.small-actions{display:flex;gap:9px;margin-top:21px}.small-actions button{flex:1;background:#edf1e6;border:1px solid #d7dfcb;padding:9px 7px;font-size:9px}.small-actions button[aria-pressed=true]{background:var(--lime);border-color:#a1bd46}.panel-tip{font-size:8px;line-height:1.8;color:#94a087;margin-top:19px}.canvas-column{min-width:0;position:sticky;top:20px}.canvas-toolbar{display:flex;align-items:center;gap:14px;justify-content:space-between;min-height:41px;margin-bottom:15px}.format-options{display:flex;background:#dce3d2;padding:3px;border-radius:3px}.format-options button{background:transparent;color:#7c8a6f;padding:7px 11px;font-size:9px;border-radius:2px}.format-options button[aria-pressed=true]{background:var(--ink);color:var(--lime)}#canvas-dimensions{font-size:8px;color:#859277;letter-spacing:.5px}#reset-button{font-size:9px;color:#6e7b61;background:transparent;padding:8px 0}.canvas-stage{min-height:360px;display:flex;align-items:center;justify-content:center;background:#dce2d4;padding:20px;border:1px solid #d4dcc9}.canvas-shell{width:100%;position:relative;box-shadow:0 15px 35px #14220015;background-color:#f9faf6;background-image:linear-gradient(45deg,#e2e6db 25%,transparent 25%),linear-gradient(-45deg,#e2e6db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e6db 75%),linear-gradient(-45deg,transparent 75%,#e2e6db 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-shell canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.canvas-shell canvas.dragging{cursor:grabbing}.canvas-loading{position:absolute;inset:0;background:#f2f5e9e8;display:grid;place-items:center;font-size:11px;min-height:120px;padding:15px;text-align:center}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:6px;letter-spacing:1px;color:#91a07f;margin-top:16px}.preview-caption>span:first-child{display:flex;align-items:center;gap:6px;color:#677c4c}.preview-caption .status-dot{width:4px;height:4px}.studio-message{font-size:9px;color:#718362;line-height:1.6;min-height:35px;padding-top:13px}.studio-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.studio-note>span{font-size:33px;color:#83956d}.studio-note p{font-size:8px;color:#859576;line-height:1.7}.studio-note strong{font-weight:400;color:#a0ac94}.field-label{display:block;font-size:9px;color:#6f7c63;margin:16px 0 7px}.studio-panel select,.studio-panel input[type=text]{width:100%;padding:10px 11px;border:1px solid #d5deca;background:#fdfefb;color:#3b4a30;font-size:10px;border-radius:2px;min-height:37px}.color-palette{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.color-swatch{width:23px;height:23px;border:1px solid #a5ae98;border-radius:50%;padding:0}.color-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.color-controls{display:flex;gap:12px;margin-top:14px}.color-controls>label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;font-size:8px;color:#849476}input[type=color]{height:28px;width:31px;padding:0;background:transparent;border:1px solid #c9d2bd;cursor:pointer}.upload-button{display:block;background:#edf1e7;border:1px dashed #bdcaad;text-align:center;padding:11px 8px;font-size:9px;margin-top:17px;cursor:pointer}.upload-button:hover{background:#e2ead6}.upload-state{font-size:7px;color:#96a18a;line-height:1.6;margin-top:8px;overflow-wrap:anywhere}.remove-upload{font-size:8px;background:transparent;color:#7c5f46;padding:9px 0 0;text-decoration:underline}.two-fields{display:grid;grid-template-columns:1fr 64px;gap:12px}.text-color-label{font-size:8px;display:flex;flex-direction:column;gap:9px;margin-top:17px;color:#6f7c63}.text-color-label input{height:34px;width:100%}.check-row{display:flex;gap:9px;align-items:center;font-size:9px;color:#79866e;margin-top:15px}.check-row input{accent-color:#617d3b;width:13px;height:13px;margin:0}.studio-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #d3dcc6;margin-top:30px;padding:22px 0 27px;font-size:8px;color:#80916e}.studio-footer>a{font-size:8px;color:#536747}.mobile-export{display:none}.export-button:disabled{opacity:.45}.studio-noscript{padding:30px;text-align:center}
@media(max-width:1200px){.studio-main{width:calc(100% - 40px)}.studio-header{padding-inline:23px}.studio-workspace{grid-template-columns:200px minmax(240px,1fr) 225px;gap:17px}.studio-panel{padding:18px 14px}.look-button img{height:88px}.look-button span{font-size:8px;padding:7px}.canvas-stage{padding:12px;min-height:320px}.canvas-toolbar{gap:8px}.format-options button{padding:7px 9px;font-size:8px}.studio-breadcrumb{font-size:7px}.studio-title-row h1{font-size:45px}}
@media(max-width:980px){.studio-workspace{grid-template-columns:210px minmax(250px,1fr)}.canvas-column{grid-column:2;grid-row:1;position:sticky;top:20px}.look-panel{grid-column:1;grid-row:1}.design-panel{grid-column:1;grid-row:2}.canvas-column{grid-row:1/3}.studio-breadcrumb{display:none}.canvas-stage{min-height:370px;padding:17px}.look-button img{height:95px}.studio-title-row>p{font-size:10px}.studio-header-actions{gap:20px}}
@media(max-width:620px){.studio-header{padding:13px 17px;min-height:71px;gap:12px;flex-wrap:wrap}.studio-header .wordmark{font-size:22px}.studio-header .brand-mark{font-size:25px}.studio-header-actions{gap:0}.back-link{display:none}.studio-header .button{font-size:8px;padding:5px 5px 5px 10px;gap:10px;min-height:40px}.studio-header .button-icon{width:27px;height:27px;font-size:18px}.studio-main{width:calc(100% - 32px)}.studio-title-row{padding:29px 0 23px;display:block}.studio-title-row .eyebrow{font-size:6px;letter-spacing:.9px}.studio-title-row h1{font-size:42px;margin-top:11px}.studio-title-row>p{font-size:10px;text-align:left;margin-top:15px}.studio-title-row>p>span{font-size:8px}.studio-workspace{grid-template-columns:1fr;gap:20px}.canvas-column{grid-column:1;grid-row:1;position:static}.canvas-toolbar{margin-bottom:12px;min-height:33px}.format-options button{padding:7px 13px;font-size:9px}.canvas-stage{min-height:0;padding:12px}.canvas-shell{max-width:480px}.preview-caption{margin-top:13px;font-size:5px;letter-spacing:.7px}.studio-message{font-size:9px;padding-top:10px;min-height:30px}.studio-note{display:none}.look-panel{grid-column:1;grid-row:2}.design-panel{grid-column:1;grid-row:3}.studio-panel{padding:22px 18px}.studio-panel h2{font-size:21px}.look-options{grid-template-columns:repeat(3,1fr);gap:10px}.look-button img{height:115px}.look-button span{font-size:9px;padding:8px}.look-button small{font-size:7px}.control-label{font-size:10px}.panel-tip{font-size:9px}.small-actions button{font-size:11px;padding:11px}.panel-label{font-size:7px}.studio-panel input[type=text],.studio-panel select{font-size:12px;padding:12px;min-height:42px}.field-label{font-size:10px}.color-palette{gap:12px}.color-swatch{width:29px;height:29px}.color-controls label{font-size:10px}.color-controls input{width:45px;height:33px}.upload-button{font-size:11px;padding:14px}.upload-state{font-size:8px}.check-row{font-size:11px;margin-top:19px}.check-row input{width:15px;height:15px}.two-fields{grid-template-columns:1fr 85px}.text-color-label{font-size:10px}.text-color-label input{height:40px}.mobile-export{display:flex;width:100%;min-height:47px;font-size:11px;margin:10px 0 0}.studio-footer{display:block;font-size:7px;line-height:1.8;margin-top:23px;padding-block:23px}.studio-footer>span{display:block;margin:12px 0}.studio-footer>a{font-size:8px}}