.auth-page{background:#faf5f1}.auth-shell{max-width:1260px;min-height:90dvh;margin:5dvh auto;display:grid;grid-template-columns:1.08fr 1fr;border:1px solid #e8ddd8;border-radius:24px;overflow:hidden;box-shadow:0 16px 65px #69455310}.auth-art{padding:45px 48px 25px;background:#f4e7e3;display:flex;flex-direction:column;justify-content:space-between}.auth-art .brand{text-decoration:none;color:var(--ink)}.auth-art h1{font:52px/1.12 Georgia,serif;letter-spacing:-1.4px;margin:18px 0}.auth-art p{color:#866a70;line-height:1.9}.auth-art .eyebrow{font-size:10px}.welcome-art{width:100%;height:260px;object-fit:contain}.auth-art .auth-caption{font-size:11px}.auth-form-panel{padding:85px 65px 32px;display:flex;flex-direction:column;justify-content:space-between;background:#fffdf9}.auth-form-panel h2{font:36px Georgia,serif;margin:14px 0}.auth-form-panel form{margin:35px 0 22px}.auth-form-panel input{font-size:16px;padding:12px;width:100%;height:47px}.auth-form-panel .field{margin:0 0 20px}.auth-form-panel .field>label{font-size:12px}.auth-form-panel .primary{min-height:46px}.auth-form-panel .notice{line-height:1.7}.auth-form-panel footer{font-size:10px;color:var(--muted);margin-top:35px}.password-row{display:flex;gap:7px}.form-message{padding:12px 15px;border-radius:9px;background:#eaf3ee}.error-message{background:#fae8eb;color:#842f44}.account-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px max(22px,calc((100vw - 1150px)/2));border-bottom:1px solid var(--line);background:white}.account-header .brand{text-decoration:none;color:var(--ink)}.account-header nav{display:flex;gap:10px;align-items:center}.account-shell{max-width:1150px;margin:35px auto;padding:0 22px 50px}.account-shell h1{font:40px Georgia,serif;margin:5px 0 10px}.account-shell h2{font:25px Georgia,serif;margin:0 0 18px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:23px}.account-card{background:white;border:1px solid var(--line);border-radius:15px;padding:26px}.account-card.wide-card{grid-column:1/-1}.account-card input{font-size:16px}.account-card .field label{font-size:12px}.account-row{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.account-row:first-child{border:0}.account-row .details{min-width:0;overflow-wrap:anywhere}.account-row .details small{display:block;color:var(--muted);margin-top:5px}.account-row .row-actions{display:flex;gap:6px;flex-shrink:0}.account-row button{font-size:11px}.storage-meter{width:100%;height:10px;accent-color:var(--rose);margin:7px 0}.account-card .field-help{font-size:11px;line-height:1.7}.user-create{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:15px}.user-create .field{margin:0}.account-badge{display:inline-block;padding:2px 7px;border-radius:5px;background:var(--rose-soft);color:var(--rose-dark);font-size:10px;margin-left:7px}.mobile-panel-controls{display:none}#account-button{font-size:11px;text-decoration:none;white-space:nowrap}.readonly-endpoint{opacity:.7}
@media(max-width:900px){.auth-shell{margin:0;min-height:100dvh;border:0;border-radius:0;grid-template-columns:1fr 1fr}.auth-art{padding:30px}.auth-art h1{font-size:41px}.auth-form-panel{padding:60px 30px 25px}.account-header{padding:18px 22px}.user-create{grid-template-columns:1fr 1fr}.account-row .row-actions{flex-direction:column}}
@media(max-width:640px){.auth-shell{display:block}.auth-art{padding:22px 28px}.auth-art>div,.auth-caption{display:none}.auth-art .brand-sub{font-size:8px;letter-spacing:2px}.auth-form-panel{padding:38px 28px;min-height:calc(100dvh - 95px)}.auth-form-panel h2{font-size:34px}.account-grid{display:block}.account-card{margin-bottom:20px;padding:21px}.account-shell{margin:25px auto}.account-header{padding:15px}.account-header .brand{font-size:21px}.account-header .brand img{width:32px}.account-header nav{gap:5px}.account-header nav a,.account-header nav button{font-size:11px}.user-create{display:block}.user-create>*{margin-bottom:14px!important}.account-row{align-items:flex-start}.account-row .row-actions{max-width:100px}.account-shell h1{font-size:32px}.account-card h2{font-size:24px}}
/* Phone studio: explicit drawers instead of a 200-pixel canvas squeezed between panels. */
@media(max-width:760px){.mobile-panel-controls{display:flex;gap:5px}.mobile-panel-controls button{font-size:10px;padding:6px}.studio-tools{overflow-x:auto;flex-shrink:0}.studio-tools>*{flex-shrink:0}.studio-tools .tool-divider,.studio-tools .tools-spacer{display:none}.workspace{grid-template-columns:65px minmax(0,1fr);position:relative}.inspector-panel{display:none}.workspace.show-properties .inspector-panel{display:flex;position:absolute;right:0;top:0;bottom:0;width:260px;z-index:12;box-shadow:-10px 0 25px #4c35432a}.workspace.show-library .assets-panel{display:flex;position:absolute;left:65px;top:0;bottom:0;width:240px;z-index:12;box-shadow:10px 0 25px #4c35432a}.workspace.show-library .inspector-panel{display:none}.workspace.show-properties .assets-panel{display:none}.app-header{gap:5px;padding:0 8px}.header-actions{gap:3px}.header-actions #preview-button{display:none}.header-actions #characters-button{display:block;font-size:9px}.header-actions #story-button{font-size:9px}.header-actions #export-button{font-size:9px}.header-actions #settings-button{width:27px}.header-actions #account-button{font-size:9px;padding:6px}.brand img{width:29px}.status-bar{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.view-controls{flex-shrink:0}.canvas-heading{padding:12px 6px}.canvas-heading span:last-child{font-size:8px}.canvas-hint{font-size:8px}.pages-panel .panel-heading{padding:10px 6px;font-size:8px;letter-spacing:0}.page-controls>button{white-space:normal}}