.workbench-book-picker{padding:14px 18px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;gap:12px;font-size:13px;color:#888}
.workbench-book-picker select{min-width:0;flex:1;border:1px solid #eee;border-radius:10px;padding:10px;background:#fff;color:#292730;font-size:14px}
.ratings-panel{margin:20px 0;padding:16px;background:#fff;border:1px solid #ebe9ed;border-radius:16px}
.ratings-panel p{font-size:12px;color:#999}.rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rating-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px}.rating-grid select{padding:9px;border:1px solid #eee;border-radius:9px;background:#fff}
.listener-note{border-top:1px solid #eee;padding:12px 0}.listener-note small{color:#999;font-size:11px}.listener-note p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.empty-feedback,.tag-summary{font-size:14px;line-height:1.8;color:#777}.book-cover span{white-space:pre-line}.managed-actions{flex-wrap:wrap}.managed-actions button{flex:1 1 40%}
#analysisResult{white-space:pre-wrap}.sync-status{position:relative;z-index:20;background:#fff4e6;color:#985b1b;padding:10px 16px;font-size:12px}.sync-status button{margin-left:8px;border:1px solid #eeb985;border-radius:6px;background:white;color:inherit}
[hidden]{display:none!important}
.demo-identity{width:min(100%,420px);box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 auto 14px;padding:14px 16px;border:1px solid #f2d9cd;border-radius:16px;background:#fff;color:#34313a;text-align:left}
.demo-identity strong{display:block;font-size:14px}.demo-identity small{display:block;font-size:12px;color:#78737e;margin-top:5px}.demo-identity button{border:1px solid #f4b59b;border-radius:9px;background:#fff4ef;color:#bd4c2b;padding:9px 12px;font-size:13px;cursor:pointer}.demo-identity p{width:100%;margin:0;font-size:12px;line-height:1.6;color:#78737e}
.genre-chip:disabled{opacity:.45;cursor:not-allowed}
.certification-preview-button{width:100%;margin-top:16px;padding:13px 16px;border:1px solid #efb59f;border-radius:12px;background:#fff6f0;color:#b9532e;font-size:14px;font-weight:600;cursor:pointer}.certification-preview-button:disabled{opacity:.45;cursor:not-allowed}.certification-preview-notice{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#fff4d8;color:#865c20;font-size:14px;line-height:1.65}.status-card.certification-preview{border-color:#e6bd70;background:linear-gradient(145deg,#fffdf8,#fff6e5)}.certification-preview .status-badge{background:#f8e6b8;color:#865414;font-weight:700}.certification-preview .status-badge i{display:none}.certification-preview .progress-track span{background:linear-gradient(90deg,#eab953,#c99634)}
.demo-entry-page{background:linear-gradient(165deg,#fff6f0,#f7f8fb 60%)}.demo-entry-content{padding:68px 24px 28px}.demo-entry-kicker{font-size:13px;color:#d5633e}.demo-entry-page h1{font-size:27px;margin:18px 0 12px}.demo-entry-page p{font-size:14px;color:#797681;line-height:1.7}.demo-entry-card{display:flex;align-items:center;gap:16px;width:100%;padding:22px 18px;margin:20px 0;border:1px solid #f1ded4;border-radius:20px;background:#fff;text-align:left;box-shadow:0 8px 24px #613f2810}.demo-entry-card strong{display:block;font-size:20px;color:#292730}.demo-entry-card small{display:block;margin-top:8px;font-size:13px;color:#817c85}.demo-account-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#fff0e7;color:#e4673e;font-size:26px;font-weight:700;flex:none}.demo-account-icon.creator{background:#eeeaf8;color:#766198}.demo-entry-page .demo-entry-note{font-size:12px;margin-top:24px}.demo-account-content{padding:22px 20px}.demo-account-content h1{font-size:22px;margin:10px 0}.demo-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.demo-account-button{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eadfd9;border-radius:14px;padding:15px 10px;text-align:left}.demo-account-button strong{font-size:14px;color:#38333d}.demo-account-number{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff1e9;color:#d4673e;font-size:13px;font-weight:700}.demo-account-button:disabled{opacity:.5}
@media(max-width:600px){.demo-identity{width:100%;margin:0;border-radius:0;padding:10px 14px;flex:none}.device{height:calc(100dvh - 150px);min-height:540px}.stage{justify-content:flex-start}}
