.studio-heading{display:flex;justify-content:space-between;gap:32px;padding-block:30px}.studio-heading h1{font-size:clamp(1.7rem,3vw,2.6rem);margin:4px 0 8px}.studio-heading p{margin:0;max-width:650px}.studio-offer{display:grid;gap:4px;max-width:330px;align-content:center;border-left:3px solid #a68acb;padding-left:20px;color:#493265}.studio-offer strong{font-size:1.1rem}.studio-offer small{font-size:.8rem}
.studio-shell{margin:0 auto 30px;width:calc(100% - 32px);max-width:1680px;background:white;border:1px solid #d8cbea;border-radius:18px;overflow:hidden;box-shadow:0 16px 45px #5e467513;color:#35234e;font:14px/1.5 system-ui,sans-serif}
.studio-shell button,.studio-shell input,.studio-shell select,.studio-shell textarea{font:inherit;color:#35234e}.studio-shell button{border:1px solid #d8cbea;background:white;border-radius:8px;padding:8px 12px;cursor:pointer}.studio-shell button:hover{background:#eee7f9}.studio-shell button:disabled{opacity:.5;cursor:wait}.studio-shell button:focus-visible,.studio-shell input:focus-visible,.studio-shell textarea:focus-visible,.studio-shell select:focus-visible{outline:3px solid #ad88db;outline-offset:2px}.studio-shell .studio-primary{background:#71529c;color:white;border-color:#71529c}.studio-shell label{display:grid;gap:5px;margin-bottom:12px;font-weight:600}.studio-shell input,.studio-shell select,.studio-shell textarea{box-sizing:border-box;width:100%;padding:8px 10px;border:1px solid #d8cbea;border-radius:7px;background:white;min-width:0}.studio-shell input[type=color]{padding:3px;height:38px}.studio-shell textarea{min-height:100px;resize:vertical}.studio-shell h2{font-size:.95rem;margin:16px 0 10px}.studio-shell p{font-size:.88rem;color:#655771}.studio-shell [hidden]{display:none!important}
.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #ded3eb;background:#faf7ff}.studio-topbar label{margin:0;max-width:360px;flex:1}.studio-topbar label>input{font-weight:700}.studio-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;min-height:680px}.studio-sidebar,.studio-properties{padding:18px;background:#fdfbff}.studio-sidebar{border-right:1px solid #e5dcef}.studio-properties{border-left:1px solid #e5dcef}.studio-tabs{display:flex;gap:4px;margin:16px 0}.studio-tabs button{padding:6px;font-size:.8rem}.studio-tabs button[aria-pressed=true]{background:#e8dff5;border-color:#a98bc7}.studio-main{background:#f1edf6;padding:16px;min-width:0;display:flex;flex-direction:column;align-items:stretch}.studio-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.studio-toolbar button{font-size:.8rem;padding:6px 9px}.studio-toolbar span{margin-left:auto;align-self:center;font-size:.8rem}
#studio-stage{display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:340px;overflow:auto;touch-action:none;background-image:radial-gradient(#d9cde8 1px,transparent 1px);background-size:16px 16px}#studio-stage>svg{display:block;max-width:100%;max-height:560px;box-shadow:0 5px 20px #35234e20;width:auto;height:auto;touch-action:none}#studio-stage g[data-index]{cursor:move}#studio-stage .studio-sheet{background:white;overflow:auto;max-width:100%;max-height:520px;touch-action:auto}#studio-stage table{border-collapse:collapse;font-size:13px}#studio-stage td,#studio-stage th{border:1px solid #ded3eb;padding:0}#studio-stage td input{border:0;border-radius:0;min-width:85px;padding:7px}#studio-stage th{padding:6px;background:#eee7f9}
#studio-pages{display:flex;justify-content:center;gap:8px;padding-top:16px;flex-wrap:wrap}#studio-pages button[aria-current=true],#studio-layers button[aria-pressed=true]{border-color:#71529c;background:#e8dff5}#studio-layers{display:grid;gap:5px;max-height:240px;overflow:auto}#studio-layers button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;padding:6px}#studio-controls>button,#studio-image-tools>button{width:100%;margin-bottom:7px;text-align:left}.studio-field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-trial{margin-top:25px;border-radius:12px;background:#eee7f9;padding:14px;display:grid;gap:8px}.studio-trial small{font-size:.75rem;color:#655771}.studio-trial p{margin:0}
#studio-status{min-height:22px;margin-bottom:0}#studio-status.is-error{color:#a32b44}.studio-shell dialog{border:1px solid #d8cbea;border-radius:16px;padding:22px;width:min(1050px,92vw);max-height:90dvh;color:#35234e}.studio-shell dialog::backdrop{background:#35234e70}.studio-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.studio-dialog-head h2{font-size:1.2rem;margin:0}#studio-dialog-body{display:grid;gap:14px}#studio-dialog-body iframe{width:100%;height:70dvh;border:0}#studio-dialog-body .project-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ded3eb;padding:10px}.studio-export-grid{display:flex;gap:12px;flex-wrap:wrap}.studio-disclosure{max-width:1100px}.studio-disclosure h2{font-size:1.4rem}.studio-disclosure p{font-size:.9rem}#studio-stage video{max-width:100%;max-height:480px}.studio-document{white-space:pre-wrap;background:white;padding:40px;min-height:400px;max-width:100%;overflow-wrap:anywhere}.studio-palette{display:flex;flex-wrap:wrap;width:100%;min-height:250px}.studio-palette>div{flex:1;min-width:90px;display:flex;align-items:end;justify-content:center;padding:18px 6px;color:#35234e}.studio-palette span{background:white;padding:6px;border-radius:5px}
@media(max-width:1100px){.studio-layout{grid-template-columns:210px minmax(0,1fr)}.studio-properties{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #ded3eb}.studio-properties>h2{display:none}.studio-trial{margin:0}.studio-heading{flex-direction:column;gap:15px}.studio-offer{max-width:none}.studio-heading h1{font-size:2rem}}
@media(max-width:650px){.studio-shell{width:calc(100% - 16px)}.studio-layout{display:flex;flex-direction:column}.studio-sidebar{border:0}.studio-main{min-height:450px}.studio-properties{display:block}.studio-topbar{flex-wrap:wrap;padding:14px}.studio-topbar label{min-width:100%}.studio-sidebar{padding:12px}.studio-sidebar #studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.studio-sidebar #studio-controls h2,.studio-sidebar #studio-controls>p,.studio-sidebar #studio-controls>textarea{grid-column:1/-1}.studio-toolbar button{font-size:.8rem}#studio-stage>svg{max-height:480px}.studio-shell dialog{padding:15px}.studio-offer{font-size:.9rem}}
/* Keep the design in view when the inspector contains many controls. */
.studio-layout{height:720px;min-height:0}.studio-sidebar,.studio-properties{min-height:0;overflow:auto}.studio-main{min-height:0}#studio-stage{min-height:0}#studio-stage>svg{max-height:100%}
@media(max-width:1100px){.studio-layout{height:auto;grid-template-rows:640px auto}.studio-properties{max-height:400px}}
@media(max-width:650px){.studio-layout{height:auto}.studio-sidebar{max-height:300px}.studio-main{height:550px;min-height:450px;flex:none}.studio-properties{max-height:none}}
/* Browsable template and image collections. */
.studio-gallery-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px}.studio-shell input[type=checkbox]{width:20px;height:20px}.studio-template-grid,.studio-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-template-card,.studio-photo-card{min-width:0;border:1px solid #d8cbea;border-radius:14px;background:#faf7ff;padding:12px;display:flex;flex-direction:column;gap:8px}.studio-template-card:nth-child(3n+2),.studio-photo-card:nth-child(3n+2){background:#fff3ed;border-color:#eed3c8}.studio-template-card:nth-child(3n),.studio-photo-card:nth-child(3n){background:#edf5f0;border-color:#cce0d4}.studio-template-preview{height:210px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#e8e1ef;border-radius:8px;padding:8px}.studio-template-preview svg{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 3px 10px #30204420}.studio-template-card h3,.studio-photo-card h3{font-size:1rem;line-height:1.3;margin:4px 0}.studio-template-card p,.studio-photo-card p{margin:0}.studio-template-card>button,.studio-photo-card>button{margin-top:auto;background:#71529c;color:white;border-color:#71529c}.studio-template-card>button:hover,.studio-photo-card>button:hover{background:#563d7c}.studio-photo-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}.studio-dialog-head{position:sticky;top:-22px;background:white;padding-block:12px;z-index:1}
@media(max-width:800px){.studio-template-grid,.studio-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-gallery-filters{grid-template-columns:1fr}.studio-template-preview{height:175px}}
@media(max-width:430px){.studio-template-grid,.studio-photo-grid{grid-template-columns:1fr}.studio-template-preview{height:220px}}

.studio-tiktok-canvas{display:block;width:min(100%,405px);height:auto;aspect-ratio:9/16;margin:0 auto;border-radius:20px;box-shadow:0 18px 55px rgba(43,25,68,.22);background:#2d1c43}
.studio-video-script{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(90,65,120,.18)}
.studio-video-script h3{margin:.15rem 0 .8rem;color:#35234e;font-size:1rem}
.studio-video-scene{margin:.75rem 0;padding:.75rem;border-radius:12px;background:#f3eef9;border:1px solid #ded2eb}
.studio-video-scene label{margin-bottom:.55rem}
#studio-controls input[type=range]{accent-color:#71529c}

#studio-stage .studio-resize-handle{pointer-events:all;cursor:nwse-resize;vector-effect:non-scaling-stroke}#studio-stage .studio-resize-handle[data-resize=ne],#studio-stage .studio-resize-handle[data-resize=sw]{cursor:nesw-resize}#studio-stage .studio-resize-handle:hover{fill:#563d7c}