@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{color:#182034;font-synthesis:none;--blue:#315bea;--blue-soft:#edf1ff;--border:#e4e8f0;--muted:#7d879d;--surface:#fffffff0;--surface-solid:#fff;--surface-subtle:#f2f4f8;--surface-hover:#f8f9fc;--canvas:#fff;--grid-dot:#cfd5e1;--connector:#cbd3e2;--connector-node:#fff;--connector-border:#aab5ca;--glass:#ffffffe0;--shadow:0 10px 34px #25325013, 0 2px 7px #25325009;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif;transition:color .2s,background-color .2s}:root[data-theme=dark]{color:#ececef;--blue:#8197ff;--blue-soft:#6882f624;--border:#2e2f34;--muted:#999ba4;--surface:#191a1ef2;--surface-solid:#191a1e;--surface-subtle:#232429;--surface-hover:#212227;--canvas:#101113;--grid-dot:#2b2c31;--connector:#3b3c42;--connector-node:#18191c;--connector-border:#5b5d65;--glass:#17181be6;--shadow:0 14px 38px #0000003d, 0 2px 8px #00000029;background:#101113}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas)}.mobile-desktop-notice{display:none}@media (width<=760px){.mobile-desktop-notice{z-index:10000;box-sizing:border-box;color:#182034;text-align:center;background:linear-gradient(145deg,#f8faff 0%,#eef2ff 100%);flex-direction:column;justify-content:center;align-items:center;padding:32px 26px;display:flex;position:fixed;inset:0}.mobile-desktop-notice__icon{color:#315bea;background:#fff;border:1px solid #315bea2e;border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:18px;display:grid;box-shadow:0 12px 30px #315bea24}.mobile-desktop-notice h1{letter-spacing:-.03em;margin:0;font-size:19px;font-weight:800}.mobile-desktop-notice p{color:#66718a;max-width:330px;margin:10px 0 0;font-size:13px;font-weight:500;line-height:2}:root[data-theme=dark] .mobile-desktop-notice{color:#f2f4fa;background:linear-gradient(145deg,#171a25 0%,#202640 100%)}:root[data-theme=dark] .mobile-desktop-notice__icon{color:#a9bcff;background:#272d42;border-color:#89a0ff38;box-shadow:0 12px 30px #0000003d}:root[data-theme=dark] .mobile-desktop-notice p{color:#b5bed2}}button,input{font:inherit}button{color:inherit}.settings-page{background:var(--canvas);min-height:100%;color:inherit;overflow:auto}.settings-topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;height:82px;padding:0 max(24px,50% - 560px);display:flex}.settings-topbar>div{order:-1;align-items:baseline;gap:10px;display:flex}.settings-topbar span,.settings-heading span{color:var(--muted);font-size:10px;font-weight:700}.settings-topbar h1{letter-spacing:0;margin:0;font-size:18px}.settings-back{border:1px solid var(--border);background:var(--surface-solid);height:38px;color:var(--muted);cursor:pointer;border-radius:11px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:650;display:flex}.settings-back:hover{border-color:color-mix(in srgb,var(--blue) 42%,var(--border));color:var(--blue)}.settings-layout{direction:rtl;width:min(860px,100% - 48px);margin:0 auto;padding:42px 0 70px}.settings-sidebar{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;align-self:start;padding:18px;display:flex;position:sticky;top:22px}.settings-profile-mark{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.settings-sidebar>strong{text-align:right;direction:ltr;font-size:12px}.settings-sidebar>span{color:var(--muted);margin-top:3px;font-size:9px}.settings-sidebar nav{border-top:1px solid var(--border);flex-direction:column;gap:3px;margin-top:20px;padding-top:14px;display:flex}.settings-sidebar a{height:34px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-size:10px;font-weight:650;text-decoration:none;display:flex}.settings-sidebar a:hover{background:var(--surface-subtle);color:var(--blue)}.settings-sidebar b{background:var(--surface-subtle);min-width:18px;height:18px;color:var(--muted);border-radius:6px;place-items:center;margin-right:auto;font-size:8px;display:grid}.settings-content{flex-direction:column;gap:46px;min-width:0;display:flex}.settings-section{scroll-margin-top:24px}.settings-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.settings-heading h2{letter-spacing:0;margin:3px 0 0;font-size:16px}.settings-heading p{max-width:300px;color:var(--muted);text-align:left;margin:0;font-size:10px;line-height:1.8}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-options>button{border:1px solid var(--border);background:var(--surface);min-height:142px;color:var(--muted);cursor:pointer;text-align:right;border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;transition:border-color .16s,background-color .16s,transform .16s;display:flex;position:relative}.theme-options>button:hover{border-color:color-mix(in srgb,var(--blue) 35%,var(--border));transform:translateY(-1px)}.theme-options>button.selected{border-color:var(--blue);background:color-mix(in srgb,var(--blue-soft) 40%,var(--surface-solid));color:var(--blue)}.theme-options>button>svg{position:absolute;bottom:13px;left:12px}.theme-options strong{align-items:center;gap:6px;font-size:11px;display:flex}.theme-preview{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-rows:17px 1fr;grid-template-columns:31% 1fr;gap:4px;width:100%;height:72px;padding:6px;display:grid}.theme-preview i{background:#edf1ff;border-radius:4px;display:block}.theme-preview i:first-child{background:#f2f4f8;grid-row:1/-1}.theme-preview i:nth-child(2){background:#edf1ff}.theme-preview.dark{background:#191a1e;border-color:#34353b}.theme-preview.dark i:first-child{background:#24252a}.theme-preview.dark i:nth-child(2){background:#28314e}.theme-preview.dark i:nth-child(3){background:#24252a}.workspace-list{flex-direction:column;gap:8px;display:flex}.workspace-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;min-height:62px;transition:border-color .16s,background-color .16s;display:flex}.workspace-item.active{border-color:color-mix(in srgb,var(--blue) 54%,var(--border));background:color-mix(in srgb,var(--blue-soft) 28%,var(--surface-solid))}.workspace-select{min-width:0;color:inherit;cursor:pointer;text-align:right;background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:10px 14px;display:flex}.workspace-select>i{width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 5%,transparent);border-radius:5px;flex:0 0 11px}.workspace-select>span{flex-direction:column;gap:3px;min-width:0;display:flex}.workspace-select strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.workspace-select small{color:var(--muted);font-size:9px}.workspace-select>svg{color:var(--blue);margin-right:auto}.workspace-delete{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;margin-left:10px;display:grid}.workspace-delete:hover:not(:disabled){color:#d65752;background:#d657521a}.workspace-delete:disabled{opacity:.32;cursor:not-allowed}.account-section{padding-top:2px}.account-name{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:13px;display:flex}.account-name>svg{background:var(--blue-soft);width:34px;height:34px;color:var(--blue);border-radius:10px;padding:8px}.account-name>div{flex-direction:column;gap:3px;display:flex}.account-name span{color:var(--muted);font-size:9px}.account-name strong{font-size:11px}.account-logout{border:1px solid color-mix(in srgb,#d65752 28%,var(--border));color:#d65752;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;height:32px;margin-right:auto;padding:0 9px;font-size:8px;font-weight:700;display:flex}.account-logout:hover:not(:disabled){background:#d6575214}.account-logout:disabled{opacity:.6;cursor:wait}.password-change-form{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px;display:grid}.password-change-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;font-weight:650;display:flex}.password-change-form input{border:1px solid var(--border);background:var(--surface-solid);width:100%;height:38px;color:inherit;text-align:left;direction:ltr;border-radius:9px;outline:0;padding:0 10px;font-size:12px}.password-change-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.password-change-form>button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;grid-column:1/-1;justify-self:left;height:38px;padding:0 14px;font-size:10px;font-weight:700}.password-change-form>button:disabled{opacity:.65;cursor:wait}.password-message{grid-column:1/-1;align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.password-message.error{color:#cc554d}.password-message.success{color:#168a62}.auth-screen{background:radial-gradient(ellipse 60% 45% at 50% 0, color-mix(in srgb, var(--blue) 8%, transparent), transparent), var(--canvas);direction:rtl;place-items:center;min-height:100%;padding:24px;display:grid}.auth-content{flex-direction:column;align-items:center;gap:12px;width:min(100%,430px);display:flex}.auth-access{background:var(--blue-soft);color:var(--blue);border-radius:7px;padding:5px 9px;font-size:10px;font-weight:700}.auth-card{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;flex-direction:column;gap:25px;padding:34px;display:flex}.auth-header{text-align:center;justify-content:center;display:flex}.auth-header h1{letter-spacing:-.03em;margin:0;font-size:21px}.auth-fields{flex-direction:column;gap:17px;display:flex}.auth-card label{color:var(--muted);flex-direction:column;gap:8px;font-size:12px;font-weight:650;display:flex}.auth-card input{border:1px solid var(--border);background:var(--surface-solid);width:100%;height:50px;color:inherit;caret-color:var(--blue);text-align:left;direction:ltr;border-radius:11px;outline:none;padding:0 14px;font-size:15px;transition:border-color .16s,box-shadow .16s}.auth-card input::placeholder{color:var(--muted);opacity:.5}.auth-card input:focus{border-color:color-mix(in srgb, var(--blue) 60%, var(--border));box-shadow:0 0 0 3px var(--blue-soft)}.password-field{position:relative}.password-field input{padding-right:56px}.auth-card .password-toggle{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;transition:background-color .16s,color .16s,border-color .16s;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.auth-card .password-toggle:hover:not(:disabled){background:var(--blue-soft);color:var(--blue);transform:translateY(-50%)}.auth-card .password-toggle:focus-visible{border-color:color-mix(in srgb, var(--blue) 45%, var(--border));background:var(--blue-soft);color:var(--blue);outline:0;transform:translateY(-50%)}.auth-card button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:11px;height:50px;font-size:13px;font-weight:700;transition:transform .16s,opacity .16s}.auth-card button:hover:not(:disabled){transform:translateY(-1px)}.auth-card button:disabled{opacity:.65;cursor:wait}.auth-error{color:#c6554c;background:#d657521a;border-radius:9px;padding:10px 12px;font-size:11px}.auth-loading{color:var(--muted);font-size:12px}.canvas-shell{direction:rtl;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.canvas-meta i,.live-chip i,.page-kicker i{background:#26b783;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #26b7831f}.icon-button{border:1px solid var(--border);background:var(--glass);width:35px;height:35px;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:11px;place-items:center;transition:all .18s;display:grid}.icon-button:hover:not(:disabled){color:var(--blue);border-color:#cfd7ef;transform:translateY(-1px)}.icon-button:disabled{opacity:.55}.canvas-viewport{background-color:var(--canvas);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);background-repeat:repeat;background-size:var(--grid-size,22px) var(--grid-size,22px);background-position:var(--grid-x,0) var(--grid-y,0);will-change:background-position,background-size;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-viewport:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--blue) 8%, transparent), transparent 36%), linear-gradient(180deg,transparent,color-mix(in srgb,var(--canvas) 58%,transparent));position:absolute;inset:0}.canvas-topline{z-index:8;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:18px;left:24px;right:24px}.canvas-topline>*{pointer-events:auto}.section-dock{border:1px solid var(--border);background:var(--glass);width:max-content;height:52px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);direction:rtl;border-radius:15px;flex-direction:row;align-items:center;gap:4px;padding:5px;display:flex}.section-button{height:40px;color:var(--muted);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:0;padding:0 7px;transition:gap .24s cubic-bezier(.2,.8,.2,1),padding .24s cubic-bezier(.2,.8,.2,1),background-color .18s,color .18s;display:flex;overflow:hidden}.section-button:hover,.section-button:focus-visible{background:var(--surface-subtle);color:inherit;outline:none;gap:7px;padding:0 10px 0 9px}.section-button.active{color:var(--blue);background:var(--blue-soft)}.section-button.locked{cursor:not-allowed;opacity:.68}.locked-route-page{min-height:100%;color:var(--muted);text-align:center;background:radial-gradient(ellipse 48% 36% at 50% 34%,color-mix(in srgb,var(--blue) 7%,transparent),transparent);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.locked-route-page>svg{box-sizing:content-box;background:var(--blue-soft);color:var(--blue);border-radius:15px;padding:12px}.locked-route-page h1{color:inherit;margin:4px 0 0;font-size:17px}.locked-route-page p{max-width:320px;margin:0;font-size:10px;line-height:1.9}.locked-route-page button{border:1px solid var(--border);background:var(--surface-solid);height:36px;color:var(--blue);cursor:pointer;border-radius:10px;margin-top:5px;padding:0 12px;font-size:10px;font-weight:700}.section-icon{flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.section-label{opacity:0;white-space:nowrap;max-width:0;font-size:10px;font-weight:650;transition:max-width .28s cubic-bezier(.2,.8,.2,1),opacity .16s 40ms;overflow:hidden}.section-button:hover .section-label,.section-button:focus-visible .section-label{opacity:1;max-width:120px}.section-lock{opacity:0;width:0;color:var(--muted);flex:none;transition:width .24s cubic-bezier(.2,.8,.2,1),opacity .16s 40ms;overflow:hidden}.section-button:hover .section-lock,.section-button:focus-visible .section-lock{opacity:1;width:11px}:root:not([data-theme=dark]) .section-dock{background:#fffffff5;border-color:#dce2ec}:root:not([data-theme=dark]) .section-button.locked{color:#7c8799;opacity:.82}:root:not([data-theme=dark]) .section-button.active{box-shadow:inset 0 0 0 1px #315bea12}.canvas-actions{direction:rtl;align-items:center;gap:7px;display:flex}.canvas-manager{direction:rtl;position:absolute;top:0;left:50%;transform:translate(-50%)}.canvas-tabs-bar{border:1px solid var(--border);background:var(--glass);max-width:min(680px,100vw - 430px);height:45px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:13px;align-items:center;gap:3px;padding:4px;display:flex}.canvas-tabs-scroll{scrollbar-width:none;align-items:center;gap:3px;min-width:0;display:flex;overflow-x:auto}.canvas-tabs-scroll::-webkit-scrollbar{display:none}.canvas-tab{--canvas-accent:var(--blue);max-width:150px;height:35px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 8px;transition:background-color .16s,color .16s;display:flex}.canvas-tab:hover{background:var(--surface-subtle);color:inherit}.canvas-tab.active{background:color-mix(in srgb,var(--canvas-accent) 12%,var(--surface-solid));color:var(--canvas-accent)}.canvas-tab>span{background:color-mix(in srgb,var(--canvas-accent) 11%,transparent);width:23px;height:23px;color:var(--canvas-accent);border-radius:7px;flex:0 0 23px;place-items:center;display:grid}.canvas-tab strong{text-overflow:ellipsis;font-size:9.5px;font-weight:650;overflow:hidden}.canvas-tab-add{width:35px;height:35px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 0 35px;place-items:center;display:grid}.canvas-tab-add:hover,.canvas-tab-add.active{background:var(--blue-soft);color:var(--blue)}.canvas-create-popover{border:1px solid var(--border);background:var(--surface);width:310px;box-shadow:0 20px 55px #19203224,var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:17px;padding:13px;animation:.18s both canvas-create-in;position:absolute;top:53px;right:50%;transform:translate(50%)}@keyframes canvas-create-in{0%{opacity:0;transform:translate(50%)translateY(-5px)scale(.98)}}.canvas-create-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:11px;display:flex}.canvas-create-heading>div{flex-direction:column;gap:2px;display:flex}.canvas-create-heading strong{font-size:11px}.canvas-create-heading small{color:var(--muted);font-size:7.5px}.canvas-create-heading>button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.canvas-create-heading>button:hover{background:var(--surface-subtle);color:inherit}.canvas-name-field{color:var(--muted);flex-direction:column;gap:6px;margin-top:12px;font-size:8px;display:flex}.canvas-name-field input{border:1px solid var(--border);background:var(--surface-solid);width:100%;height:38px;color:inherit;border-radius:10px;outline:0;padding:0 11px;font-size:10px}.canvas-name-field input:focus{border-color:color-mix(in srgb,var(--blue) 48%,var(--border));box-shadow:0 0 0 3px var(--blue-soft)}.canvas-name-error{color:#d65752;font-size:7.5px}.canvas-name-field input[aria-invalid=true]{border-color:color-mix(in srgb,#d65752 55%,var(--border));box-shadow:0 0 0 3px #d657521f}.canvas-color-picker{border:0;margin:14px 0 0;padding:0}.canvas-color-picker legend{width:100%;color:var(--muted);text-align:center;margin-bottom:8px;font-size:8px}.canvas-color-picker>div{direction:ltr;justify-content:center;align-items:center;gap:4px;display:flex}.canvas-color-picker button{border:2px solid var(--surface-solid);color:#fff;cursor:pointer;width:20px;height:20px;box-shadow:0 0 0 1px var(--border);border-radius:7px;place-items:center;padding:0;line-height:0;transition:transform .14s,box-shadow .14s;display:grid}.canvas-color-picker button svg{margin:auto;display:block}.canvas-color-picker button:hover{transform:scale(1.08)}.canvas-color-picker button.selected{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 3px var(--blue)}.canvas-create-submit{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;margin-top:15px;font-size:9.5px;font-weight:700;display:flex}.canvas-create-submit:disabled{background:var(--surface-subtle);color:var(--muted);cursor:not-allowed}.refresh-button{border:1px solid var(--border);background:var(--glass);height:35px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:11px;align-items:center;gap:7px;padding:0 13px;font-size:10.5px;font-weight:600;display:flex}.refresh-button:disabled{color:var(--muted)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{z-index:12;background:color-mix(in srgb,#e65b50 9%,var(--surface-solid));color:#c6554c;border:1px solid color-mix(in srgb,#e65b50 32%,var(--border));width:min(520px,100% - 40px);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:10px 12px;font-size:10.5px;display:flex;position:absolute;top:86px;right:50%;transform:translate(50%)}.error-banner span{align-items:center;gap:7px;display:flex}.error-banner button{color:#fff;cursor:pointer;white-space:nowrap;background:#aa4037;border:0;border-radius:7px;padding:5px 9px}.board-scroll{scrollbar-width:none;cursor:grab;touch-action:none;direction:ltr;position:absolute;inset:0;overflow:hidden}.board-scroll::-webkit-scrollbar{display:none}.board-scroll.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.board{transform-origin:0 0;direction:rtl;width:1360px;height:810px;margin:62px auto 70px;transition:transform 80ms linear;position:relative}.connectors{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connectors path{fill:none;stroke:var(--connector);stroke-width:1.2px;stroke-dasharray:4 5}.connectors circle{fill:var(--connector-node);stroke:var(--connector-border);stroke-width:1.2px}.canvas-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;padding:20px;transition:box-shadow .24s,transform .24s,background-color .2s;position:absolute;overflow:hidden}.canvas-card:before{content:"";background:linear-gradient(90deg,transparent 8%,color-mix(in srgb,var(--blue) 68%,transparent),transparent 92%);opacity:.72;height:3px;position:absolute;inset:0 0 auto}.canvas-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px #25325021,0 4px 10px #2532500d}.card-header{align-items:center;gap:10px;display:flex}.card-icon{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.card-icon.violet{color:#7557d9;background:#f3efff}.card-icon.cyan{color:#198f87;background:#eaf8f7}.card-icon.amber{color:#c77a16;background:#fff5e5}.card-heading{flex-direction:column;min-width:0;display:flex}.card-heading span{color:#919aad;font-size:8.5px;font-weight:600}.card-heading h2{letter-spacing:-.02em;white-space:nowrap;margin:1px 0 0;font-size:14px}.card-action{margin-right:auto}.overview-card{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-solid) 92%,var(--blue-soft)),var(--surface));width:340px;height:174px;top:0;left:510px}.overview-card:before{background:linear-gradient(90deg,#0000 6%,#5678ef 48%,#0000 94%);height:4px}.liquidity-card{width:300px;height:220px;top:230px;left:100px}.liquidity-card:before{background:linear-gradient(90deg,#0000 8%,#2eb6aa 50%,#0000 92%)}.chain-card{width:420px;min-height:360px;top:230px;left:470px}.chain-card:before{height:4px}.signal-card{width:300px;height:220px;top:230px;left:960px}.signal-card:before{background:linear-gradient(90deg,#0000 8%,#8a6cec 50%,#0000 92%)}.future-card{background:color-mix(in srgb,var(--surface-solid) 78%,transparent);border-style:dashed;width:320px;height:150px;top:650px;left:520px}.underlying-row{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.underlying-price{flex-direction:column;display:flex}.underlying-price strong{font:700 25px/1.2 Vazirmatn}.underlying-price span,.subtle{color:var(--muted);font-size:9px}.live-chip{color:#218466;background:#effaf6;border-radius:20px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:flex}.live-chip i{width:4px;height:4px;box-shadow:none}.mini-stats{border-top:1px solid #edf0f5;grid-template-columns:repeat(3,1fr);margin-top:14px;padding-top:11px;display:grid}.mini-stats div{border-left:1px solid #edf0f5;flex-direction:column;gap:3px;padding:0 10px;display:flex}.mini-stats div:last-child{border:0}.mini-stats span{color:var(--muted);font-size:8px}.mini-stats b{font-size:13px}.positive{color:#159875!important}.negative{color:#dc6359!important}.liquidity-value{letter-spacing:-.03em;margin-top:19px;font-size:25px;font-weight:800}.metric-bars{flex-direction:column;gap:13px;margin-top:18px;display:flex}.metric-bar>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.metric-bar b{color:inherit;font-size:9px}.metric-bar>i{background:var(--surface-subtle);border-radius:4px;height:4px;margin-top:5px;display:block;overflow:hidden}.metric-bar em{border-radius:inherit;background:linear-gradient(90deg,#32aa9e,#6bcfc6);height:100%;display:block}.count-chip{background:var(--surface-subtle);min-width:25px;height:22px;color:var(--muted);border-radius:7px;place-items:center;padding:0 6px;font-size:9px;font-weight:700;display:grid}.filters{gap:8px;margin:16px 0 11px;display:flex}.segmented{background:var(--surface-subtle);border-radius:7px;height:25px;padding:2px;display:flex}.segmented button{color:#818ba0;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 8px;font-size:7.5px}.segmented button.active{background:var(--surface-solid);color:inherit;font-weight:700;box-shadow:0 1px 4px #1e2a4114}.search-field{color:#9aa3b4;border:1px solid #e6e9f0;border-radius:7px;flex:1;align-items:center;gap:4px;height:25px;padding:0 7px;display:flex}.search-field input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:none;font-size:7.5px}.contract-list{border-top:1px solid #edf0f4}.contract-row{text-align:right;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f0f2f6;grid-template-columns:25px 1.15fr .8fr .8fr 1fr;align-items:center;gap:7px;width:100%;height:47px;padding:0 3px;transition:all .15s;display:grid}.contract-row:hover{background:var(--surface-hover);border-radius:7px;width:calc(100% + 12px);margin:0 -6px;padding:0 8px}.contract-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.contract-row>span:not(.type-mark){color:inherit;white-space:nowrap;flex-direction:column;font-size:8px;display:flex}.contract-row small{color:#9aa2b2;font-size:7px}.type-mark{border-radius:7px;place-items:center;width:23px;height:23px;display:grid}.type-mark.call{color:#148d6e;background:#eaf8f3}.type-mark.put{color:#d65a53;background:#fff0ee}.empty-state,.empty-feature{color:#9aa3b4;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;font-size:9px;display:flex}.skeleton-row{border-bottom:1px solid #f0f2f6;align-items:center;gap:8px;height:42px;display:flex}.skeleton-row i{background:linear-gradient(90deg,#f0f2f6,#fafbfc,#f0f2f6) 0 0/200%;border-radius:5px;flex:1;height:7px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.featured-symbol{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.featured-symbol strong{letter-spacing:-.03em;font-size:20px}.featured-symbol span{border-radius:20px;padding:5px 9px;font-size:8px;font-weight:700}.featured-symbol .call{color:#148d6e;background:#eaf8f3}.featured-symbol .put{color:#d65a53;background:#fff0ee}.featured-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px;display:grid}.featured-grid div{flex-direction:column;gap:3px;display:flex}.featured-grid span{color:var(--muted);font-size:8px}.featured-grid b{font-size:10px}.text-action{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:20px;padding:0;font-size:9px;font-weight:700;display:flex}.future-content{align-items:center;gap:10px;margin-top:13px;display:flex}.future-content>div{color:#c77a16;background:#fff5e5;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.future-content p{color:#6e788d;margin:0;font-size:8.5px;line-height:1.8}.future-button{color:#a2a9b7;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex;position:absolute;bottom:13px;left:15px}.zoom-dock{z-index:9;border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:45px;height:45px;box-shadow:var(--shadow);direction:ltr;border-radius:13px;flex-direction:column-reverse;align-items:center;gap:5px;padding:4px;transition:height .24s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:74px;left:22px;overflow:hidden}.zoom-dock:hover{height:164px}.zoom-dock:has(.icon-button:focus-visible){height:164px}.zoom-dock>.icon-button,.zoom-dock-actions .icon-button{width:35px;height:35px;box-shadow:none;background:0 0;border:0;flex:0 0 35px}.zoom-dock>.icon-button{border-radius:10px}.zoom-dock>.icon-button:hover{background:var(--surface-subtle)}.zoom-dock-actions{box-shadow:none;opacity:0;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;transition:opacity .15s 40ms,transform .2s;display:flex;transform:translateY(6px)}.zoom-dock-actions .icon-button{color:var(--muted);border-radius:8px}.zoom-dock-actions .icon-button+.icon-button{border-top:0}.zoom-dock-actions .icon-button:hover{color:var(--blue);background:var(--surface-subtle)}.zoom-dock:hover .zoom-dock-actions{opacity:1;transform:translateY(0)}.zoom-dock:has(.icon-button:focus-visible) .zoom-dock-actions{opacity:1;transform:translateY(0)}.canvas-settings-button{z-index:9;position:absolute;bottom:22px;left:22px}.canvas-settings-button .icon-button{border-radius:13px;width:45px;height:45px}.strategy-board{min-height:810px}.canvas-workspace{display:none}.canvas-workspace.active{display:contents}.canvas-create-dock{z-index:11;border:1px solid var(--border);background:color-mix(in srgb,var(--glass) 92%,transparent);height:45px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);direction:rtl;border-radius:13px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.canvas-create-button{width:35px;height:35px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;transition:background-color .16s,color .16s;display:grid;position:relative}.canvas-create-button:hover,.canvas-create-button:focus-visible{background:var(--surface-subtle);color:var(--blue);outline:none}.canvas-create-icon{width:35px;height:35px;color:inherit;border-radius:9px;place-items:center;display:grid}.canvas-create-tip{z-index:2;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);color:inherit;letter-spacing:-.01em;white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:4px 8px;font-size:9px;font-weight:650;transition:opacity .14s,transform .16s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(3px)}.canvas-create-button:hover .canvas-create-tip,.canvas-create-button:focus-visible .canvas-create-tip{opacity:1;transform:translate(-50%)translateY(0)}.scanner-panel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;flex-direction:column;width:760px;height:680px;display:flex;position:absolute;overflow:hidden;box-shadow:0 22px 60px #19203221,0 3px 10px #1920320f}.scanner-panel.is-dragging{box-shadow:0 28px 70px #1920322e,0 4px 14px #19203214}.scanner-header{border-bottom:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:0 0 72px;align-items:center;gap:11px;height:72px;padding:0 20px;display:flex}.scanner-panel.is-dragging .scanner-header{cursor:grabbing}.scanner-header-icon{background:var(--blue-soft);width:36px;height:36px;color:var(--blue);pointer-events:none;border-radius:11px;place-items:center;display:grid}.scanner-header>div:nth-child(2){pointer-events:none;flex:1}.scanner-header h2{letter-spacing:-.02em;margin:0;font-size:15px}.scanner-header p{color:var(--muted);margin:3px 0 0;font-size:9px}.scanner-header>button{width:32px;height:32px;color:var(--muted);cursor:pointer;touch-action:auto;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.scanner-header>button:hover{background:var(--surface-subtle);color:inherit}.scanner-panel.is-maximized{z-index:1000;direction:rtl;border-radius:18px;width:auto;max-width:none;height:auto;animation:.18s both panel-maximize-in;position:fixed;inset:14px;box-shadow:0 28px 90px #0f152347}.scanner-panel.is-maximized .scanner-header{cursor:default}.scanner-panel.is-maximized .scanner-content,.scanner-panel.is-maximized .creator-content{padding-left:max(24px,50vw - 620px);padding-right:max(24px,50vw - 620px)}.scanner-panel.is-maximized .strategy-picker{grid-template-columns:repeat(4,1fr);max-height:none}.scanner-panel.is-maximized .strategy-results{padding-left:max(24px,50vw - 620px);padding-right:max(24px,50vw - 620px)}@keyframes panel-maximize-in{0%{opacity:.7;transform:scale(.985)}}.scanner-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:18px 20px;overflow:auto}.form-section{border-bottom:1px solid var(--border);margin-bottom:18px;padding:0 0 18px}.form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.form-section-title{align-items:center;gap:9px;margin-bottom:12px;display:flex}.form-section-title>span{background:var(--surface-subtle);width:24px;height:24px;color:var(--blue);border-radius:8px;place-items:center;font-size:9px;font-weight:800;display:grid}.form-section-title>div{flex-direction:column;gap:1px;display:flex}.form-section-title strong{font-size:11px}.form-section-title small{color:var(--muted);font-size:8px}.symbol-search{border:1px solid var(--border);background:var(--surface-solid);height:36px;color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex}.symbol-search input{color:inherit;background:0 0;border:0;outline:0;flex:1;font-size:9px}.symbol-picker{flex-wrap:wrap;gap:7px;max-height:94px;margin-top:10px;display:flex;overflow:auto}.symbol-picker button{border:1px solid var(--border);height:29px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:9px;display:flex}.symbol-picker button:hover{color:inherit;background:var(--surface-subtle)}.symbol-picker button.selected{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 32%,var(--border));background:var(--blue-soft);font-weight:700}.symbol-picker button small{opacity:.65;font-size:7px}.symbol-picker button:disabled,.strategy-picker button:disabled{opacity:.42;cursor:not-allowed}.strategy-select{border:1px solid var(--border);background:var(--surface-solid);height:54px;color:var(--blue);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.strategy-select>div{flex-direction:column;flex:1;display:flex}.strategy-select select{appearance:none;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:11px;font-weight:700}.strategy-select option{color:#182034;background:#fff}.strategy-select small{color:var(--muted);margin-top:2px;font-size:8px}.strategy-select>svg:last-child{color:var(--muted)}.filter-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.number-field,.range-field{border:1px solid var(--border);background:var(--surface-solid);border-radius:11px;flex-direction:column;gap:6px;min-height:60px;padding:9px 10px;display:flex}.number-field>span,.range-field>span{color:var(--muted);font-size:8px}.number-field>div{align-items:center;gap:5px;display:flex}.number-field input,.range-field input{width:100%;min-width:0;color:inherit;text-align:right;direction:ltr;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.number-field small{color:var(--muted);white-space:nowrap;font-size:7.5px}.range-field>div{align-items:center;gap:5px;display:flex}.range-field i{color:var(--muted);font-size:8px;font-style:normal}.scanner-error{border:1px solid color-mix(in srgb,#e65b50 32%,var(--border));background:color-mix(in srgb,#e65b50 8%,var(--surface-solid));color:#cb554d;border-radius:9px;margin:0 20px 10px;padding:8px 10px;font-size:9px}.scanner-footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 78%,transparent);flex:0 0 64px;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:0 20px;display:flex}.scanner-footer>span{color:var(--muted);align-items:center;gap:6px;font-size:8px;display:flex}.scanner-footer>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#315bea,#5f7cf1);border:0;border-radius:11px;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:10px;font-weight:700;display:flex;box-shadow:0 8px 18px #315bea33}.scanner-footer>button:disabled{opacity:.65;cursor:wait}.strategy-creator-panel{width:920px;height:740px}.creator-header{flex-basis:64px;height:64px}.creator-header .scanner-header-icon{background:color-mix(in srgb,#7657db 13%,var(--surface-solid));color:#7657db}.creator-title{min-width:0}.creator-title-line{align-items:center;gap:6px;min-width:0;display:flex}.creator-title-line h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.creator-rename-button{width:22px;height:22px;color:var(--muted);cursor:pointer;pointer-events:auto;touch-action:auto;background:0 0;border:0;border-radius:6px;flex:0 0 22px;place-items:center;padding:0;display:grid}.creator-rename-button:hover{background:var(--surface-subtle);color:inherit}.creator-title-editor,.scanner-title-editor{border:1px solid color-mix(in srgb,var(--blue) 38%,var(--border));background:color-mix(in srgb,var(--blue-soft) 36%,var(--surface-solid));width:min(290px,100%);min-width:0;height:32px;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-soft) 54%,transparent);pointer-events:auto;touch-action:auto;border-radius:9px;align-items:center;gap:4px;padding:2px 3px 2px 2px;display:flex}.creator-name-input,.scanner-name-input{width:100%;min-width:0;height:100%;color:inherit;letter-spacing:-.02em;pointer-events:auto;touch-action:auto;background:0 0;border:0;border-radius:7px;outline:0;flex:1;padding:0 8px;font-size:14px;font-weight:700}.creator-rename-confirm,.scanner-rename-confirm{background:var(--blue);color:#fff;width:26px;height:26px;box-shadow:0 2px 5px color-mix(in srgb,var(--blue) 28%,transparent);cursor:pointer;pointer-events:auto;touch-action:auto;border:0;border-radius:7px;flex:0 0 26px;place-items:center;padding:0;display:grid}.creator-rename-confirm:hover,.scanner-rename-confirm:hover{filter:brightness(1.08)}.scanner-editable-title{min-width:0}.scanner-title-line{align-items:center;gap:6px;min-width:0;display:flex}.scanner-title-line h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scanner-rename-button{width:22px;height:22px;color:var(--muted);cursor:pointer;pointer-events:auto;touch-action:auto;background:0 0;border:0;border-radius:6px;flex:0 0 22px;place-items:center;padding:0;display:grid}.scanner-rename-button:hover{background:var(--surface-subtle);color:inherit}.scanner-header>.creator-live-switch{border:1px solid var(--border);background:var(--surface-subtle);width:auto;min-width:91px;height:30px;color:var(--muted);white-space:nowrap;cursor:pointer;touch-action:auto;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:0 8px 0 4px;padding:0 8px;font-size:8px;font-weight:700;display:flex}.creator-live-switch i{background:#b7bfcd;border-radius:10px;flex:0 0 23px;width:23px;height:14px;transition:background-color .18s;position:relative}.creator-live-switch i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .18s;position:absolute;top:2px;right:2px;box-shadow:0 1px 2px #141e3233}.scanner-header>.creator-live-switch.is-on{border-color:color-mix(in srgb,var(--blue) 34%,var(--border));background:var(--blue-soft);color:var(--blue)}.creator-live-switch.is-on i{background:var(--blue)}.creator-live-switch.is-on i:after{transform:translate(-9px)}.creator-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:14px 17px 18px;overflow:auto}.creator-section{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 84%,transparent);border-radius:14px;margin-bottom:12px;padding:13px}.creator-section:last-child{margin-bottom:0}.creator-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.creator-section-heading>div:first-child{align-items:center;gap:7px;display:flex}.creator-section-heading>div:first-child>span{background:var(--blue-soft);width:21px;height:21px;color:var(--blue);border-radius:7px;place-items:center;font-size:8px;font-weight:800;display:grid}.creator-section-heading strong{font-size:10px}.creator-section-heading small{color:var(--muted);font-size:7px}.creator-section-heading em{background:var(--surface-subtle);color:var(--muted);border-radius:6px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:700}.creator-basic-grid{grid-template-columns:1fr 1.15fr repeat(3,1.25fr);gap:7px;display:grid}.creator-secondary-grid{grid-template-columns:repeat(2,minmax(0,145px));gap:7px;margin-top:7px;display:grid}.creator-field{border:1px solid var(--border);background:var(--surface-solid);border-radius:10px;flex-direction:column;gap:5px;min-width:0;height:57px;padding:7px 9px;transition:border-color .16s,box-shadow .16s;display:flex}.creator-field:focus-within{border-color:color-mix(in srgb,var(--blue) 48%,var(--border));box-shadow:0 0 0 3px var(--blue-soft)}.creator-field>span{color:var(--muted);white-space:nowrap;justify-content:space-between;align-items:center;font-size:6.7px;display:flex}.creator-field>span b{color:inherit;direction:ltr;font-size:7px;font-weight:750}.creator-field>div{align-items:center;gap:3px;min-width:0;display:flex}.creator-field .creator-menu-trigger{background:0 0;border:0;height:25px;padding:0}.creator-field .creator-menu.is-open .creator-menu-trigger{background:0 0}.creator-field input,.creator-field select{width:100%;min-width:0;height:25px;color:inherit;background:0 0;border:0;outline:0;padding:0;font-size:8.5px;font-weight:700}.creator-field input[type=number]{text-align:center;direction:ltr}.creator-field small{color:var(--muted);white-space:nowrap;font-size:6px}.creator-range-field>div{align-items:center;height:25px;display:flex}.creator-range-field input[type=range]{--range-progress:0%;appearance:none;background:linear-gradient(90deg,var(--blue) var(--range-progress),var(--surface-subtle) var(--range-progress)) center / 100% 4px no-repeat;cursor:pointer;direction:ltr;border-radius:0;width:100%;height:16px;margin:0;padding:0;display:block}.creator-range-field input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:4px;height:4px}.creator-range-field input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface-solid);background:var(--blue);width:14px;height:14px;box-shadow:0 0 0 1px var(--blue);border-radius:50%;margin-top:-5px}.creator-range-field input[type=range]::-moz-range-track{background:var(--surface-subtle);border-radius:4px;height:4px}.creator-range-field input[type=range]::-moz-range-progress{background:var(--blue);border-radius:4px;height:4px}.creator-range-field input[type=range]::-moz-range-thumb{border:3px solid var(--surface-solid);background:var(--blue);width:8px;height:8px;box-shadow:0 0 0 1px var(--blue);border-radius:50%}.creator-market-sliders{border-top:1px solid var(--border);grid-template-columns:108px 128px repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;padding-top:12px;display:grid}.creator-market-sliders .creator-field{height:57px}.creator-market-sliders .creator-underlying-field,.creator-market-sliders .creator-spot-field{min-width:0}.creator-menu{width:100%;min-width:0;position:relative}.creator-menu-trigger{border:1px solid var(--border);background:var(--surface-subtle);width:100%;height:26px;color:inherit;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:5px;padding:0 7px 0 6px;display:flex}.creator-menu-trigger>span{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:8px;font-weight:750;overflow:hidden}.creator-menu-trigger>svg{color:var(--muted);flex:none}.creator-menu.is-open .creator-menu-trigger{border-color:color-mix(in srgb,var(--blue) 48%,var(--border));background:var(--surface-solid)}.creator-menu.is-placeholder .creator-menu-trigger>span{color:var(--muted);font-weight:600}.creator-menu-list{border:1px solid var(--border);background:var(--surface-solid);scrollbar-width:thin;scrollbar-color:var(--border) transparent;z-index:1400;direction:rtl;border-radius:10px;min-width:0;max-height:220px;padding:5px;overflow:auto;box-shadow:0 14px 34px #161e302e,0 2px 8px #161e300f}.creator-menu-list button{width:100%;min-height:30px;color:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:6px 9px;font-size:8px;font-weight:650;display:flex}.creator-menu-list button:hover,.creator-menu-list button:focus{background:var(--blue-soft);color:var(--blue);outline:0}.creator-menu-list button.is-selected{background:var(--blue-soft);color:var(--blue);font-weight:750}.creator-menu-list.is-contracts{max-height:240px;padding:5px}.creator-menu-list.is-contracts button{text-align:right;grid-template-columns:1fr auto;justify-content:stretch;gap:2px 8px;min-height:42px;padding:7px 8px;display:grid}.creator-menu-list.is-contracts strong{font-size:8px}.creator-menu-list.is-contracts span{color:var(--muted);font-size:6.8px}.creator-menu-list.is-contracts small{color:var(--muted);grid-column:1/-1;font-size:6.5px}.creator-template{align-items:center;gap:6px;display:flex}.creator-template label{color:var(--muted);font-size:7px}.creator-legs{border:1px solid var(--border);border-radius:10px;overflow:visible}.creator-leg-head,.creator-leg-row,.creator-leg-net{direction:rtl;grid-template-columns:minmax(86px,1.05fr) 70px 108px 48px 58px 56px 60px 46px 42px 72px 86px 32px;align-items:center;gap:4px;padding:0 10px;display:grid}.creator-leg-head{background:var(--surface-subtle);height:34px;color:var(--muted);font-size:7.3px;font-weight:700}.creator-leg-head>span{text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-width:0;display:flex}.creator-leg-row{border-top:1px solid var(--border);background:var(--surface-solid);min-height:48px}.creator-leg-row input,.creator-leg-row select{background:var(--surface-subtle);width:100%;min-width:0;height:30px;color:inherit;border:1px solid #0000;border-radius:8px;outline:0;padding:0 7px;font-size:8px;font-weight:650}.creator-leg-row input{text-align:center;direction:ltr}.contract-picker{background:var(--surface-subtle);min-width:0;height:27px;color:var(--muted);border:1px solid #0000;border-radius:7px;align-items:center;gap:3px;padding:0 5px;display:flex;position:relative}.contract-picker:focus-within,.contract-picker.is-open{z-index:8;border-color:color-mix(in srgb,var(--blue) 42%,var(--border));background:var(--surface-solid)}.creator-leg-row .contract-picker .contract-name-input{text-align:right;direction:rtl;background:0 0;border:0;height:25px;padding:0;font-weight:750}.creator-leg-row .contract-name-input::placeholder{color:var(--muted);font-size:6.6px;font-weight:500}.contract-search-loader{color:var(--blue);flex:none}.contract-no-result{color:var(--muted);text-align:center;padding:11px 8px;font-size:7px}.contract-no-result.is-error{color:#d65752;background:color-mix(in srgb,#d65752 7%,var(--surface-solid));border-radius:7px;line-height:1.8}.creator-leg-row input:focus,.creator-leg-row select:focus{border-color:color-mix(in srgb,var(--blue) 42%,var(--border));background:var(--surface-solid)}.creator-leg-row .creator-menu-trigger{border:0;height:29px;padding:0 5px 0 4px}.creator-leg-row .creator-menu.buy .creator-menu-trigger{background:color-mix(in srgb,#20a876 11%,var(--surface-solid));color:#16835d}.creator-leg-row .creator-menu.sell .creator-menu-trigger{background:color-mix(in srgb,#df5f5a 11%,var(--surface-solid));color:#c64f4b}.creator-leg-row .creator-menu.type .creator-menu-trigger>span{font-size:7.2px}.creator-leg-row .creator-menu-trigger>svg{width:10px;height:10px}.leg-delta{color:var(--muted);text-align:center;direction:ltr;font-size:8px;font-weight:700;display:block;overflow:hidden}.creator-leg-row .leg-margin{text-align:center}.creator-leg-row .leg-margin:disabled{color:var(--muted);opacity:.55;cursor:not-allowed;background:0 0}.leg-cash-flow{background:var(--surface-subtle);color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;direction:rtl;border-radius:6px;padding:5px 3px;font-size:6.6px;font-weight:700;overflow:hidden}.leg-cash-flow.credit{color:#16835d;background:#148d6e1a}.leg-cash-flow.debit{color:#c64f4b;background:#d657521a}.creator-leg-net{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-subtle) 58%,var(--surface-solid));min-height:40px}.creator-leg-net>.add-leg-button{grid-column:1;justify-self:start}.creator-leg-net>span:first-of-type{color:var(--muted);text-align:right;white-space:nowrap;grid-column:10;justify-self:end;font-size:7.5px;font-weight:750}.creator-leg-net .leg-cash-flow{grid-column:11}.creator-leg-row>.creator-leg-actions{direction:ltr;justify-content:flex-start;gap:3px;display:flex}.creator-leg-actions button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.creator-leg-actions button:hover{background:color-mix(in srgb,#df5f5a 10%,var(--surface-solid));color:#d65752}.add-leg-button{border:1px dashed color-mix(in srgb,var(--blue) 38%,var(--border));background:var(--blue-soft);height:28px;color:var(--blue);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:7.5px;font-weight:700;display:flex}.creator-chart-section{padding-bottom:14px}.creator-chart-section .creator-section-heading{border-bottom:1px solid var(--border);padding-bottom:9px}.creator-legend{align-items:center;gap:10px;display:flex}.creator-legend span{color:var(--muted);align-items:center;gap:4px;font-size:6.7px;display:flex}.creator-legend i{border-radius:4px;width:13px;height:2px}.creator-legend .expiry{background:linear-gradient(90deg,#df4e62 0 48%,#18a964 52%);height:3px}.creator-legend .projected{background:#2196df}.creator-kpis{grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 8px;display:grid}.creator-kpis>span{border:1px solid var(--border);background:var(--surface-solid);min-width:0;color:var(--muted);border-radius:9px;flex-direction:column;gap:3px;padding:8px 9px;font-size:6.5px;display:flex}.creator-kpis>span:first-child{border-right:2px solid var(--blue)}.creator-kpis strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.creator-chart-wrap{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-subtle) 42%,var(--surface-solid));border-radius:14px;place-items:center;width:100%;min-height:370px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c}.creator-chart-wrap svg{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:370px;display:block}.creator-chart-wrap svg.is-panning{cursor:grabbing}.creator-chart-tools{z-index:4;box-sizing:border-box;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 94%,transparent);direction:ltr;border-radius:8px;align-items:center;gap:2px;height:26px;padding:3px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #19203214}.creator-chart-tools button{width:20px;height:20px;color:var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:6px;flex:0 0 20px;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:flex}.creator-chart-tools button svg{vertical-align:middle;flex:none;margin:0;display:block;transform:translateY(0)}.creator-chart-tools span{min-width:28px;color:var(--muted);text-align:center;direction:ltr;flex:0 0 28px;font-size:6px;font-weight:700;line-height:20px}.creator-chart-tools button.is-reset{width:18px;height:18px;box-shadow:-1px 0 0 var(--border);border-radius:0 6px 6px 0;flex:0 0 18px;margin-left:2px}.creator-chart-tools button:hover{background:var(--blue-soft);color:var(--blue)}.creator-chart-hint{z-index:2;color:var(--muted);pointer-events:none;opacity:.75;font-size:6.5px;position:absolute;top:auto;bottom:8px;right:14px}.creator-chart-wrap text{fill:var(--muted);font-family:Vazirmatn,sans-serif;font-size:7px}.creator-chart-wrap .creator-y-tick{direction:ltr;unicode-bidi:isolate}.creator-chart-empty{z-index:3;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 92%,transparent);color:var(--muted);pointer-events:none;border-radius:8px;padding:7px 10px;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creator-chart-bg{fill:color-mix(in srgb,var(--surface-solid) 62%,transparent)}.creator-grid-line{stroke:var(--border);stroke-width:.75px;opacity:.74}.creator-grid-line.vertical{opacity:.42}.creator-zero-line{stroke:color-mix(in srgb,var(--muted) 80%,transparent);stroke-width:1px;stroke-dasharray:4 3}.creator-expiry-line,.creator-projected-line{fill:none;stroke-linejoin:round;stroke-linecap:round}.creator-expiry-line{stroke-width:2.45px}.creator-expiry-line.profit-segment{stroke:#18a964}.creator-expiry-line.loss-segment{stroke:#df4e62}.creator-projected-line{stroke:#2196df;stroke-width:1.8px}.creator-spot-line{stroke:#2196df;stroke-width:1.1px;stroke-dasharray:4 3}.creator-breakeven{fill:var(--surface-solid);stroke:#e0a527;stroke-width:2px}.creator-tooltip{pointer-events:none}.creator-tooltip>line{stroke:var(--muted);stroke-width:.85px;stroke-dasharray:3 3}.creator-tooltip>circle{stroke:var(--surface-solid);stroke-width:2px}.creator-tooltip .profit-point{fill:#18a964}.creator-tooltip .loss-point{fill:#df4e62}.creator-tooltip .projected-point{fill:#2196df}.creator-tooltip-card{z-index:6;border:1px solid color-mix(in srgb,var(--border) 82%,#fff);background:color-mix(in srgb,var(--surface-solid) 96%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;direction:rtl;border-radius:10px;width:200px;padding:7px 9px;position:absolute;box-shadow:0 10px 28px #12192a33,0 2px 6px #12192a14}.creator-tooltip-card>div{border-top:1px solid color-mix(in srgb,var(--border) 68%,transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:21px;font-size:7.4px;display:grid}.creator-tooltip-card>div:first-child{border-top:0}.creator-tooltip-card span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-tooltip-card b,.creator-tooltip-card strong{color:inherit;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;font-size:8px;font-weight:750}.creator-tooltip-card .tooltip-title{min-height:28px;margin:-1px 0 2px}.creator-tooltip-card .tooltip-title span{color:inherit;font-size:8px;font-weight:750}.creator-tooltip-card .tooltip-title strong{color:var(--blue);font-size:8.5px}.projection-slider{align-items:center;gap:12px;margin-top:8px;display:flex}.projection-slider>div{flex-direction:column;gap:2px;width:135px;display:flex}.projection-slider span{color:var(--muted);align-items:center;gap:5px;font-size:7px;display:flex}.projection-slider strong{font-size:7.5px}.projection-slider input{appearance:none;background:linear-gradient(90deg,var(--blue),var(--surface-subtle));height:4px;accent-color:var(--blue);direction:ltr;border-radius:4px;flex:1}.projection-slider input::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface-solid);background:var(--blue);width:13px;height:13px;box-shadow:0 0 0 1px var(--blue);cursor:pointer;border-radius:50%}.creator-footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 82%,transparent);flex:0 0 55px;justify-content:space-between;align-items:center;height:55px;padding:0 17px;display:flex}.creator-footer>div{align-items:center;gap:9px;display:flex}.creator-footer>div>button{border:1px solid var(--border);background:var(--surface-solid);height:31px;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:7.5px;display:flex}.creator-footer>div>span{color:var(--muted);font-size:6.8px}.creator-footer>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#315bea,#5f7cf1);border:0;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 13px;font-size:8.5px;font-weight:700;display:flex;box-shadow:0 7px 16px #315bea33}.creator-footer>button.saved{background:linear-gradient(135deg,#168a62,#28ad7e)}.scanner-panel.is-maximized .creator-chart-wrap{min-height:480px}.scanner-panel.is-maximized .creator-chart-wrap svg{height:480px}@media (width<=760px){.creator-chart-wrap{min-height:280px}.creator-chart-wrap svg{height:280px}}:root[data-theme=dark] .creator-live{color:#58cea7}:root[data-theme=dark] .creator-header .scanner-header-icon{color:#a690f4}:root[data-theme=dark] .creator-leg-row select.buy{color:#55cda4}:root[data-theme=dark] .creator-leg-row select.sell{color:#ee847d}:root[data-theme=dark] .creator-tooltip-card{background:#1c1d22f7;border-color:#3a3b42;box-shadow:0 12px 32px #0000006b}.results-panel{min-height:650px}.result-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex}.result-toolbar>div{gap:5px;display:flex}.result-toolbar>div span{background:var(--blue-soft);color:var(--blue);border-radius:7px;padding:4px 7px;font-size:8px;font-weight:700}.result-toolbar>button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.strategy-results{flex-direction:column;flex:1;gap:9px;min-height:0;padding:12px 14px 18px;display:flex;overflow:auto}.strategy-result-group{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-subtle) 42%,transparent);border-radius:15px;flex-direction:column;gap:8px;padding:11px;display:flex}.strategy-result-group>header{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.strategy-result-group>header div{color:var(--blue);align-items:center;gap:6px;display:flex}.strategy-result-group>header strong{font-size:10px}.strategy-result-group>header span{background:var(--surface-solid);color:var(--muted);border-radius:6px;padding:3px 6px;font-size:7px}.strategy-result-group>p{color:var(--muted);margin:4px 2px;font-size:8px}.strategy-result-card{border:1px solid var(--border);background:var(--surface-solid);border-radius:14px;grid-template-columns:32px 1fr 168px;align-items:stretch;gap:10px;padding:12px;transition:border-color .18s,transform .18s;display:grid}.strategy-result-card:hover{border-color:color-mix(in srgb,var(--blue) 30%,var(--border));transform:translateY(-1px)}.result-rank{background:var(--surface-subtle);width:25px;height:25px;color:var(--muted);border-radius:8px;place-items:center;font-size:9px;font-weight:800;display:grid}.result-main{min-width:0}.result-title{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.result-title>div{align-items:center;gap:7px;display:flex}.result-title strong{font-size:13px}.result-title span{color:var(--muted);font-size:8px}.result-title em{color:var(--muted);font-size:7.5px;font-style:normal}.result-legs{direction:rtl;gap:6px;display:flex}.result-legs>div{background:var(--surface-subtle);border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:2px 5px;min-width:90px;padding:7px;display:grid}.result-legs span{border-radius:6px;grid-row:1/3;padding:3px 5px;font-size:7px;font-weight:700}.result-legs span.buy{color:#148d6e;background:#148d6e1f}.result-legs span.sell{color:#d65a53;background:#d65a531f}.result-legs small{color:var(--muted);font-size:6.5px}.result-metrics{border-right:1px solid var(--border);grid-template-columns:repeat(3,1fr) 28px;align-items:center;gap:6px;padding-right:10px;display:grid}.result-metrics>div{flex-direction:column;gap:3px;display:flex}.result-metrics span{color:var(--muted);font-size:6.5px}.result-metrics strong,.result-metrics b{font-size:9px}.result-metrics>button{background:var(--surface-subtle);width:27px;height:27px;color:var(--blue);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.no-strategy-result{min-height:430px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.no-strategy-result strong{color:inherit;font-size:12px}.no-strategy-result span{font-size:8.5px}:root[data-theme=dark] .strategy-select option{color:#ececef;background:#191a1e}:root[data-theme=dark] .scanner-panel{box-shadow:0 24px 68px #00000061,0 3px 10px #0003}.strategy-picker{grid-template-columns:repeat(3,1fr);gap:7px;max-height:174px;padding:1px;display:grid;overflow:auto}.strategy-picker button{border:1px solid var(--border);min-height:48px;color:var(--muted);text-align:right;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:7px;padding:8px 9px;display:flex}.strategy-picker button:hover{background:var(--surface-subtle);color:inherit}.strategy-picker button.selected{background:var(--blue-soft);border-color:color-mix(in srgb,var(--blue) 32%,var(--border));color:var(--blue)}.strategy-picker button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.strategy-picker button strong{font-size:8.5px}.strategy-picker button small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:6.8px;overflow:hidden}.refined-filters{grid-template-columns:repeat(3,1fr)}.maturity-slider,.moneyness-slider,.slider-field{border:1px solid var(--border);background:var(--surface-solid);border-radius:11px;min-height:64px;padding:10px}.maturity-slider{grid-column:span 2}.maturity-slider>div:first-child,.moneyness-slider>div:first-child,.slider-field>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:8px;display:flex}.maturity-slider strong,.moneyness-slider strong,.slider-field strong{color:inherit;font-size:9px}.dual-range{background:linear-gradient(var(--surface-subtle),var(--surface-subtle)) center/100% 4px no-repeat;direction:rtl;height:22px;margin-top:9px;position:relative}.dual-range i{background:var(--blue);border-radius:4px;height:4px;position:absolute;top:9px}.dual-range input{pointer-events:none;appearance:none;direction:rtl;background:0 0;width:100%;height:22px;margin:0;position:absolute;inset:0}.dual-range input::-webkit-slider-thumb{border:3px solid var(--surface-solid);background:var(--blue);width:14px;height:14px;box-shadow:0 0 0 1px var(--blue);appearance:none;pointer-events:auto;cursor:grab;border-radius:50%}.slider-field input{appearance:none;background:var(--surface-subtle);width:100%;height:4px;accent-color:var(--blue);border-radius:4px;margin-top:13px}.slider-field input::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface-solid);background:var(--blue);width:14px;height:14px;box-shadow:0 0 0 1px var(--blue);cursor:pointer;border-radius:50%}.strategy-result-card{cursor:pointer;grid-template-columns:32px 1fr 210px}.result-legs{flex-direction:column;gap:4px}.result-legs>div{grid-template-columns:64px 100px 1fr;width:100%;min-width:0;padding:6px 7px}.result-legs span{text-align:center;grid-row:auto}.result-legs b{font-size:8.5px}.result-legs small{font-size:7px}.result-metrics{grid-template-columns:repeat(2,1fr)}.result-metrics>button{transition:transform .2s;position:absolute;top:14px;left:14px}.strategy-result-card{position:relative}.strategy-result-card.expanded .result-metrics>button{transform:rotate(-90deg)}.payoff-panel{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 74%,var(--surface-subtle));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-solid) 85%,transparent);border-radius:14px;grid-column:1/-1;margin-top:5px;padding:14px 15px 12px}.payoff-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.payoff-heading>div:first-child{flex-direction:column;gap:2px;display:flex}.payoff-heading strong{font-size:10px}.payoff-heading span{color:var(--muted);font-size:7.5px}.payoff-legend{align-items:center;gap:11px;display:flex}.payoff-legend span{white-space:nowrap;align-items:center;gap:4px;display:flex}.payoff-legend i{border-radius:3px;width:7px;height:7px}.payoff-legend i.profit{background:#20a876}.payoff-legend i.loss{background:#df5f5a}.payoff-legend i.spot{background:#e0a527}.payoff-kpis{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px;display:grid}.payoff-kpis>span{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 72%,transparent);min-width:0;color:var(--muted);border-radius:9px;flex-direction:column;gap:3px;padding:7px 9px;font-size:7px;display:flex}.payoff-kpis strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.payoff-panel svg{touch-action:none;width:100%;height:auto;display:block;overflow:visible}.payoff-panel text{fill:var(--muted);font-family:Vazirmatn,sans-serif;font-size:8px}.payoff-panel .chart-plot{fill:color-mix(in srgb,var(--surface-solid) 48%,transparent);stroke:var(--border);stroke-width:1px;rx:10px}.payoff-panel .chart-grid{stroke:var(--border);stroke-width:.75px;opacity:.66}.payoff-panel .chart-grid.vertical{opacity:.38}.payoff-panel .zero-line{stroke:color-mix(in srgb,var(--muted) 80%,transparent);stroke-width:1.2px}.payoff-panel .zero-tick{fill:var(--foreground);font-weight:700}.payoff-panel .payoff-area{stroke:none}.payoff-panel .payoff-line{fill:none;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0000001f)}.payoff-panel .profit-line{stroke:#20a876}.payoff-panel .loss-line{stroke:#df5f5a}.payoff-panel .strike-line{stroke:color-mix(in srgb,var(--muted) 42%,transparent);stroke-width:.8px;stroke-dasharray:3 5}.payoff-panel .strike-chip{fill:var(--surface-solid);stroke:var(--border)}.payoff-panel .strike-text{fill:var(--muted);text-anchor:middle;font-size:7px;font-weight:700}.payoff-panel .spot-line{stroke:#e0a527;stroke-width:1.2px;stroke-dasharray:5 4}.payoff-panel .spot-label{fill:#c98c10;text-anchor:middle;font-size:7.5px;font-weight:700}.payoff-panel .breakeven-point{fill:var(--surface-solid);stroke:#e0a527;stroke-width:2px}.payoff-panel .breakeven-label{fill:#d19518;text-anchor:middle;font-size:7px;font-weight:700}.payoff-panel .hover-line{stroke:var(--muted);stroke-width:.8px;stroke-dasharray:3 3;opacity:.7}.payoff-panel .hover-profit{fill:#20a876;stroke:var(--surface-solid);stroke-width:2px}.payoff-panel .hover-loss{fill:#df5f5a;stroke:var(--surface-solid);stroke-width:2px}.payoff-panel .chart-tooltip rect{fill:var(--surface-solid);stroke:var(--border);filter:drop-shadow(0 5px 12px #00000024)}.payoff-panel .chart-tooltip text{fill:var(--muted);font-size:8px}.payoff-panel .chart-tooltip .tooltip-profit{fill:#159875;font-weight:700}.payoff-panel .chart-tooltip .tooltip-loss{fill:#d65752;font-weight:700}.payoff-note{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:9px;display:flex}.payoff-note span{color:var(--muted);font-size:7px}.canvas-meta{z-index:7;border:1px solid var(--border);background:var(--glass);height:32px;color:var(--muted);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:11px;padding:0 11px;font-size:8px;display:flex;position:absolute;bottom:22px;right:22px}.canvas-meta span:first-child{align-items:center;gap:6px;display:flex}.canvas-meta i{width:5px;height:5px;box-shadow:none}.canvas-meta i.off{background:#d25e55}.floating-filter{z-index:7;border:1px solid var(--border);background:var(--glass);height:34px;color:var(--muted);cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:center;gap:7px;padding:0 11px;font-size:9px;display:flex;position:absolute;bottom:22px;left:80px}.drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);direction:rtl;background:#141b2b26;position:fixed;inset:0}.contract-drawer{background:var(--surface-solid);width:min(390px,92vw);padding:30px;animation:.22s drawer-in;position:absolute;top:0;bottom:0;right:0;box-shadow:-18px 0 50px #0003}@keyframes drawer-in{0%{opacity:.4;transform:translate(30px)}}.drawer-close{border:1px solid var(--border);background:var(--surface-solid);cursor:pointer;width:32px;height:32px;color:var(--muted);border-radius:9px;place-items:center;display:grid;position:absolute;top:18px;left:18px}.drawer-symbol{border-radius:14px;place-items:center;width:46px;height:46px;margin-top:26px;display:grid}.drawer-symbol.call{color:#148d6e;background:#eaf8f3}.drawer-symbol.put{color:#d65a53;background:#fff0ee}.drawer-kicker{color:#8c96a9;margin-top:18px;font-size:11px;display:block}.contract-drawer h2{margin:4px 0 22px;font-size:26px}.drawer-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-metric{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:5px;padding:13px;display:flex}.drawer-metric span{color:var(--muted);font-size:9px}.drawer-metric strong{font-size:14px}.order-book{margin-top:25px}.order-book h3{margin:0 0 10px;font-size:12px}.order-book div{border-bottom:1px solid #eef0f4;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.order-book span{color:var(--muted)}.primary-button{color:#8b95a8;background:#edf0f6;border:0;border-radius:12px;height:42px;font-weight:700;position:absolute;bottom:25px;left:30px;right:30px}.primary-button span{margin-right:5px;font-size:8px}:root[data-theme=dark] .card-heading span,:root[data-theme=dark] .future-content p{color:var(--muted)}:root[data-theme=dark] .card-icon.violet{background:#7557d929}:root[data-theme=dark] .card-icon.cyan{background:#198f8729}:root[data-theme=dark] .card-icon.amber,:root[data-theme=dark] .future-content>div{background:#c77a1626}:root[data-theme=dark] .live-chip{color:#55cda4;background:#26b7831f}:root[data-theme=dark] .mini-stats,:root[data-theme=dark] .mini-stats div,:root[data-theme=dark] .contract-list,:root[data-theme=dark] .contract-row,:root[data-theme=dark] .skeleton-row,:root[data-theme=dark] .order-book div{border-color:var(--border)}:root[data-theme=dark] .search-field{border-color:var(--border);color:var(--muted)}:root[data-theme=dark] .type-mark.call,:root[data-theme=dark] .featured-symbol .call,:root[data-theme=dark] .drawer-symbol.call{color:#4bc49f;background:#148d6e26}:root[data-theme=dark] .type-mark.put,:root[data-theme=dark] .featured-symbol .put,:root[data-theme=dark] .drawer-symbol.put{color:#ee847d;background:#d65a5324}:root[data-theme=dark] .skeleton-row i{background:linear-gradient(90deg,#252b37,#313846,#252b37) 0 0/200%}:root[data-theme=dark] .primary-button{background:var(--surface-subtle);color:var(--muted)}:root[data-theme=dark] .drawer-backdrop{background:#00000061}:root[data-theme=dark] .canvas-viewport:before{background:radial-gradient(circle at 50% 38%,#ffffff06,#0000 36%),linear-gradient(#0000,#0000001f)}@media (width<=760px){.settings-topbar{height:70px;padding:0 14px}.settings-topbar h1{font-size:16px}.settings-topbar span{display:none}.settings-back{height:35px;padding:0 8px;font-size:10px}.settings-layout{flex-direction:column;gap:24px;width:calc(100% - 28px);padding:24px 0 46px;display:flex}.settings-sidebar{flex-flow:wrap;align-items:center;gap:8px 10px;padding:12px;position:static}.settings-profile-mark{border-radius:8px;width:32px;height:32px;margin:0}.settings-sidebar>strong{font-size:11px}.settings-sidebar>span{margin:0;font-size:8px}.settings-sidebar nav{flex-direction:row;width:100%;margin-top:4px;padding-top:8px;overflow:auto}.settings-sidebar a{flex:none;height:30px;padding:0 7px;font-size:9px}.settings-content{gap:30px}.settings-heading{margin-bottom:12px;display:block}.settings-heading h2{font-size:14px}.settings-heading p{text-align:right;max-width:none;margin-top:6px}.theme-options{gap:7px}.theme-options>button{min-height:115px;padding:8px}.theme-preview{height:57px;padding:5px}.workspace-item{min-height:56px}.password-change-form{grid-template-columns:1fr;padding:12px}.password-change-form input{height:40px}.password-change-form>button{justify-self:left;width:auto}.canvas-topline{align-items:flex-start;top:12px;left:12px;right:12px}.section-dock{height:48px;padding:4px}.canvas-manager{top:58px}.canvas-tabs-bar{max-width:calc(100vw - 24px)}.canvas-tab{max-width:118px}.canvas-create-popover{width:min(310px,100vw - 24px);top:53px}.refresh-button{justify-content:center;width:35px;padding:0;font-size:0}.board{transform-origin:50% 15%;margin-top:145px;margin-left:-392px}.zoom-dock{bottom:64px;left:10px}.canvas-settings-button{bottom:12px;left:10px}.zoom-dock:hover{height:170px}.zoom-dock:has(.icon-button:focus-visible){height:170px}.floating-filter{display:none}.canvas-meta{bottom:12px;right:10px}.canvas-meta span:last-child{display:none}}