@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#e8eefb;background:#05080f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted: #8190a8;--navy: #0b1426;--line: #1a2639;--blue: #359bff;--cyan: #13c99a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;color:inherit}.app-shell{width:min(1180px,100%);margin:0 auto;padding:26px 28px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.topbar-actions{display:flex;align-items:center;gap:10px}.build-version{color:#71819b;font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.settings-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #2a3c56;border-radius:11px;background:#0c1628;color:#cbd7e9;font-size:21px;cursor:pointer;touch-action:manipulation}.settings-button:hover{border-color:#456181;background:#111e33}.eyebrow{margin:0 0 6px;color:#6e809f;font-size:10px;font-weight:700;letter-spacing:.18em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font:700 23px/1.2 Manrope,sans-serif;letter-spacing:-.035em}.sample-badge{display:flex;align-items:center;gap:8px;color:#d7c684;background:#241f13;border:1px solid #51472b;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:600}.sample-badge span,.live-dot{width:7px;height:7px;border-radius:50%;background:#e3bf57;box-shadow:0 0 9px #e3bf5770}.chart-card,.action-panel,.test-panel{overflow:hidden;background:#080d17;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 60px #0004}.chart-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:linear-gradient(105deg,#101d37,#0c172a 62%,#10223d);border-bottom:1px solid #1c2d46}.symbol{display:flex;align-items:baseline;gap:9px;color:#93a5c1;font-size:13px}.symbol strong{color:#eef3fc;font:700 16px Manrope,sans-serif}.symbol .separator{color:#44516a}.price{display:flex;align-items:baseline;gap:10px}.price strong{font:700 18px Manrope,sans-serif}.price span{color:var(--cyan);font-size:12px}.chart-area{position:relative;height:min(62vh,620px);min-height:360px;background:#05070c}.chart-host{position:absolute;top:0;right:0;bottom:0;left:0}.touch-preview{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.touch-crosshair line{stroke:#7487a5;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.touch-crosshair circle{fill:#359bff;stroke:#e6f5ff;stroke-width:2;vector-effect:non-scaling-stroke}.touch-crosshair .touch-icon-preview{fill:#ffd166;stroke:#08111e;stroke-width:1px;paint-order:stroke;font-size:25px;text-anchor:middle;dominant-baseline:central}.touch-preview .preview-line{stroke:#53a8ff;stroke-width:2.5;filter:drop-shadow(0 0 3px #359bff99);vector-effect:non-scaling-stroke}.touch-preview .preview-anchor{fill:#53a8ff;stroke:#e6f5ff;stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#16203470;font:800 clamp(28px,6vw,64px) Manrope,sans-serif;letter-spacing:.07em;pointer-events:none;-webkit-user-select:none;user-select:none}.drawing-toolbar{position:absolute;z-index:5;top:18px;left:16px;display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid #263650;border-radius:14px;background:#0c1628ee;box-shadow:0 8px 30px #0008}.tool-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a8b9d5;font-size:23px;cursor:pointer;touch-action:manipulation}.tool-button:hover,.tool-button.selected{color:#fff;border-color:#317bd8;background:#15325a}.tool-button.selected{box-shadow:inset 0 0 0 1px #358bff60}.tool-button.delete-tool-button{color:#ff7b87}.tool-button.delete-tool-button:disabled{color:#64738a;opacity:.5;cursor:not-allowed}.tool-button.delete-tool-button:not(:disabled):hover{border-color:#a94352;background:#3b1822;color:#ff9ca5}.toolbar-divider{height:1px;background:#25334a;margin:2px 3px}.chart-footer{min-height:43px;display:flex;align-items:center;gap:9px;padding:0 16px;border-top:1px solid var(--line);color:#a6b4c9;font-size:12px}.live-dot{width:6px;height:6px;flex:0 0 auto}.drawing-total{margin-left:auto;color:#71819b;white-space:nowrap}.action-panel,.test-panel{margin-top:16px;padding:19px 20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading .eyebrow{margin-bottom:4px}h2{margin-bottom:0;font:700 15px Manrope,sans-serif}.panel-heading>span{color:#687994;font-size:11px}.panel-copy{margin:10px 0 15px;color:#8795ac;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:9px}.primary-button,.secondary-button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid #2a3c56;border-radius:9px;background:#0c1628;color:#cbd7e9;font-size:12px;font-weight:600;cursor:pointer}.primary-button{border-color:#1769bb;background:#123d6b;color:#eef7ff}.primary-button:hover{background:#18518d}.secondary-button:hover{border-color:#456181;background:#111e33}.danger-button{color:#db9da5}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.test-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:16px 0 0;padding-left:18px;color:#aab7cb;font-size:12px}.test-panel li::marker{color:#3b9bff}.legal-note{padding:17px 3px 0;color:#59677c;font-size:10px}.settings-content[hidden],.chart-card[hidden]{display:none}@media(max-width:640px){html,body,#root{width:100%;height:100%;min-height:0;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none}.app-shell{width:100%;height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom))}.topbar{flex:0 0 auto;margin:2px 3px 8px}.topbar-actions{display:grid;grid-template-columns:auto auto;justify-items:end;gap:4px 7px}.build-version{grid-column:1 / -1;font-size:8px}.settings-button{width:38px;height:38px;border-radius:10px}h1{font-size:19px}.sample-badge{padding:7px 10px;font-size:10px}.chart-card,.action-panel,.test-panel{border-radius:12px}.chart-header{height:58px;padding:0 12px}.symbol{gap:6px;font-size:11px}.symbol strong{font-size:14px}.price{flex-direction:column;align-items:flex-end;gap:1px}.price strong{font-size:16px}.price span{font-size:10px}.chart-card{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.chart-card[hidden]{display:none}.chart-header{flex:0 0 58px}.chart-area{height:auto;min-height:0;flex:1 1 auto}.drawing-toolbar{top:10px;left:9px;gap:5px;padding:6px;border-radius:12px}.tool-button{width:38px;height:40px;font-size:21px}.chart-footer{min-height:43px;padding:8px 10px;font-size:10px}.drawing-total{font-size:9px}.settings-content{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:10px}.action-panel,.test-panel{padding:15px 13px}.panel-heading>span{font-size:9px}.panel-copy{line-height:1.5;font-size:11px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .primary-button{grid-column:span 2}.secondary-button,.primary-button{min-height:42px;font-size:11px}.test-panel ul{grid-template-columns:1fr;gap:8px;padding-left:16px;font-size:11px}.legal-note{padding-left:4px;line-height:1.5}}