.logo-studio{width:min(980px,95vw);max-height:92vh;border:0;border-radius:20px;padding:0;color:var(--text);background:var(--panel);box-shadow:0 24px 70px #001b2b55}.logo-studio::backdrop{background:#00182499;backdrop-filter:blur(4px)}.logo-studio form>header,.logo-studio form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.logo-studio form>header h3{margin:0 0 4px;font-size:23px}.logo-studio form>header p{margin:0;color:var(--muted)}.logo-studio form>header>button{width:40px;height:40px;border-radius:10px}.logo-studio form>footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.logo-studio button,.logo-studio select,.logo-studio input{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.9);color:#153b48;padding:10px}.logo-studio button.primary,.logo-source-actions .primary{background:var(--primary);color:#fff;font-weight:800}.logo-studio-body{display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1fr);gap:24px;padding:22px}.logo-live-area{display:grid;place-items:center;align-content:start;gap:12px;min-height:510px;padding:20px;border-radius:16px;background:color-mix(in srgb,var(--primary) 10%,white)}.logo-live-frame{position:relative;width:min(100%,390px);aspect-ratio:1/1;overflow:hidden;border:1px solid #aebfca;box-shadow:0 15px 38px #001b2b28;transition:aspect-ratio .2s,background .2s}.logo-live-frame[data-ratio="3:4"]{aspect-ratio:3/4}.logo-live-frame[data-ratio="9:16"]{aspect-ratio:9/16;width:min(72%,290px)}.logo-live-frame>span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#68777f;font-weight:700}.logo-live-frame img{position:absolute;z-index:2;height:auto;object-fit:contain}.logo-live-area small{color:var(--muted);text-align:center}.logo-controls{display:grid;align-content:start;gap:14px}.logo-controls label{display:grid;gap:7px;font-weight:700}.logo-source-actions,.logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.logo-source-actions label,.logo-source-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer}.logo-source-actions input{display:none}.logo-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.logo-position-grid button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.logo-controls input[type="range"]{padding:0;width:100%;accent-color:var(--primary)}@media(max-width:760px){.logo-studio-body{grid-template-columns:1fr}.logo-live-area{min-height:auto}.logo-pair{grid-template-columns:1fr}}