:root{--navy:#0d1b2a;--navy2:#16213e;--navy3:#1a2744;--teal:#0e7c7b;--teal2:#0ba3a2;--teal3:rgba(14,124,123,.15);--gold:#d4a017;--gold2:#e8b420;--gold-dim:rgba(212,160,23,.12);--text:#f0f0f0;--muted:#7a8899;--muted2:#3a4a5a;--border:hsla(0,0%,100%,.07);--border2:hsla(0,0%,100%,.13);--danger:rgba(192,57,43,.15);--danger-text:#ff8070}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--navy);color:var(--text);font-family:Syne,sans-serif;min-height:100vh}.header{padding:1rem 1.75rem;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.logo{height:36px;width:auto}.htitle{font-size:15px;font-weight:700}.hsub{font-size:12px;color:var(--muted);margin-top:1px}.main{display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - 65px)}.left{padding:1.5rem;border-right:1px solid var(--border);gap:1.25rem}.left,.right{display:flex;flex-direction:column}.right{padding:1.75rem 2rem;overflow-y:auto}.flabel{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;display:block}.flabel-sub{color:var(--muted2);text-transform:none;letter-spacing:0}.type-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.tbtn{padding:9px 10px;border-radius:8px;border:1px solid var(--border2);background:var(--navy2);color:var(--muted);font-family:Syne,sans-serif;font-size:12px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s}.tbtn:hover{color:var(--text)}.tbtn.on,.tbtn:hover{border-color:var(--teal)}.tbtn.on{background:var(--teal3);color:var(--teal2)}select,textarea{width:100%;font-family:Syne,sans-serif;font-size:14px;background:var(--navy2);border:1px solid var(--border2);border-radius:9px;color:var(--text);outline:none;transition:border-color .15s}textarea{padding:11px 13px;resize:vertical;min-height:90px;line-height:1.6}textarea::placeholder{color:var(--muted2)}select:focus,textarea:focus{border-color:var(--teal)}select{padding:10px 12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237a8899'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.gbtn{width:100%;padding:13px;background:var(--teal);border:none;border-radius:9px;color:#fff;font-family:Syne,sans-serif;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s;margin-top:auto}.gbtn:hover{background:var(--teal2);transform:translateY(-1px)}.gbtn:disabled{background:var(--muted2);cursor:not-allowed;transform:none}.empty{flex:1 1;flex-direction:column;text-align:center;gap:10px;color:var(--muted)}.empty,.empty-icon{display:flex;align-items:center;justify-content:center}.empty-icon{width:52px;height:52px;border-radius:13px;border:1px solid var(--border2);font-size:22px;margin-bottom:6px}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.tab{padding:9px 18px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--muted);margin-bottom:-1px;transition:all .15s;background:none;border:none;border-bottom:2px solid transparent;font-family:Syne,sans-serif}.tab:hover{color:var(--text)}.tab.on{color:var(--teal2);border-bottom-color:var(--teal2)}.pane{display:none}.pane.on{display:block}.slide{background:var(--navy2);border-radius:10px;padding:14px 16px;margin-bottom:10px;border:1px solid var(--border);border-left:3px solid var(--teal);transition:border-left-color .4s}.slide.rewriting{border-left-color:var(--gold)}.snum{font-size:10px;letter-spacing:.1em;margin-bottom:6px}.snum,.stype{font-weight:700;color:var(--teal2)}.stype{display:inline-block;font-size:9px;padding:2px 8px;border-radius:4px;background:var(--teal3);border:1px solid rgba(14,124,123,.3);margin-left:6px;text-transform:uppercase}.shead{font-size:15px;font-weight:700;line-height:1.35;color:var(--text);border-radius:4px;padding:2px 4px;margin:-2px -4px}.shead:focus,.ssub:focus{outline:1px solid var(--teal);background:rgba(14,124,123,.08)}.ssub{font-size:13px;color:#8a9aaa;line-height:1.55;margin-top:7px}.svisual{font-size:11px;color:var(--gold);margin-top:8px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.06);font-style:italic}.tone-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;align-items:center}.tone-btn{padding:4px 10px;border-radius:5px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-family:Syne,sans-serif;font-size:10px;font-weight:700;cursor:pointer;letter-spacing:.04em;transition:all .15s}.tone-btn:hover{border-color:var(--gold);color:var(--gold)}.tone-btn:disabled{opacity:.4;cursor:not-allowed}.custom-tone{flex:1 1;min-width:120px;font-size:11px;padding:4px 8px;min-height:unset;height:28px;border-radius:5px}.apply-custom{padding:4px 10px;border-radius:5px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-family:Syne,sans-serif;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.apply-custom:hover{background:rgba(212,160,23,.1)}.action-row{display:flex;gap:8px;margin-top:10px;align-items:center}.action-btn{padding:7px 14px;border-radius:7px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.04em;transition:all .15s;border:1px solid}.poster-btn{border-color:var(--gold);color:var(--gold);background:transparent}.poster-btn:hover{background:rgba(212,160,23,.1)}.voice-btn{border-color:var(--teal2);color:var(--teal2);background:transparent}.voice-btn:hover{background:var(--teal3)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.preview-img{width:100%;max-width:300px;border-radius:8px;margin-top:10px;border:1px solid var(--border2)}.dl-btn{display:inline-block;margin-top:8px;padding:7px 16px;border-radius:7px;background:var(--teal);color:#fff;font-family:Syne,sans-serif;font-size:12px;font-weight:700;text-decoration:none}.section-block{background:var(--navy2);border-radius:8px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--border);border-left:3px solid var(--muted2);transition:border-left-color .4s}.section-block:focus-within{border-left-color:var(--teal)}.section-block.rewriting{border-left-color:var(--gold)}.section-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--teal2);margin-bottom:6px;text-transform:uppercase}.section-text{font-family:DM Mono,monospace;font-size:13px;color:#ccc;line-height:1.75;white-space:pre-wrap;outline:none}.section-tone-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;align-items:center}.capbox{background:var(--navy2);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.caplabel{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal2);margin-bottom:12px}.captext{font-family:DM Mono,monospace;font-size:13px;color:#bbc8d4;line-height:1.75;white-space:pre-wrap}.cpbtn{margin-top:12px;padding:7px 14px;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-family:Syne,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.cpbtn:hover{border-color:var(--teal);color:var(--teal2)}.copy-all{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:7px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-family:Syne,sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .15s}.copy-all:hover{border-color:var(--teal);color:var(--teal2)}.provider-badge{display:inline-block;font-size:9px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:6px;vertical-align:middle}.pb-claude{background:rgba(255,149,0,.15);color:#ff9500;border:1px solid rgba(255,149,0,.3)}.pb-gemini{background:rgba(66,133,244,.15);color:#4285f4;border:1px solid rgba(66,133,244,.3)}.pb-groq{background:rgba(0,200,83,.15);color:#00c853;border:1px solid rgba(0,200,83,.3)}.loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.spin{width:30px;height:30px;border:2px solid var(--border2);border-top-color:var(--teal);border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}.loading p{font-size:13px;color:var(--muted)}.inline-spin{display:inline-block;width:12px;height:12px;border:2px solid hsla(0,0%,100%,.2);border-top-color:currentcolor;border-radius:50%;animation:sp .8s linear infinite;vertical-align:middle;margin-right:4px}.err{font-size:13px;padding:12px 14px;background:var(--danger);color:var(--danger-text);border-radius:9px;border:1px solid rgba(192,57,43,.25)}audio{width:100%;margin-top:10px;border-radius:6px}@media (max-width:700px){.main{grid-template-columns:1fr}.left{border-right:none;border-bottom:1px solid var(--border)}}