.studio-host{height:100dvh;display:flex;flex-direction:column;background:#edf3f6;color:#233d4b}.studio-host-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid #cedde5;background:#f8fafb;flex-wrap:wrap}.studio-host-nav>a{font-weight:700;text-decoration:none;color:#233d4b}.studio-host-nav nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.studio-host-nav button,.studio-host-nav nav a{font-size:13px;color:#365e75;background:#e0ebf1;padding:8px 12px;border-radius:8px;text-decoration:none}.studio-host-nav button:disabled{opacity:.5;cursor:wait}.studio-host iframe{width:100%;flex:1 1;min-height:0;border:0;background:#edf3f6}.studio-host-message{margin:0;padding:8px 20px;font-size:13px;background:#e0ebf1}.studio-account-dialog{width:min(560px,calc(100vw - 32px));max-height:88dvh;overflow:auto;border:1px solid #cedde5;border-radius:16px;padding:24px;background:#f8fafb;color:#233d4b}.studio-account-dialog::-webkit-backdrop{background:rgba(35,61,75,.38)}.studio-account-dialog::backdrop{background:rgba(35,61,75,.38)}.studio-account-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.studio-account-dialog h2{margin:0;font-size:22px}.studio-account-dialog button{padding:10px 14px;border-radius:8px;background:#e0ebf1;color:#365e75}.studio-account-dialog form{display:grid;grid-gap:16px;gap:16px}.studio-account-dialog form label{display:grid;grid-gap:8px;gap:8px;font-size:14px}.studio-account-dialog input{width:100%;padding:10px;border:1px solid #a4becd;border-radius:8px;background:#fff}.studio-account-dialog .primary{background:#365e75;color:#f8fafb}.studio-account-dialog button:disabled{opacity:.5;cursor:wait}.studio-account-dialog[open]:has(.account-center){height:min(760px,88dvh);display:flex;flex-direction:column}.studio-account-dialog .account-center{flex:1 1;min-height:0}.studio-workbench{--ink:#233d4b;--muted:#526b7a;--line:#cedde5;--mint:#e0ebf1;--green:#365e75;--bg:#edf3f6;background:var(--bg);color:var(--ink)}.studio-workbench .app-header{position:relative;padding:12px 20px;gap:12px;background:#f8fafb;border-color:var(--line)}.studio-workbench .brand-name{font-size:16px;margin:0}.studio-workbench .header-tip{display:none}.studio-workbench .brand-group{grid-column:1/3;min-width:0}.studio-workbench .account-area{grid-column:3;min-width:0}.studio-workbench .account-status,.studio-workbench .works{background:#f8fafb;color:var(--ink);border-color:var(--line);border-radius:10px}.studio-workbench .account-status small{color:var(--muted)}.studio-workbench .header-actions{padding:0;gap:8px;flex-wrap:wrap;overflow:visible}.studio-workbench .header-actions button{box-shadow:none;min-height:38px;border-color:var(--line)}.studio-workbench .header-actions .primary,.studio-workbench .primary{background:var(--green);color:#f8fafb}.studio-workbench .header-actions .cloud,.studio-workbench .soft{background:var(--mint);color:var(--green)}.studio-workbench .workbench{display:grid;grid-template-columns:clamp(230px,20vw,280px) minmax(0,1fr) clamp(260px,23vw,320px);grid-template-rows:auto minmax(0,1fr);grid-gap:12px;gap:12px;padding:16px 20px;align-items:start}.studio-workbench .control-panel{grid-column:1;grid-row:1/3}.studio-workbench .palette-panel{grid-column:3;grid-row:1/3}.studio-workbench .tool-rail{grid-column:2;grid-row:1;position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;box-shadow:none}.studio-workbench .tool-rail button{flex:1 0 48px;padding:8px 4px;min-height:52px;font-size:11px}.studio-workbench .tool-rail button.active{background:var(--mint);color:var(--green)}.studio-workbench .workspace{grid-column:2;grid-row:2;display:grid;grid-gap:10px;gap:10px;min-width:0}.studio-workbench .inspector{position:static;align-self:start;background:#f8fafb;border:1px solid var(--line);border-radius:12px;box-shadow:none}.studio-workbench .inspector-section{padding:16px;border-color:var(--line)}.studio-workbench .section-heading h2{font-size:14px}.studio-workbench .inspector small,.studio-workbench .section-heading span{color:var(--muted)}.studio-workbench .inspector input,.studio-workbench .inspector select{border-color:var(--line);color:var(--ink)}.studio-workbench .range{accent-color:var(--green)}.studio-workbench .view-tabs{justify-content:flex-start;padding:6px;gap:4px;border:1px solid var(--line);border-radius:10px;box-shadow:none;background:#f8fafb}.studio-workbench .view-tabs button{flex:1 1;white-space:nowrap;font-size:12px;padding:8px 4px;color:var(--muted)}.studio-workbench .view-tabs button.active{color:var(--green);background:var(--mint)}.studio-workbench .canvas-stage{height:clamp(420px,62dvh,780px);min-height:420px;border-color:var(--line);background:#e5edf2;box-shadow:none;border-radius:12px}.studio-workbench .canvas-toolbar{background:#f8fafb;border:1px solid var(--line);box-shadow:none}.studio-workbench .brush-bar{background:#f8fafb;border-color:var(--line);padding:8px;gap:6px;flex-wrap:wrap}.studio-workbench .brush-bar span{display:none}.studio-workbench .brush-bar button.active{background:var(--mint);color:var(--green);border-color:#a4becd}.studio-workbench .history-row{background:#f8fafb;border:1px solid var(--line);border-radius:10px;padding:6px;gap:2px;flex-wrap:wrap}.studio-workbench .history-row button{background:transparent;color:var(--muted);padding:7px;font-size:11px}.studio-workbench .history-row button.active{color:var(--green)}.studio-workbench .palette-list{max-height:36dvh;min-height:120px}.studio-workbench .palette-row.selected,.studio-workbench .palette-row:hover{background:var(--mint)}.studio-workbench .current-color em,.studio-workbench .palette-row strong{color:var(--muted)}.studio-workbench .current-color,.studio-workbench .inline-export{border-color:var(--line)}.studio-workbench button:focus-visible,.studio-workbench input:focus-visible,.studio-workbench select:focus-visible{outline:3px solid #789eb5;outline-offset:2px}@media(max-width:1100px){.studio-workbench .workbench{grid-template-columns:220px minmax(0,1fr)}.studio-workbench .palette-panel{grid-column:1/3;grid-row:3}.studio-workbench .palette-list{max-height:280px}}@media(max-width:720px){.studio-workbench .app-header{display:flex;flex-wrap:wrap;padding:12px}.studio-workbench .brand-group{flex:1 1 100%;flex-wrap:wrap;white-space:normal}.studio-workbench .account-area{justify-content:flex-start;flex-wrap:wrap;overflow:visible}.studio-workbench .workbench{display:flex;flex-direction:column;padding:12px;gap:12px}.studio-workbench .inspector,.studio-workbench .tool-rail,.studio-workbench .workspace{width:100%}.studio-workbench .control-panel{order:0}.studio-workbench .tool-rail{order:1}.studio-workbench .workspace{order:2}.studio-workbench .palette-panel{order:3}.studio-workbench .canvas-stage{height:60dvh;min-height:340px}}