:root{
  color-scheme:light;
  --bg:#f5f7fb;
  --bg-subtle:#eef2f7;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#f1f4f8;
  --line:#dce3ec;
  --line-strong:#c9d3df;
  --text:#17202b;
  --text-soft:#344054;
  --muted:#667085;
  --muted-2:#98a2b3;
  --accent:#5968e9;
  --accent-rgb:89,104,233;
  --accent-soft:#eef0ff;
  --accent-2:#805ad5;
  --success:#159b70;
  --warning:#d88b16;
  --danger:#d94a58;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04),0 4px 12px rgba(16,24,40,.04);
  --shadow-md:0 16px 40px rgba(16,24,40,.08);
  --shadow-lg:0 28px 80px rgba(16,24,40,.12);
  --overlay:rgba(16,24,40,.46);
  --shell:1280px;
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:12px;
  --ease:cubic-bezier(.22,.8,.28,1);
  --scene-line-rgb:77,93,132;
  --scene-accent-rgb:89,104,233;
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#161b22;
  --bg-subtle:#11161d;
  --surface:#1d242d;
  --surface-2:#202832;
  --surface-3:#28313d;
  --line:#323c49;
  --line-strong:#455161;
  --text:#f4f7fb;
  --text-soft:#d8dee8;
  --muted:#a4afbd;
  --muted-2:#748091;
  --accent:#7c8cff;
  --accent-rgb:124,140,255;
  --accent-soft:#262e50;
  --accent-2:#a78bfa;
  --success:#45c69a;
  --warning:#f2b85b;
  --danger:#ff7680;
  --shadow-sm:0 1px 2px rgba(0,0,0,.16),0 4px 14px rgba(0,0,0,.12);
  --shadow-md:0 18px 46px rgba(0,0,0,.22);
  --shadow-lg:0 32px 90px rgba(0,0,0,.32);
  --overlay:rgba(4,7,11,.72);
  --scene-line-rgb:159,174,207;
  --scene-accent-rgb:124,140,255;
}

.theme-wb{--accent:#b535c6;--accent-rgb:181,53,198;--accent-soft:#faedfc;--accent-2:#e64593}
html[data-theme="dark"] .theme-wb{--accent:#d65be4;--accent-rgb:214,91,228;--accent-soft:#402746;--accent-2:#ff6eae}
.theme-ozon{--accent:#1976e9;--accent-rgb:25,118,233;--accent-soft:#e9f3ff;--accent-2:#29a8ff}
html[data-theme="dark"] .theme-ozon{--accent:#5aa6ff;--accent-rgb:90,166,255;--accent-soft:#213a59;--accent-2:#56cbff}
.theme-tool{--accent:#168b72;--accent-rgb:22,139,114;--accent-soft:#e5f6f1;--accent-2:#5cba70}
html[data-theme="dark"] .theme-tool{--accent:#53c9ab;--accent-rgb:83,201,171;--accent-soft:#203f39;--accent-2:#94d36b}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .22s ease,color .22s ease}
body::selection{background:rgba(var(--accent-rgb),.22);color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
img{display:block;max-width:100%}
.hidden{display:none!important}
.flex{display:flex!important}
.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto;position:relative;z-index:2}
.narrow-shell{max-width:900px}

.site-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--bg),var(--bg-subtle));transition:background .22s ease}
.ambient-shape{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;will-change:transform}
.ambient-shape-a{width:540px;height:540px;left:-260px;top:-300px;background:radial-gradient(circle,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),0) 68%)}
.ambient-shape-b{width:460px;height:460px;right:-230px;top:18%;background:radial-gradient(circle,rgba(var(--accent-rgb),.09),rgba(var(--accent-rgb),0) 68%)}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,140,160,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(125,140,160,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 75%)}
html[data-theme="dark"] .ambient-grid{background-image:linear-gradient(rgba(180,194,215,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(180,194,215,.035) 1px,transparent 1px)}

.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);transition:background-color .22s ease,border-color .22s ease}
@supports (backdrop-filter:blur(12px)){.topbar{backdrop-filter:blur(12px)}}
.topbar-inner{height:68px;display:grid;grid-template-columns:minmax(255px,1fr) auto minmax(230px,1fr);align-items:center;gap:24px}
.brand-lockup{display:inline-flex;align-items:center;gap:11px;min-width:0;width:max-content}
.brand-lockup img{width:38px;height:38px;object-fit:cover;border-radius:10px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.brand-lockup span{display:grid;line-height:1.15;min-width:0}
.brand-lockup strong{font-size:13px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-lockup small{color:var(--muted-2);font-size:10px;margin-top:5px}
.primary-nav{display:flex;align-items:center;height:100%;gap:2px}
.primary-nav a{height:38px;display:flex;align-items:center;padding:0 14px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:650;transition:color .18s ease,background-color .18s ease}
.primary-nav a:hover{color:var(--text);background:var(--surface-2)}
.primary-nav a.active{color:var(--accent);background:var(--accent-soft)}
.account-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px}
.account-name{max-width:120px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;color:var(--text-soft);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface)}
.icon-button,.theme-toggle{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}
.icon-button{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.icon-button svg{width:18px;height:18px}
.theme-toggle{height:38px;padding:0 11px;border-radius:10px;display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);font-size:12px;font-weight:650}
.theme-toggle:hover,.icon-button:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--surface-2)}
.theme-icon{width:17px;height:17px}
.theme-icon-sun{display:none}
html[data-theme="dark"] .theme-icon-sun{display:block}
html[data-theme="dark"] .theme-icon-moon{display:none}

.page-main{position:relative;z-index:1;min-height:calc(100vh - 122px);padding:52px 0 72px}
.site-footer{position:relative;z-index:2;border-top:1px solid var(--line);background:var(--surface)}
.footer-inner{min-height:54px;display:flex;align-items:center;color:var(--muted-2);font-size:12px}

.eyebrow{display:block;margin-bottom:9px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.08em}
.reveal-on-view{opacity:0;transform:translateY(10px);transition:opacity .42s var(--ease),transform .42s var(--ease)}
.reveal-on-view.is-visible{opacity:1;transform:none}

.primary-button,.secondary-button,.ghost-button,.action-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:transform .18s var(--ease),background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.primary-button{min-height:44px;padding:0 18px;border-radius:11px;background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(var(--accent-rgb),.18)}
.primary-button svg,.secondary-button svg,.action-button svg{width:17px;height:17px}
.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--accent-rgb),.24)}
.primary-button.small{min-height:39px;padding:0 15px;font-size:13px}
.primary-button.danger{background:var(--danger)}
.secondary-button{min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text-soft);box-shadow:var(--shadow-sm)}
.secondary-button:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--surface-2)}
.ghost-button{min-height:39px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted)}
.ghost-button:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface-2)}

/* Home */
.home-main{display:flex;align-items:center;padding-top:42px;padding-bottom:70px}
.home-heading{max-width:980px;margin:0 auto 42px;text-align:center}
.home-heading h1{margin:0;font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-.045em;font-weight:700}
.home-heading p{margin:18px 0 0;color:var(--muted);font-size:16px}
.workspace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.workspace-card{position:relative;min-height:225px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform .24s var(--ease),border-color .22s ease,box-shadow .22s ease,background-color .22s ease}
.workspace-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent)}
.workspace-card::after{content:"";position:absolute;width:180px;height:180px;right:-84px;top:-82px;border-radius:50%;background:radial-gradient(circle,var(--card-soft),transparent 68%);opacity:.8}
.workspace-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-accent) 30%,var(--line));box-shadow:var(--shadow-md)}
.card-wb{--card-accent:#b535c6;--card-soft:rgba(181,53,198,.16)}
.card-ozon{--card-accent:#1976e9;--card-soft:rgba(25,118,233,.15)}
.card-tool{--card-accent:#168b72;--card-soft:rgba(22,139,114,.15)}
html[data-theme="dark"] .card-wb{--card-accent:#d65be4;--card-soft:rgba(214,91,228,.15)}
html[data-theme="dark"] .card-ozon{--card-accent:#5aa6ff;--card-soft:rgba(90,166,255,.15)}
html[data-theme="dark"] .card-tool{--card-accent:#53c9ab;--card-soft:rgba(83,201,171,.15)}
.workspace-symbol{position:relative;z-index:1;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent) 12%,var(--surface));color:var(--card-accent);font-size:17px;font-weight:800;letter-spacing:-.02em}
.workspace-copy{position:relative;z-index:1;margin-top:auto}
.workspace-copy h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.025em}
.workspace-copy p{margin:8px 0 0;color:var(--muted);font-size:13px}
.workspace-arrow{position:absolute;right:25px;bottom:26px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);transition:transform .2s ease,color .2s ease,background-color .2s ease}
.workspace-arrow svg{width:18px;height:18px}
.workspace-card:hover .workspace-arrow{transform:translateX(3px);color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 10%,var(--surface))}

/* Shared page heading */
.page-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.compact-page-heading{margin-bottom:22px}
.page-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:820;letter-spacing:-.03em;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}
.page-heading h1{margin:0;font-size:34px;line-height:1.16;letter-spacing:-.035em}
.page-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}

/* WB */
.store-selector-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:30px}
.store-selector-panel .select-field{flex:1;max-width:620px}
.select-field{display:block;position:relative}
.select-field>span{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:650}
.select-field select{width:100%;height:44px;appearance:none;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);padding:0 42px 0 12px;outline:none;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.select-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.10);background:var(--surface)}
.select-field>svg{position:absolute;right:13px;bottom:13px;width:17px;height:17px;color:var(--muted);pointer-events:none}
.task-group{margin-top:28px}
.task-group h2{margin:0 0 14px;font-size:18px;letter-spacing:-.02em}
.query-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.query-card{--card-accent:var(--accent);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.query-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--card-accent) 28%,var(--line));box-shadow:var(--shadow-md)}
.accent-blue{--card-accent:#3979e8}.accent-green{--card-accent:#159b70}.accent-orange{--card-accent:#d88b16}.accent-purple{--card-accent:#8b5bd5}
html[data-theme="dark"] .accent-blue{--card-accent:#67a0ff}html[data-theme="dark"] .accent-green{--card-accent:#51c99e}html[data-theme="dark"] .accent-orange{--card-accent:#f2b85b}html[data-theme="dark"] .accent-purple{--card-accent:#b58af2}
.query-card-top{min-height:68px;padding:17px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.query-card-top b{font-size:15px}
.task-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent) 11%,var(--surface));color:var(--card-accent)}
.task-icon svg{width:18px;height:18px}
.query-card-body{padding:18px}
.date-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.date-field{display:block;min-width:0}
.date-field>span{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:650}
.query-card-body>.date-field{width:min(100%,420px)}
.date-field input{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);padding:0 12px;outline:none;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease}
.date-field input:hover{border-color:color-mix(in srgb,var(--card-accent) 34%,var(--line-strong));background:color-mix(in srgb,var(--card-accent) 3%,var(--surface-2))}
.date-field input:focus{border-color:var(--card-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-accent) 10%,transparent);background:var(--surface);transform:translateY(-1px)}
.date-field input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px;margin:-10px -6px -10px 4px}
.date-field input[type="date"],.date-field input[type="month"]{font-variant-numeric:tabular-nums}
.action-button{width:100%;min-height:44px;margin-top:14px;border:1px solid color-mix(in srgb,var(--card-accent) 26%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--card-accent) 9%,var(--surface));color:var(--text-soft)}
.action-button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--card-accent) 14%,var(--surface));color:var(--text)}
.log-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;margin-top:24px;box-shadow:var(--shadow-sm)}
.log-toolbar{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface-2)}
.log-toolbar>div{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}
.log-toolbar i{width:7px;height:7px;border-radius:50%;background:var(--success)}
.log-toolbar-actions{display:flex!important;align-items:center;gap:6px!important}
.log-toolbar button{min-height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);padding:0 10px;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
.log-toolbar button:hover{color:var(--text);background:var(--surface);border-color:var(--line);transform:translateY(-1px)}
#copy-log{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 16%,var(--line))}
#copy-log:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.log-empty{color:var(--muted);font-family:var(--font-ui);font-size:12px}
.log-content{max-height:280px;overflow:auto;padding:15px 17px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.72;color:var(--text-soft)}
.log-content::-webkit-scrollbar,.modal-scroll::-webkit-scrollbar{width:8px}
.log-content::-webkit-scrollbar-thumb,.modal-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px}
.text-green-400{color:var(--success)}.text-red-400{color:var(--danger)}.text-blue-400,.text-blue-300{color:var(--accent)}.text-yellow-400{color:var(--warning)}.text-gray-500,.text-gray-400{color:var(--muted)}.text-xs{font-size:12px}.font-semibold{font-weight:700}.mt-1{margin-top:4px}.mb-1{margin-bottom:4px}.gap-2{gap:8px}.flex-wrap{flex-wrap:wrap}

/* Tool */
.tool-workbench{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:610px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}
.tool-sidebar{padding:18px;border-right:1px solid var(--line);background:var(--surface-2)}
.tool-empty{margin-top:18px;min-height:150px;border:1px dashed var(--line-strong);border-radius:14px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}
.tool-empty div{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:800}
.tool-empty span{font-size:12px}
.tool-stage{min-width:0;background:var(--surface)}
.stage-toolbar{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;font-weight:650}
.stage-toolbar button{border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--muted);padding:7px 11px;cursor:pointer}
.stage-toolbar button:hover{color:var(--text);border-color:var(--line-strong)}
.tool-stage iframe{display:block;width:100%;height:660px;border:0;background:#fff}
.tool-placeholder{min-height:610px;display:grid;place-items:center;color:var(--muted)}
.tool-placeholder strong{font-size:17px;color:var(--text-soft)}

/* Empty state */
.empty-workspace{min-height:430px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center;align-content:center;text-align:center;padding:40px}
.empty-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}
.empty-icon svg{width:24px;height:24px}
.empty-workspace h2{margin:0 0 20px;font-size:22px}

/* Progress and store modal */
.task-overlay,.modal-overlay{position:fixed;inset:0;z-index:90;align-items:center;justify-content:center;padding:24px;background:var(--overlay)}
@supports (backdrop-filter:blur(4px)){.task-overlay,.modal-overlay{backdrop-filter:blur(4px)}}
.task-dialog{width:min(430px,100%);border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:28px;box-shadow:var(--shadow-lg)}
.task-loader{position:relative;width:48px;height:48px;margin:0 auto 17px}
.task-loader span,.task-loader i{position:absolute;inset:0;border:1px solid var(--line-strong);border-radius:50%}
.task-loader i{inset:6px;border-color:var(--accent) transparent var(--accent) transparent;animation:spin .85s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.task-title{text-align:center;margin-bottom:22px}.task-title strong{font-size:17px}
.task-progress-copy{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:12px}.task-progress-copy b{color:var(--text)}
.task-progress-track{height:6px;margin-top:9px;background:var(--surface-3);border-radius:99px;overflow:hidden}.task-progress-track>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .65s cubic-bezier(.22,.8,.2,1)}
.task-progress-detail{display:none!important}
.store-dialog{width:min(880px,100%);max-height:min(86vh,820px);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}
.dialog-header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.dialog-header strong{font-size:17px}
.dialog-header button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
.dialog-header button:hover{color:var(--text);border-color:var(--line-strong)}
.dialog-body{padding:20px;max-height:calc(86vh - 64px);overflow:auto}
.store-list{display:grid;gap:10px;margin-bottom:18px}
.store-list>div{border:1px solid var(--line)!important;background:var(--surface-2)!important;border-radius:13px!important;padding:14px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
.store-list .flex{display:flex}.store-list button{border:1px solid var(--line)!important;border-radius:8px!important;padding:6px 10px!important;background:var(--surface)!important;color:var(--text-soft)!important;cursor:pointer}.store-list button:hover{border-color:var(--line-strong)!important;background:var(--surface-3)!important}.store-list .delete-store{color:var(--danger)!important}.store-list .portal-store{color:#9a55cc!important}.store-list .edit-store{color:#3979e8!important}
.store-form{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:18px}
.store-form-heading{margin-bottom:15px}.store-form-heading span{display:block;font-weight:700}.store-form-heading small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.form-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.field{display:block}.field>span,.field>label{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}
.field input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:0 12px;outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.10)}
.store-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.store-form-actions>div{display:flex;gap:9px}.check-field{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.check-field input{accent-color:var(--accent)}

/* Notifications */
.toast-stack{position:fixed;right:22px;top:82px;z-index:130;display:grid;gap:9px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.toast{min-height:50px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;color:var(--text-soft);font-size:13px;opacity:0;transform:translateX(14px);transition:opacity .18s ease,transform .18s ease}
.toast.show{opacity:1;transform:none}.toast i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.toast.success i{background:var(--success)}.toast.error i{background:var(--danger)}.toast.warning i{background:var(--warning)}
.overlay{position:fixed;inset:0;z-index:140;background:var(--overlay);display:grid;place-items:center;padding:22px;opacity:0;transition:opacity .16s ease}
.overlay.show{opacity:1}
.modal{width:min(420px,100%);border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px;box-shadow:var(--shadow-lg);transform:translateY(8px);transition:transform .18s var(--ease)}
.overlay.show .modal{transform:none}.modal-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;margin-bottom:15px}.modal-icon span{width:8px;height:8px;border-radius:50%;background:var(--accent)}.modal-icon.success span{background:var(--success)}.modal-icon.error span{background:var(--danger)}.modal-icon.warning span{background:var(--warning)}.modal-copy h3{margin:0;font-size:18px}.modal-copy p{margin:8px 0 0;color:var(--muted);font-size:13px}.modal-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:9px}

::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease)}

@media (max-width:1040px){
  .topbar-inner{height:auto;min-height:108px;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";gap:8px 16px;padding:10px 0 9px}.brand-lockup{grid-area:brand}.account-actions{grid-area:actions}.primary-nav{grid-area:nav;width:100%;height:40px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.primary-nav a{flex:1;height:32px;justify-content:center;padding:0 10px}.workspace-grid{grid-template-columns:1fr 1fr}.workspace-card:last-child{grid-column:1/-1}.tool-workbench{grid-template-columns:230px minmax(0,1fr)}
}
@media (max-width:720px){
  .shell{width:min(calc(100% - 28px),var(--shell))}.topbar-inner{min-height:104px;gap:7px 10px;padding:9px 0 8px}.brand-lockup img{width:34px;height:34px}.brand-lockup strong{font-size:12px}.brand-lockup small,.account-name,.theme-toggle span{display:none}.theme-toggle{width:38px;padding:0;justify-content:center}.primary-nav a{font-size:12px;padding:0 4px}.page-main{padding:34px 0 64px}.home-main{padding-top:34px}.home-heading{margin-bottom:28px;text-align:left}.home-heading h1{font-size:38px}.home-heading p{font-size:14px}.workspace-grid{grid-template-columns:1fr}.workspace-card:last-child{grid-column:auto}.workspace-card{min-height:195px;padding:22px}.page-heading{align-items:flex-start}.page-mark{width:54px;height:54px;border-radius:15px}.page-heading h1{font-size:28px}.store-selector-panel{align-items:stretch;flex-direction:column}.store-selector-panel .select-field{max-width:none}.query-grid{grid-template-columns:1fr}.date-range{grid-template-columns:1fr}.tool-workbench{grid-template-columns:1fr}.tool-sidebar{border-right:0;border-bottom:1px solid var(--line)}.tool-placeholder{min-height:360px}.tool-stage iframe{height:560px}.form-grid{grid-template-columns:1fr}.store-form-actions{align-items:flex-start;flex-direction:column}.store-form-actions>div{width:100%}.store-form-actions button{flex:1}.store-list>div{flex-direction:column}.toast-stack{top:116px;right:14px}.empty-workspace{min-height:360px;padding:34px 20px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal-on-view{opacity:1;transform:none}.ambient-shape{display:none}}

/* =========================================================
   Demo09 · refined enterprise visual layer
   ========================================================= */
:root{
  --bg:#f4f6fb;
  --bg-subtle:#edf1f7;
  --surface:#ffffff;
  --surface-2:#f7f9fc;
  --surface-3:#eef2f7;
  --line:#dce3ec;
  --line-strong:#c8d2df;
  --text:#141c26;
  --text-soft:#344054;
  --muted:#667085;
  --muted-2:#98a2b3;
  --shadow-sm:0 1px 2px rgba(15,23,42,.04),0 10px 28px rgba(15,23,42,.05);
  --shadow-md:0 20px 52px rgba(15,23,42,.09);
  --shadow-lg:0 38px 100px rgba(15,23,42,.14);
  --radius-xl:26px;
}
html[data-theme="dark"]{
  --bg:#11151b;
  --bg-subtle:#171d25;
  --surface:#1a2029;
  --surface-2:#202731;
  --surface-3:#27303c;
  --line:#303a47;
  --line-strong:#435061;
  --text:#f7f9fc;
  --text-soft:#d8dee8;
  --muted:#a5afbd;
  --muted-2:#778394;
  --shadow-sm:0 1px 2px rgba(0,0,0,.18),0 12px 30px rgba(0,0,0,.16);
  --shadow-md:0 24px 60px rgba(0,0,0,.28);
  --shadow-lg:0 42px 110px rgba(0,0,0,.38);
}

.site-atmosphere{background:
  radial-gradient(circle at 8% 12%,rgba(var(--accent-rgb),.08),transparent 24%),
  radial-gradient(circle at 92% 16%,rgba(95,111,255,.065),transparent 26%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg-subtle) 100%)}
.ambient-shape{opacity:.22;filter:blur(34px)}
.ambient-grid{opacity:.45;background-size:48px 48px}

.topbar{background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.45);backdrop-filter:saturate(130%) blur(12px)}
html[data-theme="dark"] .topbar{box-shadow:0 1px 0 rgba(255,255,255,.025)}
.topbar-inner{height:72px;grid-template-columns:minmax(260px,1fr) auto minmax(240px,1fr)}
.brand-lockup img{width:40px;height:40px;border-radius:12px}
.brand-lockup strong{font-size:13px;font-weight:760;letter-spacing:.015em}
.brand-lockup small{font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.primary-nav{gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);height:44px}
.primary-nav a{height:34px;gap:8px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:700}
.primary-nav a.active{background:var(--surface);box-shadow:0 1px 2px rgba(16,24,40,.05),0 4px 12px rgba(16,24,40,.04)}
.nav-brand-icon{display:block;max-width:20px;max-height:14px;object-fit:contain}
.wb-nav-icon{width:20px;height:14px}
.ozon-nav-icon{width:19px;height:12px}
.nav-tool-icon{width:16px;height:16px}
.nav-home-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.72}
.account-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theme-toggle,.icon-button{background:var(--surface);box-shadow:0 1px 2px rgba(16,24,40,.04)}

.page-main{min-height:calc(100vh - 154px);padding:54px 0 82px}
.home-main{display:block;padding-top:54px}
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:38px;margin-bottom:30px}
.home-heading{max-width:820px;margin:0;text-align:left}
.home-heading h1{font-size:clamp(42px,5vw,68px);max-width:760px;line-height:1.02;font-weight:760;letter-spacing:-.055em}
.home-heading p{font-size:15px;margin-top:18px}
.eyebrow{letter-spacing:.13em;font-weight:760}
.hero-system-card{min-height:148px;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.system-pulse{display:flex;align-items:center;gap:8px;margin-bottom:auto;color:var(--success);font-size:11px;font-weight:750}
.system-pulse i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent)}
.hero-system-card strong{font-size:36px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.hero-system-card small{margin-top:7px;color:var(--muted);font-size:11px}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:54px}
.stat-card{position:relative;min-height:122px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}
.stat-card::after{content:"";position:absolute;width:84px;height:84px;right:-32px;bottom:-38px;border-radius:50%;background:rgba(var(--accent-rgb),.07)}
.stat-card span{display:block;color:var(--muted);font-size:12px;font-weight:650}
.stat-card strong{display:block;margin-top:13px;font-size:30px;line-height:1.05;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.stat-card i{position:absolute;right:16px;top:18px;color:var(--muted-2);font-size:9px;font-style:normal;letter-spacing:.12em;text-transform:uppercase}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}
.section-heading h2{margin:3px 0 0;font-size:25px;letter-spacing:-.035em}

.premium-workspace-grid{gap:16px}
.workspace-card{min-height:292px;padding:20px;border-radius:24px;background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface-2) 80%,var(--surface)));box-shadow:var(--shadow-sm)}
.workspace-card::before{height:1px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:.55}
.workspace-card::after{width:220px;height:220px;right:-98px;top:-100px;opacity:.6}
.workspace-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.workspace-brand-panel{position:relative;z-index:1;height:112px;border:1px solid color-mix(in srgb,var(--card-accent) 14%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--card-accent) 6%,var(--surface));display:grid;place-items:center;overflow:hidden}
.workspace-brand-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 42%);pointer-events:none}
html[data-theme="dark"] .workspace-brand-panel::after{opacity:.05}
.workspace-logo{position:relative;z-index:1;display:block;object-fit:contain}
.wb-workspace-logo{width:min(76%,250px);max-height:48px}
.ozon-workspace-logo{width:min(58%,210px);max-height:58px}
.tool-brand-panel svg{width:42px;height:42px;color:var(--card-accent);stroke-width:1.45}
.workspace-copy{margin-top:27px;padding-right:48px}
.workspace-copy>span{display:block;margin-bottom:6px;color:var(--muted-2);font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.workspace-copy h2{font-size:25px}
.workspace-copy p{font-size:12px}
.workspace-arrow{right:20px;bottom:20px;width:40px;height:40px;border:1px solid var(--line);background:var(--surface)}

.platform-heading{display:flex;align-items:center;gap:20px;margin-bottom:30px}
.platform-heading h1{margin:0;font-size:35px;line-height:1.1;letter-spacing:-.042em}
.platform-heading p{margin:8px 0 0;color:var(--muted);font-size:13px}
.platform-logo-card{width:92px;height:72px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));display:grid;place-items:center;box-shadow:var(--shadow-sm)}
.platform-logo-card img{display:block;object-fit:contain;max-width:70%;max-height:34px}
.wb-logo-card{width:124px}.wb-logo-card img{max-width:83%;max-height:30px}
.ozon-logo-card img{max-width:72%;max-height:35px}
.tool-logo-card svg{width:30px;height:30px;color:var(--accent)}
.compact-page-heading{margin-bottom:24px}
.store-selector-panel{padding:16px 18px;border-radius:20px;box-shadow:var(--shadow-sm)}
.task-group>h2{font-size:15px;letter-spacing:.005em}
.query-card{border-radius:20px}
.query-card-top{min-height:64px}
.query-card-body{padding:20px}
.log-panel{border-radius:20px}
.tool-workbench{border-radius:24px;box-shadow:var(--shadow-md)}
.empty-workspace.platform-empty{background:linear-gradient(160deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-md)}

.site-footer{background:color-mix(in srgb,var(--surface) 96%,transparent)}
.footer-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.footer-inner p{margin:0;color:var(--muted-2);font-size:11px}
.footer-support{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}
.footer-support>a{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-weight:650}
.footer-support>a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-support svg{width:15px;height:15px}

@media (max-width:1040px){
  .home-hero{grid-template-columns:1fr 160px}.stats-grid{grid-template-columns:repeat(2,1fr)}
  .primary-nav a{padding:0 10px}.nav-brand-icon,.nav-tool-icon,.nav-home-dot{display:none}
}
@media (max-width:720px){
  .page-main,.home-main{padding-top:34px}.home-hero{grid-template-columns:1fr}.hero-system-card{display:none}.home-heading h1{font-size:42px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:40px}.stat-card{min-height:108px;padding:16px}.stat-card strong{font-size:25px}.premium-workspace-grid{grid-template-columns:1fr}.workspace-card{min-height:260px}.platform-heading{align-items:flex-start}.platform-logo-card{width:78px;height:62px;border-radius:16px}.wb-logo-card{width:102px}.platform-heading h1{font-size:29px}.footer-inner{min-height:94px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;padding-block:18px}.footer-support{align-items:flex-start;flex-direction:column;gap:5px}.primary-nav a{gap:0}.nav-brand-icon,.nav-tool-icon,.nav-home-dot{display:none}
}

/* Demo09 responsive corrections (kept last intentionally) */
@media (max-width:1040px){
  .topbar-inner{height:auto;min-height:112px;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";gap:8px 16px;padding:10px 0 9px}
  .brand-lockup{grid-area:brand}.account-actions{grid-area:actions}.primary-nav{grid-area:nav;width:100%;height:42px;padding:3px}
  .primary-nav a{flex:1;height:34px;justify-content:center}
}
@media (max-width:720px){
  .topbar-inner{min-height:106px;gap:7px 10px;padding:9px 0 8px}
  .brand-lockup img{width:34px;height:34px}.brand-lockup strong{font-size:12px}.brand-lockup small,.account-name,.theme-toggle span{display:none}
  .theme-toggle{width:38px;padding:0;justify-content:center}.primary-nav a{font-size:12px;padding:0 4px}
  .page-main{min-height:calc(100vh - 200px);padding-bottom:58px}
}

/* V11 framework refinements */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
.modal{border-radius:20px;padding:25px}
@media (max-width:720px){
  .ambient-shape{opacity:.38}
  .ambient-grid{background-size:72px 72px}
}
@media (prefers-reduced-transparency:reduce){
  .task-overlay,.modal-overlay,.auth-column{backdrop-filter:none!important}
}

/* V11: below-fold sections may skip paint until needed */
@supports (content-visibility:auto){
  .task-group,.tool-workbench,.empty-workspace{content-visibility:auto;contain-intrinsic-size:auto 420px}
}


/* V17: Ozon + internal tool catalog */
.product-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:6px}
.internal-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-tool-card{position:relative;min-height:318px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface-2) 78%,var(--surface)));box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s var(--ease),border-color .22s ease,box-shadow .22s ease}
.product-tool-card::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.52}
.product-tool-card::after{content:"";position:absolute;width:190px;height:190px;right:-82px;top:-92px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 70%);pointer-events:none}
.product-tool-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:var(--shadow-md)}
.product-tool-card.is-unavailable{opacity:.62}.product-tool-card.is-unavailable:hover{transform:none;box-shadow:var(--shadow-sm)}
.product-tool-top{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}
.product-tool-icon{width:48px;height:48px;flex:0 0 48px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:15px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.product-tool-icon svg{width:24px;height:24px;stroke-width:1.65}
.tool-kind-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.product-tool-card h2{margin:7px 0 0;font-size:19px;line-height:1.28;letter-spacing:-.025em}.product-tool-card h2 em{font-size:12px;color:var(--accent);font-style:normal;font-weight:750}
.product-tool-card>p{position:relative;z-index:1;margin:18px 0 20px;color:var(--muted);font-size:12px;line-height:1.78;flex:1}
.product-tool-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.product-tool-meta span{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-soft);font-size:10px;font-weight:650}
.product-tool-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.product-tool-actions .primary-button,.product-tool-actions .secondary-button{min-height:40px;font-size:12px}.product-tool-actions .is-disabled{pointer-events:none;opacity:.45}
.catalog-loading{grid-column:1/-1;min-height:220px;border:1px dashed var(--line-strong);border-radius:22px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:13px}.catalog-error{color:var(--danger)}
.embedded-tool-shell{margin-top:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden;scroll-margin-top:92px}
.embedded-tool-toolbar{height:56px;padding:0 16px 0 18px;border-bottom:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;gap:16px}
.embedded-tool-toolbar>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.embedded-tool-toolbar strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embedded-tool-toolbar small{color:var(--muted-2);font-size:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}
.embedded-toolbar-actions{display:flex;gap:7px}.embedded-toolbar-actions button{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:11px;cursor:pointer}.embedded-toolbar-actions button:hover{color:var(--text);border-color:var(--line-strong)}
.embedded-tool-shell iframe{display:block;width:100%;height:760px;border:0;background:#fff}
.simple-guide-modal{position:fixed;inset:0;z-index:120;padding:24px;background:var(--overlay);align-items:center;justify-content:center}.simple-guide-modal:not(.hidden){display:flex!important}@supports(backdrop-filter:blur(8px)){.simple-guide-modal{backdrop-filter:blur(8px)}}
.simple-guide-card{width:min(620px,100%);max-height:min(760px,88vh);overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-lg);padding:24px}.simple-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.simple-guide-head h2{margin:0;font-size:22px}.simple-guide-head button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.simple-guide-card ol{list-style:none;margin:22px 0;padding:0;display:grid;gap:10px;counter-reset:guide}.simple-guide-card li{counter-increment:guide;position:relative;padding:14px 14px 14px 54px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.simple-guide-card li::before{content:counter(guide);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:11px;font-weight:800}.simple-guide-card li b{display:block;font-size:12px}.simple-guide-card li span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.65}.simple-guide-foot{display:flex;justify-content:flex-end}
.page-ozon-tools .platform-heading,.page-tool-catalog .platform-heading{margin-bottom:26px}
@media(max-width:1040px){.internal-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.internal-tool-grid .product-tool-card:last-child{grid-column:1/-1}.embedded-tool-shell iframe{height:680px}}
@media(max-width:720px){.product-tool-grid,.internal-tool-grid{grid-template-columns:1fr}.internal-tool-grid .product-tool-card:last-child{grid-column:auto}.product-tool-card{min-height:285px;padding:20px;border-radius:20px}.product-tool-actions{align-items:stretch;flex-direction:column}.product-tool-actions .primary-button,.product-tool-actions .secondary-button{width:100%}.embedded-tool-toolbar{height:auto;min-height:58px;padding:10px 12px;align-items:flex-start;flex-direction:column}.embedded-toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.page-ozon-tools .embedded-toolbar-actions{grid-template-columns:repeat(2,1fr)}.embedded-toolbar-actions button{width:100%}.embedded-tool-shell iframe{height:620px}.simple-guide-modal{padding:14px}.simple-guide-card{padding:19px;border-radius:20px}}