.studio-code-editor[data-v-0c79f68c]{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:12px;overflow:hidden}.studio-code-editor__root[data-v-0c79f68c] .cm-editor{min-height:100%}.studio-shell{--bg:#f7f2ea;box-sizing:border-box;color:#1b1b1b;font-family:Space Grotesk,Noto Sans JP,sans-serif;gap:16px;height:100vh;min-height:100vh;padding:20px}.studio-header,.studio-shell{display:flex;flex-direction:column}.studio-header{background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:24px;gap:12px;margin:0;padding:16px}.studio-header-main{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.studio-quick-links{display:flex;flex-wrap:wrap;gap:8px}.studio-quick-links .quick-link{align-items:center;background:#fffc;border:1px solid rgba(0,0,0,.16);border-radius:999px;color:#1b1b1b;display:inline-flex;font-size:12px;font-weight:600;min-height:30px;padding:0 10px;text-decoration:none}.publish-row .field{min-width:min(360px,100%)}.studio-header .eyebrow,.studio-header .lead,.studio-header h1{margin:0}.studio-header .eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.studio-header h1{font-size:20px;line-height:1.2}.studio-header .lead{font-size:12px}.project-row{align-items:flex-end;gap:8px}.project-row,.studio-empty{display:flex;flex-wrap:wrap}.studio-empty{align-items:center;background:#f5b04c1a;border:1px dashed rgba(0,0,0,.2);border-radius:16px;gap:12px;padding:16px}.studio-grid{--studio-panel-width:360px;display:grid;flex:1;gap:20px;grid-template-columns:minmax(0,var(--studio-panel-width)) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.studio-panel{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0;position:relative}.studio-panel-resizer{background:transparent;border-radius:999px;cursor:col-resize;height:100%;position:absolute;right:-14px;top:0;touch-action:none;width:12px}.studio-panel-resizer:before{background:#0000001f;border-radius:999px;bottom:16px;content:"";left:5px;position:absolute;top:16px;width:2px}.studio-is-resizing,.studio-is-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.panel-tabs{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.tab-button{background:#fffc;border:1px solid rgba(0,0,0,.15);border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 10px}.tab-button.active{background:#1b1b1b;border-color:#00000040;color:#fff}.panel-card{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:18px;display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;overflow:auto;padding:16px}.panel-card h2{font-size:16px;margin:0}.subsection-title{color:#000000c7;font-size:13px;font-weight:700;margin:8px 0 0}.asset-controls{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}.card-header{display:flex;flex-direction:column;gap:8px}.field-label{align-items:center;display:inline-flex;gap:6px}.label-required{background:#c83c3c1f;border:1px solid rgba(200,60,60,.35);border-radius:999px;color:#7a1c1c;font-size:10px;font-style:normal;line-height:1;margin:0;padding:3px 6px}.field{color:#000000b3;display:flex;flex-direction:column;font-size:12px;gap:6px}.field input,.field select,.field textarea{border:1px solid rgba(0,0,0,.15);border-radius:12px;font-family:inherit;font-size:13px;padding:10px 12px}.field.checkbox{align-items:center;flex-direction:row;gap:10px}.field-inline{align-items:center;display:flex;gap:8px}.field-inline input{flex:1;min-width:0}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.inline-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.required-grid{background:#f5b04c14;border:1px dashed rgba(0,0,0,.2);border-radius:14px;padding:12px}.btn{background:#1b1b1b;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px}.btn.is-loading{cursor:progress;opacity:.75}.loading-banner{background:#f5b04c33;border-radius:12px;color:#7a4c00;font-size:12px;margin:0;padding:8px 12px}.btn.primary{background:#1b1b1b}.btn.small{font-size:12px;padding:6px 12px}.btn.ghost{background:transparent;border:1px solid rgba(0,0,0,.2);color:#1b1b1b}.btn.ghost.danger{background:#8e1f1f0f;border-color:#8e1f1f59;color:#8e1f1f}.btn.ghost.active{background:#1b1b1b;color:#fff}.hint{color:#0009;font-size:12px}.hint-warn{color:#8e1f1f}.error-list{color:#7a1c1c;font-size:12px;margin:0;padding-left:18px}.change-list,.node-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.node-button{align-items:center;background:#0000000a;border:1px solid transparent;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;width:100%}.node-list li.active .node-button{background:#0000001f;border-color:#0000004d}.node-list.compact li{background:#00000008;border-radius:10px;padding:6px 8px}.node-tag{color:#0009;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.change-list li{background:#0000000a;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px 10px}.change-list .muted{color:#00000080;font-size:12px}.change-list .detail{word-break:break-all}.section-toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between}.studio-preview{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.preview-toolbar{gap:10px;justify-content:space-between}.preview-toolbar,.preview-toolbar-actions{align-items:center;display:flex;flex-wrap:wrap}.preview-toolbar-actions{gap:8px}.status{align-items:center;color:#0009;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.status-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.status-link:hover{color:#1b1b1b}.toggle{display:flex;gap:8px}.preview-frame{align-items:center;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:24px;display:flex;flex:1;justify-content:center;min-height:0;padding:16px;position:relative}.preview-frame iframe{background:#fff;border:none;border-radius:16px;height:100%;width:100%}.preview-frame.sp iframe{border-radius:20px;box-shadow:0 24px 50px #0000001f;height:100%;max-height:100%;max-width:100%;width:390px}.preview-empty{color:#0009;font-size:14px}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd9;border:1px dashed rgba(0,0,0,.15);border-radius:16px;color:#000000b3;display:flex;font-size:14px;inset:12px;justify-content:center;position:absolute}.error-banner{background:#c83c3c1f;border:1px solid rgba(200,60,60,.3);border-radius:14px;color:#7a1c1c;margin:24px auto 0;max-width:1200px;padding:12px 16px}@media(max-width:960px){.studio-shell{height:auto}.studio-grid{grid-template-columns:1fr;height:auto;min-height:auto}.studio-panel-resizer{display:none}.studio-panel,.studio-preview{height:auto;min-height:auto}.panel-card{flex:none;min-height:auto;overflow:visible}.preview-frame{min-height:520px}.section-toolbar{align-items:stretch;flex-direction:column}.inline-actions{justify-content:flex-start}.field-inline{align-items:stretch;flex-direction:column}}