.studio{max-width:1880px;margin:24px auto 70px;padding:0 24px;color:#252331}.studio button,.studio label,.studio input,.studio select,.studio textarea{font-family:inherit}.studio button{cursor:pointer}.studio-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;background:#fff;border:1px solid #e9e6f0;border-radius:20px 20px 0 0}.studio-back{font-size:14px;font-weight:750;display:flex;gap:8px;align-items:center}.studio-bar small{display:block;font-size:11px;color:#797482;margin:7px 0 0 25px}.studio-actions{display:flex;gap:7px;align-items:center}.studio-quiet{background:#f4f2f8!important;border:1px solid #e9e5f0!important;color:#494151!important;font-size:12px!important;padding:12px 16px!important;min-height:42px;cursor:pointer}.file-button{position:relative;overflow:hidden}.file-button input,.studio-add label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.studio-workspace{display:grid;grid-template-columns:225px minmax(280px,1fr) 256px;border:1px solid #e9e6f0;border-top:0;border-radius:0 0 20px 20px;overflow:hidden;min-height:740px;background:#fff}.studio-panel{padding:24px 17px;background:#fff;min-width:0}.studio-left{border-right:1px solid #e9e6f0}.studio-right{border-left:1px solid #e9e6f0}.studio-panel .eyebrow{font-size:9px;letter-spacing:.13em;color:#847593}.studio-panel h2{font-size:16px;margin:14px 0}.studio-help{font-size:11px!important;line-height:1.65!important;color:#88818f!important;font-weight:400!important}.studio-add{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 26px}.studio-add button,.studio-add label{border:1px solid #eeeaf3;background:#faf9fc;border-radius:12px;min-height:75px;text-align:center;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;cursor:pointer}.studio-add b{font-size:24px;line-height:1;font-weight:600;color:#7850d4}.studio-add button:hover,.studio-add label:hover{background:#efe9ff;border-color:#cbb9f2}.studio-panel-title{display:flex;align-items:center;justify-content:space-between}.studio-panel-title span{font-size:11px;background:#f2eef9;padding:4px 8px;border-radius:6px}.studio-layers{max-height:360px;overflow:auto;margin-top:15px;display:grid;gap:4px}.studio-layer{display:flex;border:1px solid transparent;border-radius:8px;min-height:36px;background:#faf9fc}.studio-layer.selected{border-color:#b59beb;background:#eee7fc}.studio-layer button{border:0;background:none;color:#62556f;font-size:11px;text-align:left}.layer-select{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px}.layer-visibility{width:30px;text-align:center!important}.layer-hidden{opacity:.5}.studio-brand{border-top:1px solid #eee9f4;margin-top:22px;padding-top:18px;font-size:12px}.studio-brand summary{font-weight:700;cursor:pointer;margin-bottom:14px}.studio-brand label{display:flex!important;align-items:center;justify-content:space-between}.studio-brand input[type=color]{width:42px!important;height:28px!important;padding:2px!important}.studio-reset{font-size:11px;background:none;border:0;margin-top:16px}.studio-canvas-column{background:radial-gradient(#d8d3e0 .75px,transparent .75px) 0 0/14px 14px,#f1eef5;min-width:0;display:flex;flex-direction:column}.studio-stage{overflow:auto;flex:1;display:flex;align-items:flex-start;justify-content:flex-start;padding:38px;min-height:580px;max-height:calc(100vh - 190px)}#design-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:min(74vh,880px);margin:auto;box-shadow:0 16px 40px #24163525;touch-action:none;outline:none}#design-canvas:focus-visible{outline:3px solid #a884ec;outline-offset:7px}.studio-bottom{padding:12px 18px;border-top:1px solid #e3ddea;background:#f9f7fb;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#796e87}.studio-bottom label{display:flex;align-items:center;gap:7px}.studio-bottom select{border:1px solid #dfd7e9;border-radius:7px;padding:6px;background:#fff;font-size:10px}.studio-notice{font-size:11px;color:#685480;margin:0;padding:0 18px 10px;min-height:10px;background:#f9f7fb}.studio-panel label,.studio-export-card label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;margin-bottom:14px}.studio-panel input,.studio-panel select,.studio-panel textarea,.studio-export-card select{width:100%;max-width:100%;padding:9px 10px;border:1px solid #e5dfed;border-radius:8px;background:#fdfcfe;color:#3e3449;min-height:36px;font-size:12px}.studio-panel textarea{resize:vertical;line-height:1.6}.studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.studio-panel input[type=color]{height:36px;padding:4px;cursor:pointer}.studio-panel input[type=range]{padding:0;accent-color:#8051dc}.studio-check{flex-direction:row!important;align-items:center;gap:8px!important}.studio-check input{width:15px!important;min-height:15px;accent-color:#8051dc}.studio-order{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:12px;border-top:1px solid #eee8f3}.studio-order button{font-size:10px;padding:10px 4px;border:1px solid #e9e3f0;border-radius:8px;background:#f9f7fc;color:#655671}.studio-local{margin-top:25px!important;padding-top:18px;border-top:1px solid #eee9f4}.studio button:disabled,.studio input:disabled,.studio select:disabled,.studio textarea:disabled{opacity:.45;cursor:default}.studio-export{position:fixed;inset:0;background:#18102589;z-index:200;display:grid;place-items:center;padding:24px;backdrop-filter:blur(10px)}.studio-export-card{position:relative;max-width:440px;width:100%;padding:40px;border-radius:25px;background:#fff;box-shadow:0 30px 120px #120b2855}.studio-export-card h2{font-size:30px;letter-spacing:-1.2px;line-height:1.1;margin:20px 0 30px}.studio-export-card>.button{width:100%;margin:8px 0}.export-close{position:absolute;right:14px;top:14px;font-size:24px}.studio [hidden],.studio-export[hidden],.studio-export [hidden]{display:none!important}
@media(min-width:1600px){.studio-workspace{grid-template-columns:250px minmax(280px,1fr) 280px}.studio-stage{padding:48px}}
@media(max-width:1120px){.studio{padding:0 12px}.studio-workspace{grid-template-columns:180px minmax(220px,1fr) 220px}.studio-panel{padding:18px 12px}.studio-bar{padding:16px;align-items:flex-start}.studio-actions{flex-wrap:wrap;justify-content:flex-end}.studio-stage{padding:22px}.studio-bottom>span:last-child{display:none}.studio-actions .button{font-size:11px!important;padding:10px!important}}
@media(max-width:800px){.studio-bar{flex-direction:column;gap:16px}.studio-actions{justify-content:flex-start;width:100%}.studio-workspace{grid-template-columns:1fr 1fr;min-height:0}.studio-canvas-column{grid-column:1/-1;grid-row:1}.studio-stage{max-height:none;min-height:320px;padding:26px;max-width:100%;height:68vh}.studio-left{grid-column:1;grid-row:2;border-right:1px solid #e9e6f0}.studio-right{grid-column:2;grid-row:2;border-left:0}.studio-layers{max-height:260px}.studio-panel{padding:20px 14px}.studio-export-card{padding:32px 25px}.studio-add{margin-top:15px}.studio-stage #design-canvas{max-height:60vh}.studio-bar small{margin-left:0}}
@media(prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto!important;transition:none!important}}
/* Studio 08 */
.studio-premium-banner{padding:13px 22px;background:linear-gradient(90deg,#39233f,#61415d);color:#e8cddd;font-size:11px;line-height:1.7}.studio-premium-banner a{color:#f3d09e;margin-left:10px;text-decoration:underline}.background-open{width:100%;display:flex;align-items:center;gap:10px;padding:14px 10px;border:1px solid #d7c6ec;border-radius:12px;margin:0 0 20px;color:#785098;background:linear-gradient(120deg,#f7f2fc,#ebe0f6);text-align:left}.background-open>b{font-size:11px;flex:1}.background-open small{display:block;font-size:9px;color:#aa8cb8;font-weight:400;margin-top:4px}.background-open>span:first-child{font-size:22px}.studio-align{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:20px}.studio-align>span{grid-column:1/-1;font-size:10px;color:#9b86aa;margin-bottom:5px}.studio-align button{padding:6px;background:#f7f2fb;border:1px solid #e8def1;color:#8e6caa;border-radius:7px;font-size:17px}.studio-snap{font-size:10px;white-space:nowrap}.studio-snap input{width:13px;height:13px;accent-color:#8f64b3}.background-dialog{width:min(1040px,100%);max-height:90vh;overflow:auto;background:#fff;padding:32px;border-radius:25px;box-shadow:0 35px 100px #20103344}.background-dialog>header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.background-dialog h2{font-size:29px;letter-spacing:-1.2px;margin:12px 0 24px}.background-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.background-controls>button{padding:12px 17px;border-radius:9px;border:1px solid #e4d9ed;background:#f9f5fc;color:#9274a7;font-size:12px}.background-controls>button.selected{background:#4b305d;border-color:#4b305d;color:#fff}.background-controls label{font-size:0;margin-left:auto}.background-controls input{padding:12px;border:1px solid #e4d9ed;border-radius:9px;width:250px;font-size:12px}.background-dialog>p{font-size:11px;color:#a089ae}.background-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.background-item{padding:0;border:1px solid #ebe1f2;background:#faf7fc;border-radius:12px;overflow:hidden;text-align:left}.background-item img{width:100%;aspect-ratio:3/4;object-fit:cover}.background-item span{display:block;padding:9px;font-size:10px;color:#876398}.background-item:hover{outline:2px solid #a277c2;outline-offset:2px}.background-dialog footer{display:flex;gap:20px;align-items:center;justify-content:center;margin:25px 0 15px}
@media(max-width:700px){.background-dialog{padding:22px;max-height:92vh}.background-dialog h2{font-size:24px}.background-grid{grid-template-columns:repeat(3,1fr);gap:8px}.background-controls>button{font-size:10px;padding:10px}.background-controls label{margin:0;width:100%}.background-controls input{width:100%}.background-dialog footer{flex-direction:column;gap:13px}.studio-premium-banner{font-size:10px;padding:12px 16px}}
/* Workspace 09 */
.studio-bar{align-items:flex-start;gap:14px}.studio-bar>div:first-child{min-width:230px;max-width:380px}.studio-actions{flex-wrap:wrap;justify-content:flex-end;max-width:720px}.project-name-label{display:block;font-size:0;margin:7px 0 0 25px}.project-name-label input{border:0;border-bottom:1px solid #e9e0f1;padding:5px 0;background:none;font:12px Manrope,sans-serif;color:#735b8c;width:100%}.studio .project-name-label input:focus{outline-offset:2px}.canvas-toolbar{padding:13px 18px;background:#faf8fd;border-bottom:1px solid #e4ddec;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#9c89ad;font-size:9px}.canvas-toolbar>span{margin-right:auto;letter-spacing:.15em}.canvas-toolbar label{display:flex;align-items:center;gap:6px}.canvas-toolbar input{accent-color:#8456bc}.canvas-toolbar button{background:none;border:0;font:10px Manrope,sans-serif;color:#9275a8}.studio-align{margin-top:20px}.brand-kit .button{width:100%;font-size:10px!important}.brand-kit label{gap:10px!important}.brand-kit label>input:not([type=color]),.brand-kit select{max-width:115px;font-size:10px}.brand-swatches{display:flex;gap:5px;margin:12px 0}.brand-swatches button{flex:1;padding:9px 4px;font-size:9px;border:1px solid #e1d7ee;background:#f5effc;border-radius:6px;color:#7d5b97}.studio-left>#select-all{font-size:10px;background:none;border:0;color:#987cae}.studio-layers{margin-top:12px}.studio-check{font-size:10px!important}.studio-right #multi-summary{margin-top:0}.studio-order button:hover,.brand-swatches button:hover{background:#eee4fa;border-color:#c6afdf}#multi-properties .studio-order{padding:12px 0}.studio [aria-pressed=true]{font-weight:700}
@media(max-width:800px){.studio-bar>div:first-child{max-width:none;width:100%}.project-name-label{margin-left:0}.studio-actions{justify-content:flex-start;gap:6px}.studio-actions .button{font-size:10px!important;padding:10px!important}.canvas-toolbar{padding:12px;gap:12px}.canvas-toolbar>span{display:none}}
@media(max-width:420px){.studio-workspace{grid-template-columns:1fr}.studio-left{grid-row:2;grid-column:1;border:0;border-bottom:1px solid #e9e1f1}.studio-right{grid-row:3;grid-column:1}.studio-layers{max-height:190px}.studio-bottom{flex-wrap:wrap}.studio-bar{padding:14px}.studio-stage{padding:18px}}
.studio-qr-tools label{display:flex!important;flex-direction:column;align-items:stretch!important;gap:7px!important}.studio-qr-tools .button{width:100%;font-size:10px!important}.studio-qr-tools .text-link{border:0;background:none;font:10px Manrope,sans-serif;margin:12px 0;color:#8a65a4}.studio-qr-tools label[hidden]{display:none!important}.studio-qr-tools label input{width:100%!important;height:auto!important}