:root{--bg: #F4F6F9;--surface: #FFFFFF;--ink: #15213A;--muted: #6B7685;--line: #DCE3EC;--accent: #1F47C9;--ok: #1F8A4C;--warn: #B7791F;--danger: #C0352B;--radius: 10px;--tap: 44px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0F1521;--surface: #18202E;--ink: #E6EBF2;--muted: #96A0AE;--line: #2A3547;--accent: #6C8CFF}}:root[data-theme=dark]{--bg: #0F1521;--surface: #18202E;--ink: #E6EBF2;--muted: #96A0AE;--line: #263142;--accent: #6C8CFF}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{min-height:var(--tap);min-width:var(--tap);padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{background:transparent;border-color:transparent}button.danger{color:var(--danger)}button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}input,select,textarea{min-height:var(--tap);padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%}textarea{min-height:120px;resize:vertical;font-family:ui-monospace,monospace;font-size:13px}a{color:var(--accent)}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar .grow{flex:1;min-width:60px}.topbar input.title{border:none;background:transparent;font-weight:600;min-width:120px}.content{flex:1;overflow:auto;padding:16px}.content.flush{padding:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-align:left;width:100%;min-height:0;display:block}.card h3{margin:0 0 4px;font-size:15px}.card p{margin:0;color:var(--muted);font-size:13px}.card img{width:100%;border-radius:6px;border:1px solid var(--line);display:block;margin-bottom:8px}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,monospace;font-size:13px}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.stack>*{flex-shrink:0}.spacer{flex:1}.page-shell{flex:1;display:flex;min-height:0}.canvas-host{flex:1;position:relative;background:#8d97a5;min-height:0;overflow:hidden}.pen-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.hud{position:absolute;left:10px;bottom:10px;z-index:5;background:#0f1521d1;color:#e6ebf2;border-radius:8px;padding:6px 10px;font:12px/1.4 ui-monospace,monospace;pointer-events:none;white-space:pre}.review{width:380px;flex-shrink:0;border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0}.review header,.review footer{padding:10px 12px;border-bottom:1px solid var(--line)}.review footer{border-bottom:none;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.review .list{flex:1;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:10px}@media(max-width:900px){.page-shell{flex-direction:column}.review{width:auto;max-height:55%;border-left:none;border-top:1px solid var(--line)}}.item{border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px}.item.focused{outline:2px solid var(--accent)}.item .fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.item label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.item .transcript{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--line) 35%,transparent);border-radius:6px;padding:6px 8px;word-break:break-word}.doubt{background:color-mix(in srgb,var(--warn) 18%,transparent);border-left:3px solid var(--warn);padding:6px 8px;border-radius:4px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.badge.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.badge.danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;z-index:50;max-width:90vw}.center{display:grid;place-items:center;height:100%;padding:20px}.login{width:min(360px,100%);display:flex;flex-direction:column;gap:12px}.sheet{position:fixed;inset:0;background:#0f152173;display:grid;place-items:center;padding:16px;z-index:40}.sheet>div{background:var(--surface);border-radius:14px;padding:16px;width:min(560px,100%);max-height:85vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.settings{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding-bottom:48px}.settings>section{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings>section>header{padding:14px 16px 0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.settings h2{margin:0;font-size:15px}.settings .desc{margin:5px 16px 0;color:var(--muted);font-size:13px;line-height:1.5}.settings .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:16px}.settings .body>*{flex-shrink:0}.settings textarea{min-height:150px}.field{display:flex;flex-direction:column;gap:6px}.field>.label{font-size:13px;font-weight:600}.field>.hint{font-size:12px;color:var(--muted);line-height:1.5}.switch{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.switch input{width:20px;height:20px;min-height:20px;flex:none;margin:2px 0 0;accent-color:var(--accent)}.switch .label{font-size:14px;font-weight:500}.divider{height:1px;background:var(--line);border:none;margin:0}.kv{display:flex;justify-content:space-between;gap:12px;font-size:13px}.kv span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.engine-error{position:absolute;inset:16px;z-index:10;background:var(--surface);border:1px solid var(--danger);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto}.swatch{display:block;width:36px;height:4px;border-radius:999px;margin-bottom:10px;box-shadow:0 0 0 1px var(--line)}.toolbar{position:relative;padding-top:4px;padding-bottom:4px;gap:4px}.toolbar button{padding:0 10px;min-width:42px}.tool-sep{width:1px;align-self:stretch;background:var(--line);margin:6px 4px}.plate{background:#eef1f5;box-shadow:inset 0 0 0 1px #0000001f}.pen-chip{display:block}.pen-plate{display:grid;place-items:center;width:30px;height:30px;border-radius:50%}.popover{position:absolute;top:calc(100% + 6px);left:8px;z-index:30;width:min(320px,calc(100vw - 16px));max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #00000047;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.pop-title{font-size:12px;font-weight:600;color:var(--muted);margin-top:4px}.pop-hint{margin:0;font-size:12px;color:var(--muted);line-height:1.45}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:36px;min-width:0;padding:0 12px;border-radius:999px;font-size:13px}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.color-dot{min-width:0;min-height:0;aspect-ratio:1;padding:0;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}.color-dot[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.size-row{display:flex;align-items:center;gap:6px}.size-dot{flex:1;min-width:0;min-height:44px;display:grid;place-items:center;padding:0;background:#eef1f5;border-color:#0000001f}.size-dot span{display:block;border-radius:50%}.size-dot[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.custom-color{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-top:4px}.custom-color input[type=color]{width:52px;min-height:36px;padding:2px;border-radius:8px}.text-block{position:absolute;z-index:3}.text-block textarea{width:100%;min-height:0;padding:2px 4px;border:1px dashed transparent;border-radius:6px;background:transparent;color:#111;font:inherit;resize:none;overflow:hidden}.text-block textarea:hover{border-color:#1f47c959}.text-block textarea:focus{border-color:var(--accent);background:#ffffffeb;outline:none}