:root{--bg-color: #f2f3f5;--card-bg: #ffffff;--text-color: #131722;--sub-text-color: #5d606b;--border-color: #e0e3eb;--accent-color: #089981;--header-bg: #f8f9fd;--header-border: #f0f0f0;--hover-bg: #f8f9fd;--input-bg: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--footer-bg: #ffffff;--footer-border: #e0e3eb;--edit-bg: #fff3e0;--edit-border: #ffb74d;--edit-text: #e65100;--col-count: 8;--card-height: 200px}body[data-theme=dark]{--bg-color: #131722;--card-bg: #1e222d;--text-color: #d1d4dc;--sub-text-color: #787b86;--border-color: #2a2e39;--accent-color: #2962ff;--header-bg: #2a2e39;--header-border: #2a2e39;--hover-bg: #2a2e39;--input-bg: #2a2e39;--shadow: 0 4px 6px rgba(0, 0, 0, .3);--footer-bg: #1e222d;--footer-border: #2a2e39;--edit-bg: #4e342e;--edit-border: #ffcc80;--edit-text: #ffcc80}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:20px 20px 110px;overflow-y:scroll}.grid-container{display:grid;grid-template-columns:repeat(var(--col-count),1fr);grid-auto-rows:5px;gap:0;width:100%;align-items:start}.chart-card,.group-block{background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow);overflow:hidden;position:relative;display:flex;flex-direction:column;margin:7.5px}.chart-card{grid-column:span 1;height:var(--card-height)}.group-block{grid-column:span 2;height:auto;padding:4px 8px 8px;min-height:80px}.drag-handle{height:28px;background-color:var(--header-bg);border-bottom:1px solid var(--header-border);cursor:default;display:flex;justify-content:space-between;align-items:center;padding:0 8px;color:var(--sub-text-color);font-size:12px;font-weight:600}.group-header{height:24px;background-color:transparent;border:none;border-bottom:1px solid var(--border-color);margin-bottom:6px;padding:0 2px;cursor:default;display:flex;justify-content:space-between;align-items:center;color:var(--text-color);font-size:13px;font-weight:700}body.edit-mode .drag-handle{cursor:grab;background-color:var(--edit-bg);border-bottom:1px solid var(--edit-border);color:var(--edit-text)}body.edit-mode .group-header{cursor:grab;border-bottom:1px dashed var(--edit-border);background-color:#ff98000d}.btn-edit-active{background-color:#ff9800!important;color:#fff!important}.title-editable{cursor:pointer;border-bottom:1px dashed transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.title-editable:hover{border-bottom-color:var(--accent-color);color:var(--accent-color)}.group-inner-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}.group-inner-grid .chart-card{margin:0;height:var(--card-height);border:1px solid var(--border-color);grid-column:span 1}.widget-wrapper{flex:1;width:100%;height:100%;overflow:hidden;background:var(--card-bg);display:block;border-radius:0 0 8px 8px}tv-mini-chart{width:100%;height:calc(100% + 36px);display:block;margin-bottom:-1px}.btn-icon{cursor:pointer;opacity:.4;padding:0 4px;font-size:16px}.btn-icon:hover{opacity:1;color:#ff5252}.sortable-ghost{opacity:.4;background:var(--accent-color);border:2px dashed var(--text-color)}.footer-menu{position:fixed;bottom:0;left:0;width:100%;background-color:var(--footer-bg);border-top:1px solid var(--footer-border);padding:10px 20px;display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between;box-shadow:0 -4px 15px #0000000d;z-index:9999}.ctrl-group{display:flex;align-items:center;gap:8px}select,input,button{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color);padding:0 10px;border-radius:4px;font-size:12px;height:32px}input:focus,select:focus{outline:none;border-color:var(--accent-color)}button{background-color:var(--accent-color);color:#fff;border:none;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.1)}button.btn-sec{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}button.btn-sec:hover{background-color:var(--hover-bg)}button.btn-danger{background-color:transparent;border:1px solid #ff5252;color:#ff5252}button.btn-danger:hover{background-color:#ff5252;color:#fff}.lang-btn{opacity:.4;padding:2px;cursor:pointer;transition:.2s}.lang-btn.active{opacity:1;outline:2px solid var(--accent-color);border-radius:2px}body.ui-dev12{--bg-color: #f6f5f1;--card-bg: #fbfbf8;--text-color: #141414;--sub-text-color: rgba(20, 20, 20, .62);--border-color: rgba(20, 20, 20, .18);--accent-color: #0b57d0;--header-bg: #f2f2ef;--header-border: rgba(20, 20, 20, .1);--hover-bg: #f0f1f3;--input-bg: #fbfbf8;--shadow: 0 10px 24px rgba(20, 20, 20, .08);--edit-bg: rgba(11, 87, 208, .08);--edit-border: rgba(11, 87, 208, .5);--edit-text: #0b57d0;--dev-positive-color: #0b57d0;--dev-negative-color: #b01b1b;--dev-danger-color: #b01b1b;--dev-header-surface: color-mix(in srgb, var(--card-bg) 86%, transparent);--dev-ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dev-brand-font: var(--dev-ui-font);padding:0 20px 20px;font-family:var(--dev-ui-font);background:repeating-linear-gradient(0deg,#14141400,#14141400 22px,#14141408 22px,#14141408 23px),radial-gradient(1200px 700px at 60% 10%,rgba(11,87,208,.05),transparent 60%),var(--bg-color)}body.ui-dev12[data-theme=dark]{--bg-color: #0f1113;--card-bg: rgba(255, 255, 255, .06);--text-color: rgba(250, 250, 248, .92);--sub-text-color: rgba(250, 250, 248, .62);--border-color: rgba(250, 250, 248, .18);--accent-color: #66a2ff;--header-bg: rgba(255, 255, 255, .03);--header-border: rgba(250, 250, 248, .11);--hover-bg: rgba(255, 255, 255, .04);--input-bg: rgba(255, 255, 255, .03);--shadow: 0 30px 70px rgba(0, 0, 0, .35);--edit-bg: rgba(102, 162, 255, .14);--edit-border: rgba(102, 162, 255, .58);--edit-text: #66a2ff;--dev-positive-color: #66a2ff;--dev-negative-color: #ff6b6b;--dev-danger-color: #ff6b6b;--dev-header-surface: color-mix(in srgb, var(--card-bg) 86%, transparent);background:repeating-linear-gradient(0deg,#fafaf800,#fafaf800 22px,#fafaf80d 22px,#fafaf80d 23px),radial-gradient(1200px 700px at 60% 10%,rgba(102,162,255,.08),transparent 60%),var(--bg-color)}body.ui-dev12 input,body.ui-dev12 select,body.ui-dev12 button{font-family:var(--dev-ui-font)}body.ui-dev12 .dev12-site{font-family:var(--dev-brand-font)}body.ui-dev12 .dev12-lbl,body.ui-dev12 .dev12-tk,body.ui-dev12 .dev12-lang-btn{font-family:var(--dev-ui-font)}body.ui-dev12.ui-dev1{--bg-color: #e4e4e4;--card-bg: #ffffff;--text-color: #000000;--sub-text-color: #333333;--border-color: #6f6f6f;--accent-color: #0057d8;--header-bg: #e6e6e6;--header-border: #8a8a8a;--hover-bg: #eff7ff;--input-bg: #ffffff;--shadow: 0 1px 0 rgba(0, 0, 0, .12);--edit-bg: #fff0c7;--edit-border: #ffb300;--edit-text: #9a6700;--dev-positive-color: #007c1f;--dev-negative-color: #c00000;--dev-danger-color: #b30000;--dev-ui-font: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", Arial, sans-serif;--dev-brand-font: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", Arial, sans-serif;background:repeating-linear-gradient(90deg,#ffffff59,#ffffff59 1px,#fff0 1px,#fff0 24px),linear-gradient(#ededed,#dfdfdf)}body.ui-dev12.ui-dev1[data-theme=dark]{--bg-color: #111111;--card-bg: #1a1a1a;--text-color: #f7f7f7;--sub-text-color: #b8b8b8;--border-color: #4f4f4f;--accent-color: #58a4ff;--header-bg: #2d2d2d;--header-border: #666666;--hover-bg: #232323;--input-bg: #151515;--shadow: 0 4px 20px rgba(0, 0, 0, .34);--edit-bg: rgba(255, 179, 0, .16);--edit-border: rgba(255, 179, 0, .56);--edit-text: #ffc94d;--dev-positive-color: #44c860;--dev-negative-color: #ff5e5e;--dev-danger-color: #ff5e5e;background:repeating-linear-gradient(90deg,#ffffff0d,#ffffff0d 1px,#fff0 1px,#fff0 24px),linear-gradient(#1a1a1a,#101010)}body.ui-dev12.ui-dev2{--bg-color: #070707;--card-bg: #101010;--text-color: #f5f5f5;--sub-text-color: #c9c9c9;--border-color: #5f5f5f;--accent-color: #00ccff;--header-bg: #303030;--header-border: #6a6a6a;--hover-bg: #1f1f1f;--input-bg: #0f0f0f;--shadow: 0 10px 28px rgba(0, 0, 0, .44);--edit-bg: rgba(0, 204, 255, .15);--edit-border: rgba(0, 204, 255, .55);--edit-text: #7fe6ff;--dev-positive-color: #44d66a;--dev-negative-color: #ff4f7b;--dev-danger-color: #ff4f7b;--dev-ui-font: "Nunito", "Meiryo", "Hiragino Kaku Gothic ProN", Arial, sans-serif;--dev-brand-font: "Nunito", "Meiryo", "Hiragino Kaku Gothic ProN", Arial, sans-serif;background:repeating-linear-gradient(90deg,#ffffff0d,#ffffff0d 1px,#fff0 1px,#fff0 24px),linear-gradient(#202020,#020202)}body.ui-dev12.ui-dev2[data-theme=dark]{--bg-color: #000000;--card-bg: #0c0c0c;--text-color: #ffffff;--sub-text-color: #b7d7e4;--border-color: #4f4f4f;--accent-color: #7fe6ff;--header-bg: #242424;--header-border: #666666;--hover-bg: #1a1a1a;--input-bg: #0b0b0b;--shadow: 0 18px 36px rgba(0, 0, 0, .52)}body.ui-dev12.ui-dev3{--bg-color: #f1ecdf;--card-bg: #fffdf7;--text-color: #111111;--sub-text-color: #534d45;--border-color: #b8aa90;--accent-color: #3557c5;--header-bg: #ede2cb;--header-border: #c7b89c;--hover-bg: #f6efde;--input-bg: #fffdf8;--shadow: 0 1px 0 rgba(108, 85, 49, .18);--edit-bg: rgba(53, 87, 197, .08);--edit-border: rgba(53, 87, 197, .44);--edit-text: #3557c5;--dev-positive-color: #127928;--dev-negative-color: #b71515;--dev-danger-color: #b71515;--dev-ui-font: "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;--dev-brand-font: "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;background:repeating-linear-gradient(90deg,#91764714,#91764714 1px,#91764700 1px,#91764700 20px),linear-gradient(#f7f2e5,#ece3cf)}body.ui-dev12.ui-dev3[data-theme=dark]{--bg-color: #1f1a14;--card-bg: #2a241d;--text-color: #f2e8d5;--sub-text-color: #ccbca2;--border-color: #75664f;--accent-color: #9bb5ff;--header-bg: #332b20;--header-border: #7f6d52;--hover-bg: #403629;--input-bg: #241e16;--shadow: 0 14px 30px rgba(0, 0, 0, .42);--edit-bg: rgba(155, 181, 255, .13);--edit-border: rgba(155, 181, 255, .5);--edit-text: #b8cbff;--dev-positive-color: #6de48f;--dev-negative-color: #ff8d8d;--dev-danger-color: #ff8d8d;background:repeating-linear-gradient(90deg,#fff2dc0d,#fff2dc0d 1px,#fff2dc00 1px,#fff2dc00 20px),linear-gradient(#2c241a,#17120d)}body.ui-dev12.ui-dev4{--card-bg: #696969;--dev-header-surface: color-mix(in srgb, #fbfbf8 86%, transparent)}body.ui-dev12.ui-dev4[data-theme=dark]{--card-bg: #696969;--dev-header-surface: color-mix(in srgb, rgba(255, 255, 255, .06) 86%, transparent)}body.ui-dev12.ui-dev5{--bg-color: #f2f3f5;--card-bg: #ffffff;--text-color: #131722;--sub-text-color: #5d606b;--border-color: #e0e3eb;--accent-color: #089981;--header-bg: #f8f9fd;--header-border: #f0f0f0;--hover-bg: #f8f9fd;--input-bg: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--edit-bg: #fff3e0;--edit-border: #ffb74d;--edit-text: #e65100;--dev-positive-color: #0b57d0;--dev-negative-color: #b01b1b;--dev-danger-color: #ff5252;--dev-header-surface: #ffffff;--dev-ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dev-brand-font: var(--dev-ui-font);background:var(--bg-color)}body.ui-dev12.ui-dev5[data-theme=dark]{--bg-color: #131722;--card-bg: #1e222d;--text-color: #d1d4dc;--sub-text-color: #787b86;--border-color: #2a2e39;--accent-color: #2962ff;--header-bg: #2a2e39;--header-border: #2a2e39;--hover-bg: #2a2e39;--input-bg: #2a2e39;--shadow: 0 4px 6px rgba(0, 0, 0, .3);--edit-bg: #4e342e;--edit-border: #ffcc80;--edit-text: #ffcc80;--dev-positive-color: #66a2ff;--dev-negative-color: #ff6b6b;--dev-danger-color: #ff5252;--dev-header-surface: #1e222d;background:var(--bg-color)}body.ui-dev12.ui-dev4 .chart-card,body.ui-dev12.ui-dev4 .group-block,body.ui-dev12.ui-dev5 .chart-card,body.ui-dev12.ui-dev5 .group-block{margin:2px}body.ui-dev12.ui-dev4 .group-block,body.ui-dev12.ui-dev5 .group-block{padding:4px}body.ui-dev12.ui-dev4 .group-inner-grid,body.ui-dev12.ui-dev5 .group-inner-grid{gap:4px}body.ui-dev12.ui-dev4 .chart-card,body.ui-dev12.ui-dev4 .group-inner-grid .chart-card,body.ui-dev12.ui-dev5 .chart-card,body.ui-dev12.ui-dev5 .group-inner-grid .chart-card{height:calc(var(--card-height) + 42px)}body.ui-dev12 .footer-menu{display:none}body.ui-dev12 .dev12-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--header-border);background:var(--bg-color)}body.ui-dev12 .dev12-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}body.ui-dev12 .dev12-add{display:flex;align-items:center;gap:8px;padding:0;border:1px solid var(--header-border);background:var(--input-bg)}body.ui-dev12 .dev12-input{width:280px}body.ui-dev12 .symbol-category{height:32px;border:1px solid var(--header-border);background:var(--input-bg);color:var(--text-color)}body.ui-dev12 .symbol-suggest{position:relative;display:flex;align-items:center;gap:8px}body.ui-dev12 .symbol-suggest-dropdown{position:absolute;left:0;top:calc(100% + 8px);width:max(100%,520px);max-width:min(90vw,720px);max-height:320px;overflow-x:auto;overflow-y:auto;border:1px solid var(--header-border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:10px;padding:6px;display:none;z-index:50}body.ui-dev12 .symbol-suggest-dropdown[data-open="1"]{display:block}body.ui-dev12 .symbol-suggest-row{min-width:100%;width:max-content;display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;text-align:left;height:auto;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-color);cursor:pointer}body.ui-dev12 .symbol-suggest-row:hover{background:color-mix(in srgb,var(--text-color) 4%,transparent)}body.ui-dev12 .symbol-suggest-row.active{border-color:color-mix(in srgb,var(--accent-color) 55%,var(--header-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 14%,transparent)}body.ui-dev12 .symbol-suggest-row .sym{font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}body.ui-dev12 .symbol-suggest-row .desc{color:var(--sub-text-color);white-space:nowrap}body.ui-dev12 .symbol-suggest-row .src{color:var(--sub-text-color);font-size:11px;letter-spacing:.08em;white-space:nowrap}body.ui-dev12 .dev12-center{min-width:260px}body.ui-dev12 .dev12-tickerbar{display:flex;align-items:center;gap:10px;border:1px dashed var(--header-border);background:var(--dev-header-surface);padding:6px}body.ui-dev12 .dev12-ticker{flex:1;min-width:220px;overflow:hidden;padding:0 6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}body.ui-dev12 .dev12-ticker-track{display:inline-flex;gap:14px;white-space:nowrap;animation:dev12-ticker 28s linear infinite}@keyframes dev12-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}body.ui-dev12 .dev12-tk{font-size:12px;color:var(--sub-text-color);letter-spacing:.04em}body.ui-dev12 .dev12-tk.up{color:var(--dev-positive-color)}body.ui-dev12 .dev12-tk.dn{color:var(--dev-negative-color)}body.ui-dev12 .dev12-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-right:6px}body.ui-dev12 .dev12-seg{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--header-border);background:var(--input-bg)}body.ui-dev12 .dev12-lbl{font-size:11px;color:var(--sub-text-color);letter-spacing:.1em}body.ui-dev12 .dev12-right{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}body.ui-dev12 .dev12-brand{text-align:right;padding:2px 6px}body.ui-dev12 .dev12-site{font-family:var(--dev-brand-font);font-weight:700;letter-spacing:.02em;line-height:1.1;font-size:16px}body.ui-dev12 .dev12-meta{margin-top:2px;font-size:12px;color:var(--sub-text-color)}body.ui-dev12 .dev12-config{display:flex;align-items:center;gap:8px}body.ui-dev12 .dev12-lang{display:inline-flex;gap:6px}body.ui-dev12 .dev12-lang-btn{font-family:var(--dev-ui-font);height:32px;border:1px solid var(--header-border);background:var(--input-bg);color:var(--text-color);cursor:pointer;padding:0 10px;letter-spacing:.06em;font-size:12px}body.ui-dev12 .dev12-lang-btn.active{border-color:color-mix(in srgb,var(--accent-color) 65%,var(--header-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 14%,transparent)}body.ui-dev12 .dev12-btn{height:32px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color);padding:0 10px;cursor:pointer;letter-spacing:.04em;font-size:12px;font-weight:600}body.ui-dev12 .dev12-btn:hover{background:color-mix(in srgb,var(--text-color) 4%,var(--input-bg))}body.ui-dev12 .dev12-btn-primary{border-color:color-mix(in srgb,var(--accent-color) 70%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 10%,var(--input-bg))}body.ui-dev12 .dev12-btn-danger{border-color:color-mix(in srgb,var(--dev-danger-color) 70%,var(--border-color));background:color-mix(in srgb,var(--dev-danger-color) 10%,var(--input-bg));color:var(--dev-danger-color)}body.ui-dev12 .dev12-btn-compact{height:32px;padding:0 10px}body.ui-dev12 .grid-container{margin:0;width:100%}body.ui-dev12 .chart-card,body.ui-dev12 .group-block{border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);margin:7.5px;background:var(--card-bg)}body.ui-dev12 .drag-handle{height:28px;border-bottom:1px solid var(--header-border);background-color:var(--header-bg);color:var(--sub-text-color)}body.ui-dev12 .group-header{border-bottom:1px solid var(--border-color);margin-bottom:6px}body.ui-dev12 .widget-wrapper{border-radius:0 0 8px 8px;padding:0}body.ui-dev12.edit-mode .drag-handle{outline:none}@media(max-width:1200px){:root{--col-count: 4}body.ui-dev12 .chrome{grid-template-columns:1fr;align-items:stretch}body.ui-dev12 .dev12-header{grid-template-columns:1fr;padding:10px 0}body.ui-dev12 .dev12-ticker{display:none}body.ui-dev12 .dev12-right{justify-content:flex-start}body.ui-dev12 .dev12-brand{text-align:left}}@media(max-width:768px){body{padding:10px 4px 20px}.footer-menu{position:relative;bottom:auto;left:auto;box-shadow:none;border-top:1px solid var(--border-color);margin-top:20px;padding:20px 10px;flex-direction:column;align-items:stretch;background-color:transparent}.ctrl-group{justify-content:space-between;width:100%}.group-block{grid-column:span 2}body.ui-dev12{padding:0 4px 10px}body.ui-dev12 .dev12-input{width:min(60vw,260px)}body.ui-dev12 .grid-container{margin:0}body.ui-dev12 .symbol-suggest-dropdown{width:100%;max-width:none}}
