:root{--bg: #f5ead8;--surface: #ebddc5;--paper: #fffdf8;--ink: #201e1d;--n100: #f9f4ed;--n200: #eee7db;--n300: #dcd3c4;--n400: #c0b6a5;--n600: #82796a;--n700: #645c50;--n800: #474238;--n900: #2e2b25;--accent: #c67139;--accent-100: #fff2eb;--accent-200: #ffe1d0;--accent-700: #8c491a;--sage: #7a8a5e;--sage-100: #f0fae1;--sage-200: #e1eecc;--sage-700: #56633f;--font-heading: "Caprasimo", Georgia, serif;--font-body: "Figtree", system-ui, sans-serif;--shadow-sm: 0 1px 2px rgba(46, 43, 37, .14);--shadow-md: 0 3px 10px rgba(46, 43, 37, .16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px}button{font-family:var(--font-body);cursor:pointer}input,textarea{font-family:var(--font-body)}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--paper);border-bottom:1.5px solid var(--n300);flex:none}.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:19px}.logo-dot{width:22px;height:22px;border-radius:50%;background:var(--accent);display:inline-flex;align-items:center;justify-content:center}.logo-dot:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--bg)}.meta{color:var(--n700);font-size:13px}.spacer{flex:1}.tag{font-size:11px;border-radius:999px;padding:2px 10px;white-space:nowrap;border:1.5px solid var(--n400);color:var(--n700);background:transparent}.tag.sage{border-color:var(--sage);color:var(--sage-700);background:var(--sage-100)}.tag.accent{border-color:var(--accent);color:var(--accent-700);background:var(--accent-100)}.btn{border:1.5px solid var(--n800);border-radius:999px;padding:6px 16px;background:var(--paper);font-size:13px;font-weight:600;color:var(--ink)}.btn:hover{background:var(--n100)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-700);border-color:var(--accent-700)}.btn.ghost{border-color:var(--n400);font-weight:500}.btn:disabled{opacity:.45;cursor:default}.btn.small{padding:2px 12px;font-size:12px}.pin{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:var(--shadow-sm)}.pin.sage{background:var(--sage)}.upload-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.upload-card{width:620px;max-width:94vw;display:flex;flex-direction:column;gap:18px}.upload-hero{font-family:var(--font-heading);font-size:34px;line-height:1.1;margin:0}.upload-sub{color:var(--n700);margin:0;line-height:1.5}.dropzone{border:2px dashed var(--n400);border-radius:20px;background:var(--paper);padding:44px 24px;text-align:center;color:var(--n700);display:flex;flex-direction:column;gap:8px;align-items:center;transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--accent);background:var(--accent-100)}.dropzone .big{font-size:26px}.recent{display:flex;flex-direction:column;gap:6px}.recent-row{display:flex;align-items:center;gap:10px;background:var(--paper);border:1.5px solid var(--n300);border-radius:12px;padding:8px 12px;font-size:13px}.review{flex:1;display:flex;min-height:0}.rail{width:92px;flex:none;border-right:1.5px solid var(--n300);background:var(--n100);overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:8px;align-items:center}.thumb{width:68px;border-radius:6px;border:1.5px solid var(--n300);background:#fff;position:relative;cursor:pointer;padding:0;display:block}.thumb img{width:100%;display:block;border-radius:5px}.thumb.active{outline:2.5px solid var(--accent)}.thumb .badge{position:absolute;right:-6px;top:-6px;width:16px;height:16px;font-size:10px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.thumb .pageno{position:absolute;left:3px;bottom:2px;font-size:9px;color:var(--n600);background:#fffdf8cc;padding:0 3px;border-radius:3px}.canvas-wrap{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--surface);position:relative}.canvas{position:relative;box-shadow:var(--shadow-md);border-radius:6px;overflow:visible;background:#fff}.canvas img{display:block;max-width:100%;border-radius:6px}.hitbox{position:absolute;border-radius:4px;cursor:pointer}.hitbox:hover{outline:2px dashed var(--accent);outline-offset:2px;background:#c671390f}.hitbox.selected{outline:2.5px solid var(--accent);outline-offset:2px;background:#c6713914}.canvas .pin{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.side{width:290px;flex:none;border-left:1.5px solid var(--n300);background:var(--paper);display:flex;flex-direction:column;min-height:0}.side-head{padding:9px 14px;border-bottom:1.5px solid var(--n300);display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.8px;color:var(--n700);font-weight:700}.feed{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.feed-row{display:flex;gap:8px;align-items:flex-start}.bubble{flex:1;background:var(--n100);border-radius:12px;padding:7px 10px;font-size:12.5px;line-height:1.45}.bubble.sage{background:var(--sage-100)}.bubble .sub{color:var(--n600);font-size:11px;margin-top:3px}.feed-hint{color:var(--n600);font-size:12px;font-style:italic}.transcript-bar{flex:none;border-top:1.5px solid var(--n300);background:var(--paper);padding:10px 14px;display:flex;align-items:center;gap:12px}.mic{width:40px;height:40px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:17px;flex:none;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.mic.listening{background:#b3402e;animation:pulse 1.2s infinite}.mic:disabled{background:var(--n400)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.transcript-input{flex:1;border:1.5px solid var(--n300);border-radius:999px;padding:8px 16px;font-size:13.5px;background:var(--n100);outline:none}.transcript-input:focus{border-color:var(--accent);background:#fff}.hint{color:var(--n600);font-size:11.5px;white-space:nowrap}.live-transcript{font-style:italic;color:var(--n700);font-size:13px}.plan-wrap{flex:1;overflow-y:auto;padding:22px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;max-width:1100px;margin:0 auto}.plan-card{display:flex;flex-direction:column;gap:7px}.plan-page{position:relative;border:1.5px solid var(--n300);border-radius:10px;background:#fff;overflow:hidden}.plan-page img{width:100%;display:block}.plan-page .badge{position:absolute;right:6px;top:6px}.plan-page .pageno{position:absolute;left:7px;bottom:5px;font-size:11px;color:var(--n700);background:#fffdf8d9;padding:0 5px;border-radius:4px}.chip{display:flex;gap:8px;align-items:center;background:var(--paper);border:1.5px solid var(--n300);border-radius:10px;padding:6px 9px;font-size:12px}.chip.sage{border-color:var(--sage)}.chip .txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip button{border:none;background:none;color:var(--n600);font-size:12px;padding:2px}.chip button:hover{color:var(--accent-700)}.plan-note{text-align:center;color:var(--n700);font-size:12.5px;padding:14px}.exec-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5ead8f0;z-index:40;display:flex;align-items:center;justify-content:center}.exec-card{background:var(--paper);border:1.5px solid var(--n300);border-radius:20px;box-shadow:var(--shadow-md);padding:32px 40px;text-align:center;display:flex;flex-direction:column;gap:14px;width:420px}.exec-card h2{font-family:var(--font-heading);font-weight:400;margin:0;font-size:24px}.progress{height:8px;border-radius:999px;background:var(--n200);overflow:hidden}.progress>div{height:100%;background:var(--sage);transition:width .4s}.queue-wrap{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px;align-items:center}.queue-card{width:980px;max-width:96vw;background:var(--paper);border:1.5px solid var(--n300);border-radius:16px;box-shadow:var(--shadow-sm);padding:16px;display:flex;flex-direction:column;gap:12px}.ba-row{display:flex;gap:14px}.ba-col{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.ba-label{font-size:11px;letter-spacing:.8px;font-weight:700;color:var(--n700)}.ba-label.after{color:var(--sage-700)}.ba-img{position:relative;border:1.5px solid var(--n300);border-radius:8px;overflow:hidden;background:#fff}.ba-img.after{border-color:var(--sage)}.ba-img img{width:100%;display:block}.region{position:absolute;border:2px solid var(--accent);border-radius:4px;box-shadow:0 0 0 2000px #201e1d24}.ba-img.after .region{border-color:var(--sage)}.q-instr{display:flex;gap:10px;align-items:center;border:1.5px solid var(--n300);border-radius:10px;padding:8px 12px;font-size:13px}.q-actions{display:flex;gap:10px;align-items:center}.q-redo-input{flex:1;border:1.5px solid var(--n300);border-radius:999px;padding:7px 14px;font-size:13px;background:var(--n100);outline:none}.q-list-row{width:980px;max-width:96vw;display:flex;gap:10px;align-items:center;background:var(--paper);border:1.5px solid var(--n300);border-radius:10px;padding:7px 12px;font-size:12.5px}.q-list-row.warn{border-color:var(--accent);color:var(--accent-700)}.q-list-row.failed{border-style:dashed;color:var(--n700)}.banner{width:980px;max-width:96vw;border:1.5px solid var(--accent);background:var(--accent-100);color:var(--accent-700);border-radius:10px;padding:9px 14px;font-size:13px}.done-wrap{flex:1;overflow-y:auto;padding:26px;display:flex;justify-content:center}.done-card{width:760px;max-width:95vw;display:flex;flex-direction:column;gap:16px}.done-card h1{font-family:var(--font-heading);font-weight:400;margin:0;font-size:30px}.stats{display:flex;gap:10px}.stat{flex:1;background:var(--paper);border:1.5px solid var(--n300);border-radius:12px;padding:12px;text-align:center}.stat.sage{border-color:var(--sage)}.stat .num{font-size:24px;font-weight:700}.stat .lbl{font-size:11px;color:var(--n700)}.log{background:var(--paper);border:1.5px solid var(--n300);border-radius:12px;overflow:hidden}.log table{width:100%;border-collapse:collapse;font-size:12.5px}.log th{text-align:left;font-size:10.5px;letter-spacing:.6px;color:var(--n700);padding:7px 12px;border-bottom:1.5px solid var(--n300)}.log td{padding:6px 12px;border-bottom:1px dashed var(--n200)}.status-ok{color:var(--sage-700);font-weight:600}.status-bad{color:var(--accent-700)}.error-toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--n900);color:#fff;border-radius:10px;padding:10px 18px;font-size:13px;z-index:60;box-shadow:var(--shadow-md)}