.studio-shell{grid-template-columns:260px minmax(0,1fr) 300px;gap:.9rem;min-height:76vh;display:grid}.studio-panel,.studio-workspace{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#f8fafcf5,#f1f5f9e0);border:0;border-radius:2rem;box-shadow:0 24px 70px #0f172a1a}.dark .studio-panel,.dark .studio-workspace{background:linear-gradient(145deg,#0f172ae6,#1e293bc7);box-shadow:0 28px 90px #02061794}.studio-panel{padding:1rem;overflow:auto}.studio-panel-head{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.studio-panel-head h2{letter-spacing:.16em;text-transform:uppercase;color:#64748b;margin:0;font-size:.72rem;font-weight:900}.dark .studio-panel-head h2{color:#94a3b8}.studio-tool-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.studio-tool,.studio-icon-button{color:#475569;cursor:pointer;background:#f9fafbe0;border:1px solid #94a3b838;border-radius:.95rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #0f172a0d}.studio-tool{aspect-ratio:1;width:100%;height:auto}.studio-tool:before,.studio-icon-button:before{content:"";opacity:0;background:linear-gradient(135deg,#06b6d41f,#2563eb14);transition:opacity .16s;position:absolute;inset:0}.dark .studio-tool,.dark .studio-icon-button{color:#cbd5e1;background:#1f2937db;border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #0000002e}.studio-tool:hover,.studio-icon-button:hover{color:#0891b2;background:#ecfeffd1;border-color:#06b6d480;transform:translateY(-1px);box-shadow:0 0 0 1px #06b6d41f,0 12px 28px #06b6d41f}.dark .studio-tool:hover,.dark .studio-icon-button:hover{color:#67e8f9;background:#082f4957;box-shadow:0 0 0 1px #22d3ee1f,0 12px 30px #06b6d426}.studio-tool:hover:before,.studio-icon-button:hover:before{opacity:1}.studio-tool.active{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb);border-color:#06b6d494;transform:translateY(-1px);box-shadow:0 14px 30px #06b6d43d}.studio-tool.active:before{opacity:0}.studio-tool:focus-visible,.studio-icon-button:focus-visible,.studio-button:focus-visible{outline:none;box-shadow:0 0 0 3px #06b6d447,0 12px 28px #06b6d424}.studio-icon-button.danger:hover{color:#fff;background:linear-gradient(135deg,#f43f5e,#dc2626);border-color:#ef444473;box-shadow:0 12px 28px #ef444438}.studio-tool svg,.studio-icon-button svg,.studio-button svg{z-index:1;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem;position:relative}.studio-grid-picker{position:relative}.studio-grid-menu{z-index:30;backdrop-filter:blur(18px);background:#f8fafcf5;border:1px solid #94a3b838;border-radius:1rem;max-height:21rem;padding:.55rem;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow:auto;box-shadow:0 18px 44px #0f172a29}.dark .studio-grid-menu{background:#0f172af5;border-color:#ffffff14;box-shadow:0 18px 44px #00000057}.studio-grid-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.studio-grid-preset{cursor:pointer;background:#f9fafbe0;border:1px solid #94a3b838;border-radius:.95rem;min-height:4rem;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #0f172a0d}.studio-grid-preset:hover{background:#ecfeffd1;border-color:#06b6d480;transform:translateY(-1px);box-shadow:0 0 0 1px #06b6d41f,0 12px 28px #06b6d41f}.dark .studio-grid-preset{background:#1f2937db;border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #0000002e}.dark .studio-grid-preset:hover{background:#082f4957;box-shadow:0 0 0 1px #22d3ee1f,0 12px 30px #06b6d426}.studio-grid-preview{gap:.18rem;display:grid;position:absolute;inset:.45rem}.studio-grid-preview span{background:linear-gradient(0deg,#84a80a 0 20%,#b8d95a 20% 30%,#0000 30%),linear-gradient(#dff6ff 0%,#b9eafb 100%);border-radius:.28rem;min-width:0;min-height:0;box-shadow:inset 0 0 0 1px #fffc}.studio-grid-preview.duo{grid-template-columns:1fr 1fr}.studio-grid-preview.mosaic{grid-template-rows:1fr 1fr;grid-template-columns:1.2fr .8fr}.studio-grid-preview.mosaic span:first-child{grid-row:span 2}.studio-grid-preview.strip{grid-template-columns:repeat(3,1fr)}.studio-grid-preview.stack{grid-template-rows:repeat(2,1fr)}.studio-grid-preview.trio-rows{grid-template-rows:repeat(3,1fr)}.studio-grid-preview.quad{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.studio-grid-preview.hero-top{grid-template-rows:1.6fr 1fr;grid-template-columns:repeat(2,1fr)}.studio-grid-preview.hero-top span:first-child{grid-column:span 2}.studio-grid-preview.hero-left,.studio-grid-preview.hero-right{grid-template-rows:repeat(2,1fr);grid-template-columns:1.45fr 1fr}.studio-grid-preview.hero-left span:first-child,.studio-grid-preview.hero-right span:last-child{grid-row:span 2}.studio-grid-preview.hero-right{grid-template-columns:1fr 1.45fr}.studio-grid-preview.five{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}.studio-grid-preview.five span:first-child{grid-row:span 2}.studio-grid-preview.six{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.studio-grid-preview.banner-stack{grid-template-rows:repeat(4,1fr)}.studio-effects-panel{transition:opacity .16s,filter .16s}.studio-effects-panel.disabled{opacity:.48;filter:grayscale(.3)}.studio-effects-panel.disabled button{pointer-events:none}.studio-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.studio-effect-option{color:#475569;cursor:pointer;background:#ffffff9e;border:1px solid #94a3b838;border-radius:1rem;place-items:center;gap:.45rem;min-height:4.8rem;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffffb8,0 10px 24px #0f172a0d}.dark .studio-effect-option{color:#cbd5e1;background:#0f172a80;border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #00000029}.studio-effect-option:hover,.studio-effect-option.active{color:#0891b2;background:#ecfeffc7;border-color:#06b6d485;transform:translateY(-1px);box-shadow:0 0 0 1px #06b6d41a,0 14px 30px #06b6d41f}.dark .studio-effect-option:hover,.dark .studio-effect-option.active{color:#67e8f9;background:#082f495c}.studio-effect-option strong{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:900}.studio-effect-preview{background:#06b6d4;border-radius:.7rem;place-items:center;width:2.1rem;height:2.1rem;display:grid}.studio-effect-preview:before{content:"A";color:#fff;font-size:1.05rem;font-weight:950}.studio-effect-preview.none{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #94a3b84d}.studio-effect-preview.none:before{color:#64748b}.studio-effect-preview.shadow{box-shadow:.35rem .45rem .55rem #0f172a47}.studio-effect-preview.shadow.left{box-shadow:-.35rem .35rem .55rem #0f172a47}.studio-effect-preview.shadow.center{box-shadow:0 0 .85rem #0f172a57}.studio-effect-preview.shadow.top{box-shadow:0 -.38rem .55rem #0f172a3d}.studio-effect-preview.shadow.bottom{box-shadow:0 .48rem .55rem #0f172a47}.studio-effect-preview.shadow.deep{box-shadow:.55rem .65rem .35rem #0f172a5c}.studio-effect-preview.glow{box-shadow:0 0 1.25rem #06b6d4d9}.studio-effect-preview.glow.soft{box-shadow:0 0 .8rem #06b6d46b}.studio-effect-preview.glow.neon{box-shadow:0 0 .35rem #06b6d4f2,0 0 1.35rem #06b6d4d9}.studio-effect-preview.glow.wide{box-shadow:0 0 1.9rem #06b6d4a3}.studio-effect-variants{background:#ffffff6b;border:1px solid #94a3b82e;border-radius:1rem;margin-top:.7rem;padding:.65rem}.dark .studio-effect-variants{background:#0f172a6b;border-color:#ffffff12}.studio-effect-variant-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.studio-effect-variant{color:#64748b;cursor:pointer;background:#f8fafcb8;border:1px solid #94a3b82e;border-radius:.85rem;place-items:center;gap:.35rem;min-height:4.35rem;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:grid}.dark .studio-effect-variant{color:#cbd5e1;background:#1e293b9e;border-color:#ffffff12}.studio-effect-variant:hover,.studio-effect-variant.active{color:#0891b2;background:#ecfeffc2;border-color:#06b6d47a;transform:translateY(-1px);box-shadow:0 10px 24px #06b6d41a}.dark .studio-effect-variant:hover,.dark .studio-effect-variant.active{color:#67e8f9;background:#082f4957}.studio-effect-variant .studio-effect-preview{border-radius:.55rem;width:1.75rem;height:1.75rem}.studio-effect-variant strong{text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:900}.studio-section{border-top:1px solid #94a3b82e;margin-top:1rem;padding-top:1rem}.studio-section.compact{border-top:0;margin-top:.7rem;padding-top:0}.studio-label{text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin-bottom:.45rem;font-size:.72rem;font-weight:900;display:block}.dark .studio-label{color:#94a3b8}.studio-input,.studio-color{color:#0f172a;background:#ffffffd1;border:0;border-radius:1rem;outline:none;width:100%;box-shadow:inset 0 1px #ffffffbf,0 1px #0f172a0a}.studio-input{padding:.72rem .85rem;font-size:.86rem;font-weight:700}.studio-select-wrap,.studio-number-card,.studio-color-card{background:linear-gradient(145deg,#ffffffe0,#f1f5f9cc);border:1px solid #94a3b833;border-radius:1.05rem;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;box-shadow:inset 0 1px #fffc,0 12px 24px #0f172a0f}.dark .studio-select-wrap,.dark .studio-number-card,.dark .studio-color-card{background:linear-gradient(145deg,#0f172ad1,#1e293bb8);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 14px 28px #0003}.studio-select-wrap:hover,.studio-number-card:hover,.studio-color-card:hover{border-color:#06b6d46b;box-shadow:0 0 0 1px #06b6d41f,0 14px 30px #06b6d41a}.studio-select-wrap:focus-within,.studio-number-card:focus-within,.studio-color-card:focus-within{border-color:#06b6d4b8;box-shadow:0 0 0 3px #06b6d42e,0 16px 32px #06b6d41f}.studio-color-option.transparent,.studio-color-swatch.transparent{background-color:#0000;background-image:linear-gradient(45deg,#94a3b873 25%,#0000 25%),linear-gradient(-45deg,#94a3b873 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b873 75%),linear-gradient(-45deg,#0000 75%,#94a3b873 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.studio-native-select{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.studio-select,.studio-select-button{z-index:1;width:100%;box-shadow:none;background:0 0;border:0;padding-right:2.25rem;position:relative}.studio-select-button{color:#0f172a;text-align:left;cursor:pointer;outline:none;justify-content:space-between;align-items:center;min-height:2.65rem;padding:.72rem 2.25rem .72rem .85rem;font-size:.86rem;font-weight:800;display:flex}.dark .studio-select-button{color:#f8fafc}.studio-select-chevron{color:#06b6d4;pointer-events:none;width:1rem;height:1rem;transition:transform .16s;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.studio-select-wrap.open{z-index:20}.studio-select-wrap.open .studio-select-chevron{transform:translateY(-50%)rotate(180deg)}.studio-select-menu{z-index:30;-webkit-backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #06b6d438;border-radius:1.05rem;gap:.35rem;padding:.42rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 18px 42px #0f172a24,inset 0 1px #ffffffb8}.dark .studio-select-menu{background:#0f172af0;border-color:#22d3ee2e;box-shadow:0 22px 46px #00000061,inset 0 1px #ffffff0d}.studio-select-option{color:#334155;cursor:pointer;background:#f8fafcd1;border:1px solid #94a3b82e;border-radius:.82rem;justify-content:space-between;align-items:center;gap:.65rem;width:100%;padding:.58rem .68rem;transition:border-color .16s,background .16s,color .16s,box-shadow .16s;display:flex}.studio-select-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;font-weight:800;overflow:hidden}.studio-select-option strong{color:#0891b2;background:#06b6d41a;border-radius:999px;flex:none;padding:.12rem .45rem;font-size:.68rem;font-weight:900}.dark .studio-select-option{color:#e2e8f0;background:#1f2937d6;border-color:#ffffff12}.dark .studio-select-option strong{color:#67e8f9;background:#0891b23d}.studio-select-option:hover,.studio-select-option.selected{color:#0f172a;background:#ecfeffd1;border-color:#06b6d47a;box-shadow:0 8px 18px #06b6d41a}.dark .studio-select-option:hover,.dark .studio-select-option.selected{color:#f8fafc;background:#082f4961;border-color:#22d3ee6b}.studio-number-card{flex-direction:column;gap:.22rem;min-width:0;padding:.58rem .68rem;display:flex}.studio-number-card span{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.62rem;font-weight:900;line-height:1}.dark .studio-number-card span{color:#94a3b8}.studio-number-card input{color:#0f172a;appearance:textfield;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:1rem;font-weight:900;line-height:1.2}.studio-stepper{grid-template-columns:1.6rem minmax(0,1fr) 1.6rem;align-items:center;gap:.25rem;display:grid}.studio-stepper button{color:#0891b2;cursor:pointer;background:#ecfeffb8;border:1px solid #06b6d43d;border-radius:.55rem;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.9rem;font-weight:900;line-height:1;transition:border-color .16s,background .16s,color .16s,box-shadow .16s;display:inline-flex}.dark .studio-stepper button{color:#67e8f9;background:#082f4957;border-color:#22d3ee33}.studio-stepper button:hover{border-color:#06b6d480;box-shadow:0 8px 16px #06b6d41f}.dark .studio-number-card input{color:#f8fafc}.studio-number-card input::-webkit-outer-spin-button,.studio-number-card input::-webkit-inner-spin-button{appearance:none;margin:0}.studio-toggle-card{color:#334155;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:linear-gradient(145deg,#ffffffe0,#f1f5f9cc);border:1px solid #94a3b833;border-radius:1.05rem;justify-content:center;align-items:center;gap:.45rem;min-height:3.35rem;font-size:.72rem;font-weight:900;display:flex}.dark .studio-toggle-card{color:#e2e8f0;background:linear-gradient(145deg,#0f172ad1,#1e293bb8);border-color:#ffffff14}.studio-toggle-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.studio-toggle-track{background:#94a3b838;border:1px solid #94a3b859;border-radius:999px;flex:none;width:2.25rem;height:1.2rem;transition:border-color .16s,background .16s,box-shadow .16s;position:relative}.studio-toggle-track span{background:#fff;border-radius:999px;width:.82rem;height:.82rem;transition:left .16s,background .16s;position:absolute;top:50%;left:.16rem;transform:translateY(-50%);box-shadow:0 3px 8px #0f172a38}.studio-toggle-card input:checked+.studio-toggle-track{background:linear-gradient(135deg,#06b6d4,#2563eb);border-color:#06b6d49e;box-shadow:0 8px 18px #06b6d42e}.studio-toggle-card input:checked+.studio-toggle-track span{left:1.18rem}.studio-rect-options{margin-top:.55rem}.studio-color-card{text-align:left;cursor:pointer;border:0;align-items:center;gap:.72rem;width:100%;min-height:3.15rem;padding:.55rem .68rem;display:flex}.studio-color-picker{position:relative}.studio-color-picker.open{z-index:20}.studio-color-swatch{--studio-swatch-color:#fff;background:conic-gradient(#e2e8f0 25%,#fff 0 50%,#e2e8f0 0 75%,#fff 0)0 0/12px 12px;border-radius:.82rem;flex:none;width:2.18rem;height:2.18rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a1f,0 8px 18px #0f172a1f}.studio-color-swatch:after{content:"";background:var(--studio-swatch-color);border-radius:.62rem;position:absolute;inset:4px}.studio-color-swatch input{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.studio-color-panel{z-index:30;-webkit-backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #06b6d438;border-radius:1.05rem;padding:.52rem;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 18px 42px #0f172a24,inset 0 1px #ffffffb8}.dark .studio-color-panel{background:#0f172af0;border-color:#22d3ee2e;box-shadow:0 22px 46px #00000061,inset 0 1px #ffffff0d}.studio-color-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:.42rem;display:grid}.studio-color-option{aspect-ratio:1;background:conic-gradient(#e2e8f0 25%,#fff 0 50%,#e2e8f0 0 75%,#fff 0)0 0/10px 10px;cursor:pointer;border:1px solid #94a3b83d;border-radius:.82rem;min-height:2rem;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #0f172a12}.studio-color-option:before{content:"";background:var(--studio-option-color);border-radius:.58rem;position:absolute;inset:4px}.studio-color-option:hover,.studio-color-option.selected,.studio-color-option:focus-visible{border-color:#06b6d494;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #06b6d429,0 12px 24px #06b6d41f}.studio-color-option.selected:after{content:"";background:#06b6d4;border-radius:999px;width:.48rem;height:.48rem;position:absolute;bottom:.28rem;right:.28rem;box-shadow:0 0 0 2px #ffffffe6}.studio-color-wheel{aspect-ratio:1;cursor:crosshair;touch-action:none;background:radial-gradient(circle,#fff 0 8%,#ffffffe0 18%,#fff0 62%),conic-gradient(#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#2563eb,#8b5cf6,#ec4899,#ef4444);border:1px solid #06b6d43d;border-radius:999px;outline:none;width:min(100%,12.5rem);margin:.7rem auto 0;position:relative;box-shadow:inset 0 0 0 7px #ffffffb8,0 18px 38px #06b6d424}.dark .studio-color-wheel{border-color:#22d3ee38;box-shadow:inset 0 0 0 7px #0f172a94,0 20px 42px #06b6d429}.studio-color-wheel:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:.55rem;box-shadow:inset 0 0 24px #0f172a2e}.studio-color-wheel:focus-visible{box-shadow:0 0 0 3px #06b6d43d,inset 0 0 0 7px #ffffffb8,0 18px 38px #06b6d424}.studio-color-wheel-handle{--studio-wheel-x:50%;--studio-wheel-y:50%;left:var(--studio-wheel-x);top:var(--studio-wheel-y);z-index:2;background:var(--studio-swatch-color,#fff);pointer-events:none;border:2px solid #fff;border-radius:999px;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a6b,0 8px 18px #0f172a38}.studio-segmented{background:#f8fafcad;border:1px solid #94a3b833;border-radius:1.05rem;grid-template-columns:1fr 1fr;gap:.42rem;padding:.32rem;display:grid}.dark .studio-segmented{background:#0f172a6b;border-color:#ffffff14}.studio-segment{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.82rem;min-height:2.25rem;font-size:.76rem;font-weight:900;transition:border-color .16s,background .16s,color .16s,box-shadow .16s}.dark .studio-segment{color:#cbd5e1}.studio-segment:hover,.studio-segment.active{color:#0891b2;background:#ecfeffd1;border-color:#06b6d475;box-shadow:0 8px 18px #06b6d41a}.dark .studio-segment:hover,.dark .studio-segment.active{color:#67e8f9;background:#082f4961}.studio-hex-field{background:#f8fafcd1;border:1px solid #94a3b833;border-radius:.9rem;align-items:center;gap:.55rem;margin-top:.55rem;padding:.5rem .62rem;display:flex}.dark .studio-hex-field{background:#1f2937d6;border-color:#ffffff12}.studio-hex-field span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:900}.dark .studio-hex-field span{color:#94a3b8}.studio-hex-field input{color:#0f172a;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:.86rem;font-weight:900}.dark .studio-hex-field input{color:#f8fafc}.studio-color-copy{flex-direction:column;gap:.15rem;min-width:0;display:flex}.studio-color-copy span{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.68rem;font-weight:900}.studio-color-copy strong{color:#0f172a;font-size:.9rem;font-weight:900}#studioPositionSection .studio-number-card input{text-align:center;padding-inline:.1rem;font-size:.74rem}.dark .studio-color-copy span{color:#94a3b8}.dark .studio-color-copy strong{color:#f8fafc}.studio-color{cursor:pointer;height:2.7rem;padding:.35rem}.dark .studio-input,.dark .studio-color{color:#f8fafc;background:#0f172ab8;box-shadow:inset 0 1px #ffffff0a}.studio-input:focus,.studio-color:focus{box-shadow:0 0 0 2px #06b6d457}.studio-size-row,.two-cols{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.studio-size-row{margin-top:.55rem}.studio-button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:2.35rem;padding:.55rem .95rem;font-size:.78rem;font-weight:900;transition:border-color .16s,filter .16s,transform .16s,background .16s,box-shadow .16s,color .16s;display:inline-flex;position:relative;overflow:hidden}.studio-button:before{content:"";opacity:.75;pointer-events:none;background:linear-gradient(135deg,#ffffff38,#0000 48%);position:absolute;inset:0}.studio-button>*{z-index:1;position:relative}.studio-button.primary{color:#fff;background:linear-gradient(135deg,#06b6d4,#0ea5e9 48%,#2563eb);border-color:#22d3ee52;box-shadow:0 16px 34px #06b6d442,inset 0 1px #ffffff38}.studio-button.secondary{color:#334155;background:#f9fafbe0;border-color:#94a3b83d;width:100%;margin-top:.6rem;box-shadow:inset 0 1px #ffffffbf,0 10px 22px #0f172a0f}.dark .studio-button.secondary{color:#e2e8f0;background:#1f2937db;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 12px 24px #0000002e}.studio-button:hover{filter:brightness(1.04);border-color:#06b6d473;transform:translateY(-1px)}.studio-button.primary:hover{box-shadow:0 18px 38px #06b6d457,inset 0 1px #ffffff3d}.studio-button.secondary:hover{color:#0891b2;background:#ecfeffd1;box-shadow:0 0 0 1px #06b6d41f,0 14px 28px #06b6d41f}.dark .studio-button.secondary:hover{color:#67e8f9;background:#082f4957;box-shadow:0 0 0 1px #22d3ee1f,0 14px 30px #06b6d429}.studio-workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.studio-topbar{border-bottom:1px solid #94a3b824;align-items:center;gap:.55rem;padding:.75rem;display:flex}.studio-topbar-group{gap:.35rem;display:inline-flex}.studio-topbar-spacer{flex:1}.studio-canvas-frame{background-color:#0000;background-image:linear-gradient(45deg,#94a3b81f 25%,#0000 25%),linear-gradient(-45deg,#94a3b81f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b81f 75%),linear-gradient(-45deg,#0000 75%,#94a3b81f 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;min-height:34rem;padding:1.4rem;display:flex;position:relative;overflow:auto}#studioStageHost{background:#fff;border-radius:1.25rem;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a3d}.dark #studioStageHost{box-shadow:0 24px 70px #020617ad}.studio-empty{text-align:center;color:#94a3b8;justify-content:center;align-items:center;min-height:12rem;padding:1rem;font-size:.82rem;font-weight:700;display:flex}.studio-textarea{resize:vertical;min-height:6rem}.studio-inline-text-editor{z-index:10;min-width:4rem;min-height:2rem;color:inherit;resize:none;user-select:text;background:0 0;border:1px solid #06b6d48c;border-radius:.45rem;outline:none;padding:0;position:absolute;overflow:hidden;box-shadow:0 0 0 3px #06b6d42e,0 14px 30px #0f172a2e}.studio-text-toolbar{grid-template-columns:repeat(9,minmax(0,1fr));gap:.36rem;display:grid}.studio-text-format{color:#334155;cursor:pointer;background:#f8fafcd6;border:1px solid #94a3b833;border-radius:.78rem;justify-content:center;align-items:center;min-height:2.15rem;font-size:.78rem;font-weight:900;transition:border-color .16s,background .16s,color .16s,box-shadow .16s;display:inline-flex}.dark .studio-text-format{color:#e2e8f0;background:#1f2937d6;border-color:#ffffff12}.studio-text-format:hover,.studio-text-format.active{color:#0891b2;background:#ecfeffd1;border-color:#06b6d47a;box-shadow:0 8px 18px #06b6d41a}.dark .studio-text-format:hover,.dark .studio-text-format.active{color:#67e8f9;background:#082f4961;border-color:#22d3ee6b}.studio-text-format.italic{font-style:italic}.studio-text-format.underline{text-decoration:underline}.studio-text-format.strike{text-decoration:line-through}.studio-text-format svg{stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.studio-font-picker{background:linear-gradient(145deg,#ffffffe0,#f1f5f9cc);border:1px solid #94a3b833;border-radius:1.05rem;padding:.58rem;box-shadow:inset 0 1px #ffffffc7,0 12px 24px #0f172a0f}.dark .studio-font-picker{background:linear-gradient(145deg,#0f172ad1,#1e293bb8);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 14px 28px #0003}.studio-font-current{background:#ecfeffb8;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.5rem;padding:.5rem .62rem;display:flex}.dark .studio-font-current{background:#082f4957}.studio-font-current span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:900}.studio-font-current strong{color:#0891b2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;font-weight:900;overflow:hidden}.dark .studio-font-current span{color:#94a3b8}.dark .studio-font-current strong{color:#67e8f9}.studio-font-search{background:#f8fafcd6;border:1px solid #94a3b833;border-radius:.9rem;align-items:center;gap:.45rem;padding:.48rem .58rem;display:flex}.dark .studio-font-search{background:#1f2937d6;border-color:#ffffff12}.studio-font-search svg{color:#06b6d4;flex:none;width:.95rem;height:.95rem}.studio-font-search input{color:#0f172a;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:.82rem;font-weight:800}.dark .studio-font-search input{color:#f8fafc}.studio-font-list{gap:.38rem;max-height:15rem;margin-top:.5rem;padding-right:.12rem;display:grid;overflow:auto}.studio-font-option{color:#334155;text-align:left;cursor:pointer;background:#f8fafcd1;border:1px solid #94a3b82e;border-radius:.88rem;justify-content:space-between;align-items:center;gap:.65rem;width:100%;padding:.56rem .68rem;transition:border-color .16s,background .16s,color .16s,box-shadow .16s;display:flex}.dark .studio-font-option{color:#e2e8f0;background:#1f2937d6;border-color:#ffffff12}.studio-font-option:hover,.studio-font-option.selected{color:#0f172a;background:#ecfeffd1;border-color:#06b6d47a;box-shadow:0 8px 18px #06b6d41a}.dark .studio-font-option:hover,.dark .studio-font-option.selected{color:#f8fafc;background:#082f4961;border-color:#22d3ee6b}.studio-font-option strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:900;overflow:hidden}.studio-font-option span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;flex:none;font-size:.64rem;font-weight:900}.dark .studio-font-option span{color:#94a3b8}.studio-layer-actions{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.studio-layer-actions .studio-button{margin-top:0}.studio-layer-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.studio-autosave-status{color:#64748b;text-align:right;font-size:.68rem;font-weight:800}.dark .studio-autosave-status{color:#94a3b8}.studio-layer-list{gap:.45rem;max-height:250px;padding-right:.15rem;display:grid;overflow:auto}.studio-layer-empty,.studio-layer-row{background:#f8fafcd1;border:1px solid #94a3b838;border-radius:10px}.dark .studio-layer-empty,.dark .studio-layer-row{background:#0f172a8f;border-color:#ffffff14}.studio-layer-empty{color:#64748b;padding:.7rem .75rem;font-size:.78rem;font-weight:800}.studio-layer-row{grid-template-columns:auto 1fr auto auto;align-items:center;gap:.35rem;padding:.35rem;display:grid}.studio-layer-row.active{border-color:#06b6d4a6;box-shadow:0 0 0 1px #06b6d42e,0 10px 26px #06b6d41f}.studio-layer-row.locked{opacity:.72}.studio-layer-row.background{grid-template-columns:1fr auto}.studio-layer-row.dragging{opacity:.46}.studio-layer-row.drop-before{box-shadow:inset 0 3px #06b6d4b8}.studio-layer-row.drop-after{box-shadow:inset 0 -3px #06b6d4b8}.studio-layer-main,.studio-layer-mini{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:8px}.studio-layer-main:disabled{cursor:default;opacity:1}.dark .studio-layer-main,.dark .studio-layer-mini{color:#e2e8f0}.studio-layer-main{text-align:left;align-items:center;gap:.5rem;min-width:0;padding:.4rem .45rem;display:flex}.studio-layer-drag{color:#94a3b8;cursor:grab;user-select:none;justify-content:center;align-items:center;width:1rem;font-size:.82rem;font-weight:950;line-height:1;display:inline-flex}.studio-layer-row:active .studio-layer-drag{cursor:grabbing}.studio-layer-main:hover,.studio-layer-mini:hover{background:#06b6d41a}.studio-layer-icon{color:#0e7490;background:#06b6d41f;border-radius:7px;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;font-size:.66rem;font-weight:950;display:inline-flex}.dark .studio-layer-icon{color:#67e8f9;background:#06b6d42e}.studio-layer-name{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:850;overflow:hidden}.studio-layer-mini{min-width:4.4rem;padding:.4rem .35rem;font-size:.66rem;font-weight:900}.studio-layer-mini.accent{color:#0891b2;background:#06b6d41a}.dark .studio-layer-mini.accent{color:#67e8f9;background:#06b6d424}#imageStudioApp .hidden{display:none!important}.studio-context-delete{z-index:12;cursor:pointer;background-color:#ef4444;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M6 18L18 6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:13px;border:2px solid #fff;border-radius:999px;width:28px;height:28px;transition:transform .15s,box-shadow .15s,background-color .15s;position:absolute;box-shadow:0 6px 16px #ef444466}.studio-context-delete:hover{background-color:#dc2626;transform:scale(1.12);box-shadow:0 8px 20px #ef44448c}@media (width<=1180px){.studio-shell{grid-template-columns:220px minmax(0,1fr)}.studio-properties{grid-column:1/-1}}@media (width<=760px){.studio-shell{grid-template-columns:1fr}.studio-tool-grid{grid-template-columns:repeat(5,2.4rem)}.studio-canvas-frame{min-height:28rem;padding:.8rem}}