.editor-page{background:#f6f5f2;min-height:100vh}.editor-head{height:75px;background:white;border-bottom:1px solid var(--line);padding:0 max(calc((100% - 1120px)/2),28px);display:flex;align-items:center;justify-content:space-between}.editor-head .brand{font-size:19px}.editor-head .brand-mark{width:36px;height:36px}.back-link{font-size:11px;color:#646868}.editor-wrap{max-width:1120px;width:calc(100% - 48px);margin:46px auto}.editor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.editor-title h1{font:600 37px var(--serif);margin:4px 0}.editor-title p{color:var(--muted);font-size:12px;margin:0}.primary{background:var(--red);border:0;color:white;padding:12px 17px;font-weight:600;font-size:11px;cursor:pointer}.primary:hover{background:#b92e27}.primary span{margin-left:17px}.notice{padding:13px 15px;background:#fff8e8;border:1px solid #f0e2c3;font-size:10px;color:#655f4f;margin:22px 0;display:flex;gap:10px}.notice b{color:#3d3931;white-space:nowrap}.editor-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.story-list-panel,.form-panel{background:white;border:1px solid var(--line)}.panel-heading{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.panel-heading span{color:#898d8b;font-weight:400;letter-spacing:0}.story-list-item{padding:13px 16px;border-bottom:1px solid #efefed;cursor:pointer}.story-list-item:hover,.story-list-item.selected{background:#faf8f5}.story-list-item.selected{box-shadow:inset 3px 0 var(--red)}.story-list-item .tag{font-size:8px}.story-list-item b{font:600 14px/1.3 var(--serif);display:block;margin:5px 0}.story-list-item small{color:#929694;font-size:9px}.list-actions{padding:12px 16px;display:flex;flex-wrap:wrap;gap:10px}.list-actions button,.import-button{background:none;border:0;color:#777;font-size:9px;cursor:pointer;padding:3px 0}.list-actions button:hover,.import-button:hover{color:var(--red)}#story-form{padding:24px}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.form-heading h2{font:600 23px var(--serif);margin:5px 0 0}.form-panel label{display:block;font-size:10px;font-weight:700;margin:15px 0;color:#474b4b}.form-panel input,.form-panel select,.form-panel textarea{display:block;width:100%;border:1px solid #dedfdd;margin-top:7px;padding:11px 12px;font:400 11px var(--sans);color:var(--ink);outline:none;background:#fff}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#ba827d;box-shadow:0 0 0 2px #d9393014}.form-panel textarea{resize:vertical;line-height:1.6}.form-panel label small{display:block;font-weight:400;color:#999;margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--line);margin-top:18px}.form-footer>span{font-size:9px;color:#878b89}.delete-button{background:none;border:0;color:#bd2924;font-size:10px;cursor:pointer}.empty-list{padding:28px 16px;color:#888;font-size:11px;line-height:1.6}@media(max-width:760px){.editor-head{padding:0 18px}.editor-wrap{width:calc(100% - 28px);margin:30px auto}.editor-title{align-items:flex-end}.editor-title h1{font-size:30px}.editor-title p{font-size:10px}.editor-title>.primary{white-space:nowrap;padding:11px}.notice{line-height:1.5}.editor-layout{grid-template-columns:1fr}.story-list-panel{order:2}.form-panel{order:1}#story-form{padding:18px}.form-row{gap:10px}.form-footer{gap:15px;align-items:flex-end}.form-footer>span{max-width:120px;line-height:1.5}}
.title-actions{display:flex;align-items:center;gap:10px}.quiet-button{border:1px solid var(--line);background:white;padding:11px 14px;font-size:10px;cursor:pointer}.auth-panel{max-width:480px;background:white;border:1px solid var(--line);padding:28px;margin:26px auto}.auth-panel h2{font:600 25px var(--serif);margin:8px 0}.auth-panel p{font-size:11px;color:#777}.auth-panel label{display:block;font-size:10px;font-weight:700;margin:17px 0 6px}.auth-panel input{display:block;width:100%;padding:12px;border:1px solid #dedfdd;margin-bottom:13px}.auth-panel #login-error{color:#ba3028;font-size:10px;line-height:1.5;margin-top:12px}.error-text{color:#b52e26!important}.editor-page [hidden]{display:none!important}.feature-check{display:flex!important;align-items:center;gap:8px}.feature-check input{width:auto!important;margin:0!important}
