/* Uses Shirone's own generated design tokens and configured fonts. */
.studio{margin:0;min-height:100vh;background:var(--page-bg);color:var(--on-surface);font-family:var(--font-sans);font-size:16px;line-height:1.6}.studio *{box-sizing:border-box}.studio [hidden]{display:none!important}.studio h1,.studio h2,.studio p{margin:0}.studio h1{font-size:2rem;font-weight:700;line-height:1.3}.studio h2{font-size:1.2rem;font-weight:600}.studio button,.studio input,.studio textarea,.studio select{font:inherit}.studio button,.studio a{touch-action:manipulation}.studio button{cursor:pointer;border:0;color:var(--on-surface);background:none;transition:background var(--m3e-duration-short),border-radius var(--m3e-duration-short)}.studio button:disabled{opacity:.5;cursor:wait}.studio button:hover{background:var(--surface-container-high)}.studio button:focus-visible,.studio a:focus-visible,.studio input:focus-visible,.studio textarea:focus-visible,.studio select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.studio .primary,.studio .tonal,.studio .plain{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 18px;border-radius:var(--shape-corner-m);text-decoration:none;white-space:nowrap}.studio .primary{background:var(--primary);color:var(--on-primary);font-weight:600}.studio .primary:hover{background:color-mix(in oklab,var(--on-primary) 8%,var(--primary));border-radius:var(--shape-corner-l)}.studio .tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.studio .plain{color:var(--primary)}.studio label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:500}.studio input:not([type=checkbox]),.studio select{min-width:0;width:100%;padding:12px 14px;border:1px solid transparent;border-bottom-color:var(--outline-variant);border-radius:var(--shape-corner-s) var(--shape-corner-s) 0 0;background:var(--surface-container-low);color:var(--on-surface);min-height:48px}.studio input:focus{border-bottom-color:var(--primary)}.studio .muted{color:var(--on-surface-variant);font-size:.9rem}.studio .eyebrow{color:var(--primary);font-size:.8rem;font-weight:600;letter-spacing:.04em}.studio .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.studio .segmented{display:flex;gap:3px;background:var(--surface-container-low);border-radius:var(--shape-corner-full);padding:4px}.studio .segmented button{border-radius:var(--shape-corner-full);padding:7px 14px;min-height:36px;font-size:.85rem}.studio .segmented .active,.studio .nav.active,.studio .settings-nav .active{background:var(--secondary-container);color:var(--on-secondary-container)}.studio .studio-top{min-height:76px;display:flex;align-items:center;gap:16px;padding:12px 32px;background:var(--card-bg);border-bottom:1px solid var(--outline-variant)}.studio .wordmark,.login-brand{font-family:var(--font-body),serif;font-size:1.6rem;letter-spacing:-.04em;color:var(--primary);text-decoration:none}.studio-top nav{display:flex;gap:4px;margin:auto}.studio .nav{padding:10px 18px;border-radius:var(--shape-corner-full);min-height:44px}.studio-main{max-width:1536px;margin:auto;padding:32px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.page-heading h1{margin-top:6px}.private-chip{color:var(--on-secondary-container);background:var(--secondary-container);font-size:.8rem;padding:5px 12px;border-radius:var(--shape-corner-full)}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.file-pane,.editor-pane,.settings-panel,.updates-panel{background:var(--card-bg);border-radius:var(--shape-corner-l)}.file-pane{padding:20px 12px;min-height:580px}.aside-top{display:flex;justify-content:space-between;align-items:center;padding:0 8px 16px}.search-label{margin-bottom:14px}.file-pane .segmented{justify-content:center;margin-bottom:12px}.file-list{display:flex;flex-direction:column;gap:4px}.studio .file-item{display:flex;flex-direction:column;text-align:left;gap:5px;padding:14px 12px;border-radius:var(--shape-corner-m);width:100%;overflow-wrap:anywhere}.file-item small{color:var(--on-surface-variant)}.studio .file-item.active{background:var(--secondary-container);color:var(--on-secondary-container)}.editor-pane{min-height:660px;overflow:hidden}.empty{min-height:640px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;padding:32px}.empty p{color:var(--on-surface-variant);font-size:.95rem}.empty-star{font-size:64px;color:var(--primary-container);margin-bottom:8px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 28px 12px}.post-fields{padding:8px 28px 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row{display:flex;gap:12px}.field-row>*{flex:1;min-width:0}.studio .check{flex-direction:row;align-items:center;gap:8px;align-self:end;min-height:48px}.check input{accent-color:var(--primary);width:18px;height:18px}.editor-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-top:1px solid var(--outline-variant);gap:12px}.editor-actions>span{font-size:.8rem;color:var(--on-surface-variant)}.toolbar{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:8px 20px;background:var(--surface-container-low)}.toolbar button{min-width:38px;height:40px;padding:4px 10px;border-radius:var(--shape-corner-s);font-weight:600}.toolbar select{width:auto;max-width:200px!important;padding:6px!important;min-height:40px!important;font-size:.85rem}#source{width:100%;min-height:400px;resize:vertical;border:0;background:transparent;color:var(--on-surface);padding:28px;line-height:1.85;outline-offset:-3px;font-family:var(--font-sans);font-size:1rem;tab-size:2}#source.source-mode{font-family:var(--font-mono);font-size:.875rem}.editor-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--outline-variant);padding:16px 24px}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:24px}.settings-nav{display:flex;flex-direction:column;gap:8px}.settings-nav button{text-align:left;border-radius:var(--shape-corner-full);padding:12px 20px}.settings-panel{padding:28px;max-width:1000px}.settings-panel h2{margin-bottom:10px}.settings-panel p{margin-bottom:24px}.settings-panel label{margin-bottom:20px}.settings-panel textarea{width:100%;min-height:320px;background:var(--surface-container-low);color:var(--on-surface);padding:16px;border:0;border-radius:var(--shape-corner-m);font-family:var(--font-mono);font-size:.85rem}.setting-section{margin:28px 0 16px;border-top:1px solid var(--outline-variant);padding-top:24px}.banner-preview{width:100%;max-height:220px;object-fit:cover;border-radius:var(--shape-corner-l);margin-bottom:16px}.settings-panel .upload-row{display:flex;gap:8px;align-items:end}.settings-panel .upload-row label{flex:1}.updates-panel{padding:36px;max-width:900px}.updates-panel h2{font-size:1.6rem;margin:8px 0 16px}.updates-panel p{color:var(--on-surface-variant);margin-bottom:28px;max-width:650px}.version-row{padding:16px 0;display:flex;gap:32px;border-top:1px solid var(--outline-variant)}.updates-panel .actions{margin-top:24px}.job-panel{margin-top:20px;border-radius:var(--shape-corner-l);background:var(--surface-container);padding:16px 24px}.job-head{display:flex;justify-content:space-between;gap:12px}.job-head a{color:var(--primary)}.job-panel details{font-size:.8rem;margin-top:8px}.job-panel pre{max-height:230px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--on-surface-variant);font-family:var(--font-mono)}.notice{margin-top:16px;color:var(--primary);min-height:26px}.notice.error{color:var(--error)}.studio dialog{border:0;border-radius:var(--shape-corner-xl);background:var(--surface-container-high);color:var(--on-surface);padding:32px;max-width:min(560px,calc(100vw - 32px));width:100%;box-shadow:var(--m3e-elevation-3)}.studio dialog::backdrop{background:rgba(0,0,0,.4)}.studio dialog label{margin-top:16px}.studio dialog .actions{margin-top:24px;justify-content:end}#history-list{max-height:50vh;overflow:auto;margin:20px 0}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.studio .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-page{background:var(--page-bg);background-image:radial-gradient(ellipse at 20% 10%,var(--surface-container-high),transparent 55%)}.login-brand{position:absolute;top:30px;left:40px}.login-main{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:96px 24px 70px}.login-mark{color:var(--primary);font-size:40px;line-height:1;margin-bottom:24px}.login-sheet{width:100%;max-width:448px;padding:40px;background:var(--card-bg);border-radius:var(--shape-corner-xl);position:relative}.login-sheet h1{font-size:1.7rem;margin:10px 0 8px}.login-sheet form{margin-top:30px}.login-sheet label{margin:18px 0}.password-wrap{position:relative}.password-wrap input{padding-right:70px!important}.password-wrap button{position:absolute;right:4px;top:2px;font-size:.8rem;padding:8px 12px!important}.login-submit{width:100%;justify-content:space-between!important;margin-top:6px}.login-note{text-align:center;color:var(--on-surface-variant);font-size:.75rem;margin-top:26px!important}.login-footer{position:fixed;bottom:24px;width:100%;text-align:center;color:var(--on-surface-variant);font-size:.8rem}#login-error{color:var(--error);font-size:.85rem;min-height:24px;margin:0 0 12px}.login-page:before,.login-page:after{content:'✦';position:fixed;font-size:130px;color:var(--primary-container);opacity:.4;z-index:-1}.login-page:before{top:20%;left:16%;transform:rotate(15deg)}.login-page:after{bottom:14%;right:17%;font-size:80px;transform:rotate(-15deg)}
@media(max-width:900px){.studio .studio-top{padding:12px 16px;gap:6px;flex-wrap:wrap}.studio-top nav{order:3;width:100%;justify-content:center;margin:6px 0 0}.studio-top .wordmark{margin-right:auto}.studio-main{padding:24px 16px}.workspace{grid-template-columns:200px minmax(0,1fr)}.post-fields{grid-template-columns:1fr}.editor-bottom{flex-wrap:wrap}.settings-layout{grid-template-columns:180px 1fr}}@media(max-width:640px){.studio h1{font-size:1.6rem}.studio-top .wordmark{font-size:1.35rem}.studio .studio-top>.plain{font-size:.8rem;padding:8px}.workspace,.settings-layout{grid-template-columns:1fr}.file-pane{min-height:0}.file-list{max-height:200px;overflow:auto}.file-pane .search-label{display:none}.aside-top{padding-bottom:8px}.file-pane .segmented{margin:0}.editor-heading,.editor-actions{padding:16px}.post-fields{padding:8px 16px 16px}.toolbar{padding:8px}#source{padding:20px 16px;min-height:360px}.editor-bottom{padding:12px}.editor-bottom .actions{width:100%;justify-content:end}.editor-bottom button{padding:10px 12px;font-size:.85rem}.empty{min-height:340px}.editor-pane{min-height:340px}.settings-nav{flex-direction:row;overflow:auto}.settings-nav button{white-space:nowrap;font-size:.8rem;padding:10px}.settings-panel,.updates-panel{padding:22px}.login-brand{top:24px;left:24px}.login-sheet{padding:28px}.login-mark{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.studio *{transition:none!important;animation:none!important}}
.studio .wordmark,.login-brand{font-family:VerseLogo,Amelaryas,var(--font-body),serif;font-size:1.65rem;font-weight:400;letter-spacing:normal;word-spacing:.16em}.login-footer{position:static;padding:16px 0 24px}.login-main{min-height:calc(100svh - 65px);padding-bottom:20px}.login-sheet{margin-bottom:0}