:root{--ink:#213d37;--muted:#78817a;--line:#e4e6df;--paper:#f7f8f3;--green:#204e43;--gold:#b18a47;--white:#fff;--danger:#a34332;--radius:16px;font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:1px solid var(--line);background:white;border-radius:9px;padding:10px 16px;color:var(--ink)}button:hover:not(:disabled){border-color:#95aa9a;background:#f4f7f2}button.primary,.primary{background:var(--green);color:white;border:1px solid var(--green)}button.primary:hover:not(:disabled){background:#143d32}button.ghost{background:transparent;border-color:transparent}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 14px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#5e8b76;box-shadow:0 0 0 3px #214e4310}textarea{line-height:1.9;resize:vertical}label{display:block;font-size:0.9286rem;font-weight:600;margin-bottom:9px}button:focus-visible,a:focus-visible{outline:3px solid #b9cbbb;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:2.5714rem;letter-spacing:-1px;font-weight:600;line-height:1.4;margin-bottom:14px}h2{font-size:1.4286rem;font-weight:600}h3{font-size:1.1429rem}small{font-size:0.8571rem}.muted{color:var(--muted)}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:1.7143rem;letter-spacing:3px;font-weight:700;margin:0 8px 52px}.brand-icon{background:var(--green);color:#e8e8d0;border-radius:11px;display:grid;place-items:center;width:42px;height:46px;font-size:2.1429rem}.brand small{display:block;font-size:0.5714rem;letter-spacing:2px;color:#7d8e80;margin-top:4px}.nav-label{font-size:0.7143rem;letter-spacing:2px;color:#9ba599;margin:0 16px 17px}nav{display:grid;gap:8px}nav a,nav button{display:flex;gap:13px;align-items:center;padding:14px 16px;border:0;text-align:left;background:none;font-size:1.2143rem}nav span{font-size:1.0rem}nav .active{background:#eaf0e8;color:var(--green);font-weight:600;border-radius:9px}.side-note{margin-top:auto;padding:25px 10px;font-size:0.7857rem;color:#6c8171;line-height:1.9}.side-note p{color:#9aa498;margin:9px 0 0 14px}.tiny-dot{display:inline-block;width:5px;height:5px;background:#6f987d;border-radius:50%;vertical-align:middle}.account{display:flex;gap:12px;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 10px 0;text-align:left}.workspace{margin-left:230px;min-height:100vh}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;border-bottom:1px solid var(--line);background:#fafbf7;font-size:0.8571rem;color:#7b877e}.slash{margin:0 14px;color:#b8beb5}.top-right{display:flex;align-items:center;gap:22px}.avatar{background:#e5ebdf;border:3px solid white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.badge{font-size:0.7857rem;padding:5px 10px;background:#edf1e8;color:#697d60;border-radius:20px;white-space:nowrap}.badge.warn{background:#fff0d9;color:#946523}.badge.red{background:#fbe9e4;color:#9b4d3e}main{max-width:1360px;margin:auto;padding:42px 46px 60px;min-height:calc(100vh - 155px)}.eyebrow{font-size:0.7143rem;letter-spacing:2.5px;color:#879478;margin-bottom:13px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.hero p{color:#7c877f;line-height:1.9;font-size:0.9286rem;margin-bottom:0}.hero-mark{width:112px;height:92px;position:relative;margin-right:20px}.hero-mark i{position:absolute;width:88px;height:64px;border:1px solid #c7d1bb;border-radius:8px;background:#f0f3e9;transform:rotate(-13deg);left:0;top:6px}.hero-mark i:nth-child(2){background:#e2e9d8;transform:rotate(7deg);left:20px;top:17px}.hero-mark i:nth-child(3){background:#fff;transform:rotate(0);left:9px;top:32px;padding:14px;color:#758a6b;font-style:normal;font-size:1.4286rem}.steps{display:flex;gap:0;margin-bottom:30px;max-width:650px;align-items:center}.step{display:flex;align-items:center;gap:9px;color:#9aA394;white-space:nowrap;font-size:0.8571rem}.step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #dce2d5;font-size:0.7857rem;font-weight:500}.step.on{color:var(--green)}.step.on b{background:var(--green);color:white;border-color:var(--green)}.step-line{height:1px;background:#dfe5d8;flex:1;margin:0 17px;min-width:15px}.create-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 3px 12px #173e3802}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.card-heading h2{font-size:1.1429rem;margin:0;display:flex;gap:10px;align-items:center}.label-num{font-size:0.7857rem;color:#91a080;background:#f0f4e8;padding:4px 7px;border-radius:5px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px;gap:24px}.tabs button{border:0;border-radius:0;padding:0 0 12px;background:none;color:#8d988c;font-size:0.9286rem}.tabs button.selected{color:var(--green);border-bottom:2px solid var(--green)}#source-text{min-height:290px;border-color:#e8ebe3;background:#fdfefb;padding:19px;font-size:0.9286rem;line-height:2.05}.input-meta{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0;font-size:0.7857rem;color:#94a08e}.dropzone{border:1px dashed #b7c6ad;border-radius:12px;background:#f8faf4;padding:65px 20px;text-align:center;cursor:pointer;min-height:290px;position:relative}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone b{display:block;font-size:1.0714rem;margin:15px 0 9px}.dropzone p{font-size:0.8571rem;color:var(--muted)}.file-icon{font-size:2.5rem;color:#8b9e7e}.field{margin-bottom:24px}.field small{display:block;color:#98a090;font-size:0.7857rem;margin-top:9px;line-height:1.7}.template-preview{aspect-ratio:16/9;border:1px solid #e2e6d9;border-radius:10px;overflow:hidden;margin-top:15px;background:#f5f3eb;position:relative;padding:20px 24px}.template-preview img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.sample-title{font-size:1.2857rem;font-weight:600;position:relative;z-index:1;max-width:75%;line-height:1.4}.sample-kicker{font-size:0.5rem;letter-spacing:2px;display:block;margin-bottom:9px;opacity:.6}.sample-line{width:55%;height:3px;background:currentColor;opacity:.15;margin-top:11px}.sample-circle{position:absolute;width:100px;height:100px;border:18px solid currentColor;opacity:.09;right:-14px;bottom:-17px;border-radius:50%}.sample-bottom{font-size:0.5rem;position:absolute;bottom:13px;left:24px;opacity:.5;letter-spacing:1px}.swatches{display:flex;gap:5px;align-items:center}.swatches i{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #0000000a}.template-description{font-size:0.8571rem;color:#849079;line-height:1.8;margin:10px 0 0}.create-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:22px;gap:16px}.create-footer p{font-size:0.8571rem;color:#899582;margin:0;line-height:1.8}.create-footer .primary{min-width:205px;padding:14px 20px}.hint-row{display:flex;gap:25px;margin-top:22px;font-size:0.7857rem;color:#919d88;justify-content:center}.notice{max-width:1268px;margin:20px 46px -14px;padding:12px 17px;border:1px solid #e9ddb9;border-radius:8px;background:#fff9e9;font-size:0.8571rem;line-height:1.7;color:#896a32}.empty{text-align:center;padding:70px 30px;color:var(--muted);line-height:2}.empty h2{color:var(--ink)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.statusline{display:flex;justify-content:space-between;align-items:center;margin:22px 0;gap:15px}.progress{height:5px;background:#e3eadf;border-radius:3px;overflow:hidden;margin:14px 0}.progress span{height:100%;display:block;background:#648a6b;transition:width .5s}.editor-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:23px}.page-list{display:grid;gap:10px;align-content:start}.page-list button{text-align:left;border-radius:10px;padding:15px;background:#fff;overflow:hidden}.page-list button.selected{border-color:#567f62;box-shadow:0 0 0 1px #567f62}.page-list small{font-size:0.7143rem;color:#96a18c;display:block;margin-bottom:6px}.page-list strong{font-size:0.8571rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-list .badge{font-size:0.6429rem;margin-top:10px;display:inline-block}.slide-editor .field{margin-bottom:20px}.slide-editor textarea{font-size:1.0rem}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.slide-image{width:100%;border-radius:9px;border:1px solid var(--line);display:block;margin-bottom:15px;cursor:zoom-in}.editor-title{font-size:1.4286rem;font-weight:600;border:none;padding:0;background:transparent}.approval-bar{position:sticky;bottom:14px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;background:#fff;box-shadow:0 8px 30px #163c3710;border:1px solid #d9e1d2;border-radius:12px;z-index:4}.check{display:flex;align-items:flex-start;gap:9px;font-weight:400;margin:0;font-size:0.8571rem;line-height:1.8}.check input{width:16px;margin-top:4px;accent-color:var(--green)}.source-details{font-size:0.8571rem;color:var(--muted);line-height:1.9;margin-top:20px}.source-details p{white-space:pre-wrap;padding:8px;background:var(--paper);border-radius:6px}.source-details summary{cursor:pointer}.warning{padding:13px 16px;background:#fff5e3;border-radius:8px;color:#927142;font-size:0.8571rem;line-height:1.8;margin:12px 0}.error{background:#fff0ec;color:var(--danger)}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-tile{cursor:pointer;text-align:left}.project-tile:hover{border-color:#a4b997}.project-tile h3{font-size:1.1429rem;line-height:1.7;margin:17px 0}.project-tile p{font-size:0.8571rem;color:var(--muted);line-height:1.9;margin:0}.tile-decoration{height:100px;background:#edf1e6;border-radius:9px;display:grid;place-items:center;color:#9bac8b;font-size:2.5rem}.admin-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.template-list{display:grid;gap:10px;align-content:start}.template-list button{text-align:left;padding:16px}.template-list button.selected{border-color:#668367;background:#f5f8f0}.template-list strong{display:block;margin-bottom:8px}.template-list p{font-size:0.8571rem;color:var(--muted);line-height:1.6;margin:0 0 10px}.admin-upload{display:flex;align-items:center;gap:12px;padding:20px;margin-bottom:26px}.admin-upload input{max-width:350px;font-size:0.8571rem}.admin-editor textarea{font-size:0.9286rem}.admin-preview{max-width:500px}.refs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.refs img{width:100px;border-radius:5px;border:1px solid var(--line)}.table{width:100%;border-collapse:collapse;font-size:0.8571rem}.table td{padding:10px;border-bottom:1px solid var(--line)}.table td:last-child{text-align:right}footer{padding:23px 46px;border-top:1px solid var(--line);font-size:0.7143rem;letter-spacing:1px;color:#9ba692;display:flex;justify-content:space-between}footer span{letter-spacing:0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#183e36;color:white;box-shadow:0 8px 30px #0002;border-radius:10px;z-index:100;max-width:90vw;font-size:0.9286rem}.toast.error{background:#944934}dialog{border:1px solid var(--line);border-radius:18px;padding:35px;max-width:min(850px,92vw);width:460px;color:var(--ink)}dialog::backdrop{background:#17372c60;backdrop-filter:blur(3px)}dialog img{width:100%}.icon-close{position:absolute;right:12px;top:9px;font-size:1.5714rem;border:0;background:none;padding:2px 9px}.login-form h2{margin-top:12px}.login-form p{color:var(--muted);font-size:0.9286rem;line-height:1.8}.login-form button{width:100%;margin-top:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.spinner{display:inline-block;width:13px;height:13px;border:2px solid #c8d6bc;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
@media(min-width:1600px){main{padding-top:60px}.create-grid{gap:30px}#source-text,.dropzone{min-height:340px}}
@media(max-width:1100px){.sidebar{width:195px;padding:30px 14px}.workspace{margin-left:195px}main{padding:32px 26px}.topbar{padding:0 26px}.create-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.card{padding:21px}.admin-grid{grid-template-columns:220px minmax(0,1fr)}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}}
@media(max-width:780px){.sidebar{position:static;width:auto;height:auto;display:flex;flex-direction:row;padding:14px 20px;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.brand{margin:0;font-size:1.3571rem;gap:8px}.brand-icon{width:31px;height:34px;font-size:1.7143rem}.brand small{font-size:0.4286rem}.nav-label,.side-note,.account{display:none}nav{display:flex;margin-left:auto;gap:1px}nav a,nav button{padding:10px;font-size:1.1429rem}nav span{font-size:0.7857rem}.workspace{margin:0}.topbar{height:54px;padding:0 20px}.top-right{gap:8px}.avatar{display:none}main{padding:30px 20px}h1{font-size:2.0rem}.hero-mark{display:none}.create-grid,.admin-grid{grid-template-columns:1fr}.steps{margin-bottom:24px}.step{font-size:0.7143rem}.step-line{margin:0 10px}.hint-row{gap:13px;font-size:0.7143rem}.create-footer{align-items:stretch;flex-direction:column}.create-footer button{width:100%}.editor-layout{grid-template-columns:1fr}.page-list{display:flex;overflow:auto;padding:2px 2px 10px}.page-list button{min-width:130px;max-width:170px}.approval-bar{position:static;flex-direction:column;align-items:stretch}.statusline{align-items:flex-start;flex-direction:column}.template-list{display:flex;overflow:auto}.template-list button{min-width:200px}.admin-upload{flex-wrap:wrap}.notice{margin:15px 20px -5px}.library-grid{grid-template-columns:1fr}footer{padding:20px;font-size:0.6429rem}footer span{display:none}.card-heading{gap:10px}.topbar .slash{margin:0 7px}}
.summary-overview{margin:26px 0}.summary-overview>p{font-size:0.8571rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.summary-tile{text-align:left;padding:20px;background:#fff;min-width:0}.summary-tile small{color:var(--muted);display:block;margin-bottom:8px}.summary-tile strong{display:block;line-height:1.7;font-size:1.1429rem}.summary-tile p{font-size:0.9286rem;line-height:1.9;color:#66786e;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.connection-model{font-size:1.2857rem;font-weight:600;overflow-wrap:anywhere}.connection-result{padding:18px;background:var(--paper);border-radius:9px;line-height:1.9;margin:20px 0}.connection-result.error{background:#fff0ec}.connection-card>button{margin:10px 0 16px}.connection-card small{line-height:1.9}.connection-help{margin-top:24px;line-height:2}.connection-help p{font-size:0.9286rem;color:var(--muted)}.connection-sample{border-left:3px solid #94ad8b;background:#f6f8f1;padding:16px;margin:16px 0}.connection-sample h3{margin:10px 0}.connection-sample p{line-height:1.9;font-size:0.9286rem;margin:0}@media(max-width:780px){.connection-grid{grid-template-columns:1fr}.sidebar{flex-wrap:wrap}nav{flex-basis:100%;justify-content:space-between;gap:0}nav a,nav button{gap:5px;padding:10px 7px}.summary-overview .card-heading{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:1fr}}

.tile-decoration{height:auto;aspect-ratio:16/9;overflow:hidden}.tile-decoration img{display:block;width:100%;height:100%;object-fit:contain}


/* Compact navigation and separate draft / presentation screens. */
.sidebar{position:fixed;inset:64px auto 0 0;width:250px;height:calc(100dvh - 64px);padding:24px;display:flex;flex-direction:column;align-items:stretch;transform:translateX(-100%);transition:transform .18s;z-index:30;background:var(--paper);border-right:1px solid var(--line)}
.menu-open .sidebar{transform:translateX(0)}.sidebar nav{display:flex;flex-direction:column;margin:20px 0;gap:6px}.sidebar nav span{font-size:1rem}.sidebar .account{display:block;margin-top:auto}.sidebar .nav-label,.sidebar .side-note{display:none}.workspace{margin-left:0}.topbar{position:sticky;top:0;z-index:40;background:var(--paper);min-height:64px;height:auto;padding:10px 24px;gap:16px}.top-left,.top-right{display:flex;align-items:center;gap:12px;min-width:0}.app-name{font-size:1.3rem;font-weight:700;white-space:nowrap}#menu-toggle{font-size:1.3rem;padding:6px 12px}#menu-backdrop{position:fixed;inset:64px 0 0;background:#142f3025;border:0;border-radius:0;z-index:25}.font-setting{display:flex;align-items:center;gap:6px;white-space:nowrap;margin:0;font-size:.9rem}.font-setting select{width:auto;padding:6px}.topbar>span,#mode-badge{display:none}main{padding:24px;max-width:1440px;margin:auto}.project-screen footer{display:none}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.project-heading h1{font-size:1.5rem;line-height:1.35;margin:4px 0;overflow-wrap:anywhere}.project-heading small{color:var(--muted)}.project-heading .actions{flex-shrink:0}.draft-toolbar,.viewer-toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.draft-toolbar label{display:flex;align-items:center;gap:10px;margin:0;flex:1}.draft-toolbar select{max-width:650px}.slide-editor{padding:20px}.slide-editor .field{margin-bottom:14px}.slide-editor textarea#slide-body{min-height:130px;height:22dvh;resize:vertical}.advanced-draft{margin-top:10px}.advanced-draft>summary{cursor:pointer;color:var(--green);padding:10px 0}.advanced-draft[open]>.cols{margin-top:12px}.approval-bar{position:sticky;bottom:10px;margin-top:14px;padding:12px 16px;gap:12px}.approval-bar>span{font-size:.9rem;color:var(--muted)}.presentation-stage{display:flex;align-items:center;justify-content:center;background:#e8ece6;border:1px solid var(--line);border-radius:14px;height:calc(100dvh - 260px);min-height:220px;overflow:hidden}.presentation-stage>img{width:100%;height:100%;object-fit:contain}.generation-placeholder{text-align:center;padding:24px}.generation-placeholder h2{font-size:1.4rem}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;flex-wrap:wrap}.viewer-controls select{width:auto}.viewer-toolbar>span{font-size:1rem}.job-status{position:relative;font-size:.85rem}.job-status>summary{cursor:pointer;white-space:nowrap;color:var(--green)}.job-popover{position:absolute;top:32px;left:0;width:280px;max-width:75vw;padding:10px;background:white;box-shadow:0 8px 30px #0002;border-radius:12px;max-height:60dvh;overflow:auto}.job-popover a{display:block;padding:10px;border-bottom:1px solid var(--line)}.job-popover strong,.job-popover small{display:block;overflow-wrap:anywhere}.job-popover small{color:var(--muted);margin-top:5px}.project-screen .warning{margin:8px 0;padding:8px 12px}.actions{flex-wrap:wrap}
@media(max-width:780px){.topbar{padding:8px 12px;gap:6px}.top-left{gap:7px}.font-setting{font-size:.8rem}.top-right{gap:0}main{padding:16px}.project-heading{align-items:flex-start;flex-direction:column;gap:8px}.project-heading h1{font-size:1.3rem}.presentation-stage{height:calc(100dvh - 340px);min-height:200px}.approval-bar{position:static;align-items:stretch}.approval-bar .actions{justify-content:space-between}.viewer-toolbar{gap:8px}.job-popover{left:-70px}.draft-toolbar label{flex-basis:100%}.sidebar .brand small{font-size:.65rem}}

.sidebar{visibility:hidden;overflow-y:auto}.menu-open .sidebar{visibility:visible}

.preview-screen main{height:calc(100dvh - 64px);display:flex;flex-direction:column;width:100%;box-sizing:border-box}.preview-screen .presentation-stage{height:auto;flex:1;min-height:140px}.preview-screen .project-heading,.preview-screen .viewer-toolbar,.preview-screen .viewer-controls,.preview-screen .warning{flex-shrink:0}.preview-screen .viewer-controls{margin-top:10px}

#exit-slides{display:none}
body.playing-slides{overflow:hidden;background:#101312}
.playing-slides .topbar,.playing-slides .sidebar,.playing-slides #notice,.playing-slides footer,.playing-slides .project-heading,.playing-slides .viewer-toolbar,.playing-slides main>.warning{display:none!important}
.playing-slides.preview-screen main{position:fixed;inset:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;background:#101312;z-index:1000}
.playing-slides .presentation-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:#101312}
.playing-slides .presentation-stage>img{display:block;object-fit:contain;width:100%;height:100%}
.playing-slides .generation-placeholder{color:white}
.playing-slides .viewer-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);margin:0;padding:10px 14px;background:#17221dea;border:1px solid #ffffff40;border-radius:14px;width:max-content;max-width:calc(100vw - 24px);gap:8px;z-index:2;transition:opacity .2s}
.playing-slides #exit-slides{display:inline-block}.playing-slides #browse-library{display:none}
.playing-slides.play-controls-hidden .viewer-controls:not(:hover):not(:focus-within){opacity:0;pointer-events:none}
.playing-slides.play-controls-hidden .presentation-stage{cursor:none}
@media(max-width:600px){.playing-slides .viewer-controls{bottom:8px;padding:8px}.playing-slides .viewer-controls button,.playing-slides .viewer-controls select{font-size:.85rem;padding:8px}}

/* Playback controls: a faint hint on the first page, hover-only thereafter. */
body.playing-slides .viewer-controls,
body.playing-slides.play-controls-hidden .viewer-controls:not(:hover):not(:focus-within){opacity:0;pointer-events:auto}
body.playing-slides.play-first-page .viewer-controls,
body.playing-slides.play-first-page.play-controls-hidden .viewer-controls:not(:hover):not(:focus-within){opacity:.35}
body.playing-slides .viewer-controls:hover,
body.playing-slides .viewer-controls:focus-within{opacity:1}

.context-inputs{margin-top:18px}.context-inputs textarea{min-height:76px}.context-summary{padding:12px;background:var(--paper);border-radius:8px;margin:10px 0}.context-summary p{white-space:pre-wrap;overflow-wrap:anywhere}

.draft-gallery{margin-bottom:28px}.draft-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.draft-template-card{padding:16px;min-width:0}.draft-thumbnail{width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;display:grid;place-items:center;background:#e8ece6}.draft-thumbnail img{width:100%;height:100%;object-fit:contain}.draft-pick{display:flex;gap:10px;align-items:flex-start;margin:14px 0 10px;cursor:pointer}.draft-pick input{width:18px;height:18px;flex:none;accent-color:var(--green)}.draft-template-card>p{font-size:.85rem;line-height:1.6}.batch-template-bar{position:sticky;bottom:10px;z-index:5;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);padding:14px;border-radius:12px;box-shadow:0 5px 20px #0001;margin-top:16px}#template-settings>summary{cursor:pointer;padding:18px 0;font-size:1.15rem;font-weight:bold}@media(max-width:600px){.draft-template-grid{grid-template-columns:1fr}.batch-template-bar{position:static}}