html,body{height:100%;height:100dvh!important;overflow:hidden!important;overscroll-behavior:none}body{display:flex!important;flex-direction:column!important}body>header{flex-shrink:0;max-height:126px;overflow:auto}body>div.flex-1{flex-direction:row!important;overflow:hidden!important;min-height:0}body>div.flex-1>main{display:block;min-width:0;min-height:0!important;overflow:hidden!important;padding:0!important;touch-action:none}body>div.flex-1>main>div:first-child{position:absolute;inset:0;margin:0!important}#canvasViewportWrapper{position:absolute!important;left:0;top:0;padding:0!important;transform-origin:0 0!important;transition:none!important;border:0!important}#canvasViewportContainer{border-radius:0!important}#artboardLabelsContainer,main .mt-4{display:none!important}canvas{touch-action:none}.studio-toolbar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:8px;border:1px solid #64748b;border-radius:14px;background:#101827f5;color:white;z-index:40;white-space:nowrap;box-shadow:0 8px 28px #0008}.studio-toolbar button,.studio-size button,.template-list button{padding:8px 10px;background:#31204c;border:1px solid #795aa1;border-radius:7px;color:white}.studio-toolbar button[aria-pressed=true]{background:#7130c4}.studio-size{display:grid;gap:10px;padding:12px;font:12px/1.5 Arial;color:#e2e8f0}.studio-size input,.studio-size select{width:100%;padding:8px;border-radius:6px;background:#1e293b;color:white;border:1px solid #64748b}.template-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-list button{text-align:left;min-height:85px;background:linear-gradient(145deg,#17233f,#50276d)}.studio-warning{color:#fbd38d;font-size:12px}.studio-guides{position:absolute;inset:0;pointer-events:none;z-index:5}.studio-drawer-close{display:none}.studio-toolbar button{min-height:40px;min-width:38px}.studio-product-bar{max-height:48px;overflow:auto}.studio-product-bar>span:last-child{display:none}.studio-account-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:1100px){body>div.flex-1>aside{position:absolute;top:0;bottom:0;width:min(90vw,370px)!important;max-height:none!important;z-index:60;overflow:auto;display:none!important;touch-action:pan-y}body>div.flex-1>aside:first-child{left:0}body>div.flex-1>aside:last-child{right:0}body>div.flex-1>aside.studio-open{display:flex!important}body>div.flex-1>aside:last-child.studio-open{display:block!important}.studio-drawer-close{display:block;position:sticky;top:0;background:#7130c4;color:white;padding:10px;z-index:70}.studio-toolbar{gap:3px;padding:5px;bottom:8px}.studio-toolbar button{padding:7px;font-size:12px}body>header{max-height:108px;padding:6px!important;gap:5px!important}body>header>div:first-child{display:none}.studio-account-controls{flex-wrap:nowrap;min-width:100%}.studio-account-controls input{max-width:110px!important}.studio-account-controls button{white-space:nowrap}.studio-account-controls [role=status]{display:none}#studio-status{font-size:10px;max-height:28px;overflow:auto}.studio-product-bar{padding:4px 10px!important}.studio-toolbar [data-wide]{display:none}}
/* All mobile tools remain reachable; no header controls are clipped or discarded. */
.studio-extra{padding:12px;color:#e8edf6;font:13px/1.5 Arial;min-width:0}.studio-extra h3{font-size:17px;font-weight:700;margin-bottom:12px}.studio-extra details{border-bottom:1px solid #3b465b;padding:12px 0}.studio-extra summary{cursor:pointer;font-weight:700;padding:8px 0}.studio-extra label{display:block;margin:10px 0}.studio-extra input:not([type=checkbox]),.studio-extra select,.studio-extra textarea{display:block;width:100%;min-width:0;background:#1b263b;border:1px solid #68778d;border-radius:7px;padding:8px;color:#fff}.studio-extra input[type=color]{height:40px}.studio-extra button,.studio-action-dock button{min-height:42px;padding:8px;border:1px solid #67728c;border-radius:8px;background:#262039;color:#fff}.studio-extra button{margin:4px 3px 4px 0}.studio-extra p{font-size:12px;color:#bcc9df;margin:8px 0}.effect-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.studio-swatches button{min-width:0;border:1px solid #b5c0d1;margin:0}.studio-action-dock{position:absolute;bottom:0;left:0;right:0;z-index:41;background:#101626f5;border-top:1px solid #56627c;padding:6px 8px max(6px,env(safe-area-inset-bottom));color:#fff}.studio-tool-row,.studio-quick-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.studio-quick-row{margin-top:5px}.studio-action-dock button{font:11px/1.2 Arial;padding:6px 2px;overflow-wrap:anywhere}.studio-tool-row button{background:#322044}.studio-toolbar{bottom:114px;max-width:calc(100% - 12px);overflow-x:auto;justify-content:flex-start}.studio-compact-header{height:42px!important;min-height:42px!important;max-height:42px!important;display:flex!important;align-items:center;justify-content:space-between;padding:6px 14px!important;overflow:hidden!important}.studio-compact-header a{font:12px Arial;color:#a4eee9}#studio-files>div{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;max-width:100%;height:auto}#studio-files .studio-account-controls{display:grid!important;grid-template-columns:1fr!important;min-width:0!important}#studio-files input,#studio-files select{max-width:100%!important}#studio-files [role=status]{display:block!important}#studio-files .studio-account-controls input{max-width:100%!important}.studio-drawer-backdrop{display:none}.studio-extra.hidden{display:none}body>div.flex-1>aside:first-child>div.flex-1{min-width:0}body>div.flex-1>aside:first-child>div.w-20{overflow-y:auto;flex-shrink:0}body>div.flex-1>aside:first-child>div.w-20 button{min-height:44px;padding:8px 2px;font-size:11px}
@media(max-width:1100px){body>div.flex-1>aside{width:min(94vw,420px)!important;padding-top:44px!important;box-shadow:0 0 36px #0009}body>div.flex-1>aside:first-child>div.w-20{width:66px!important}body>div.flex-1>aside:first-child>div.flex-1{padding:12px!important}body>div.flex-1>aside.studio-open{display:flex!important}.studio-drawer-close{position:absolute;top:0;right:0;height:40px;margin:0;width:100%;text-align:right;padding-right:16px}.studio-toolbar{bottom:114px}.studio-toolbar [data-wide]{display:inline-block}body>div.flex-1:has(>aside.studio-open)>.studio-drawer-backdrop{display:block;position:absolute;inset:0;background:#0008;z-index:50}.studio-drawer-backdrop{border:0}#studio-files .studio-account-controls button{white-space:normal}.studio-account-controls [role=status]{display:block}.studio-compact-header>strong{font-size:14px}}
@media(max-height:500px){.studio-product-bar,#studio-status{display:none!important}.studio-action-dock{padding-top:3px}.studio-action-dock button{min-height:32px}.studio-toolbar{bottom:88px}.studio-compact-header{height:34px!important;min-height:34px!important;max-height:34px!important}}