:root{--site-primary: #182231;--site-accent: #2a9d8f;--site-background: #f4f7f9;--site-surface: #ffffff;--site-text: #182231;--site-eyebrow: #2e4f71;--site-card-label: #356f8f;--site-home-step-index: #1d7067;color:var(--site-text);--brand-900: var(--site-primary);--brand-850: #223048;--brand-800: #2e4f71;--brand-700: #356f8f;--brand-100: #dceaf2;--brand-050: #f5f8fb;--accent-100: #d7eee8;--accent-500: var(--site-accent);--warning-500: #f2a541;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff;--line-soft: rgba(24, 34, 49, .12);--shadow-soft: 0 16px 42px rgba(24, 34, 49, .1);--shadow-lift: 0 24px 58px rgba(24, 34, 49, .14);background:linear-gradient(135deg,#2a9d8f14,#f5f8fb00 34%),linear-gradient(180deg,var(--site-background) 0%,#e9eff4 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:inherit}select{font:inherit}select{width:100%;min-height:44px;padding:0 42px 0 12px;border:1px solid rgba(24,34,49,.14);border-radius:10px;background:#fff;color:var(--brand-900);box-shadow:0 1px 1px #18223108;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%23122846' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:18px 18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}select:hover{border-color:#2a9d8f6b;box-shadow:0 8px 20px #1822310f}select:focus{outline:none;border-color:#2a9d8fa8;box-shadow:0 0 0 4px #2a9d8f24,0 10px 24px #18223114}button,input,textarea,select{font:inherit}button{border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,var(--brand-850) 0%,var(--brand-800) 100%);color:#fff;cursor:pointer;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 24px #1822312e;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}button:hover{transform:translateY(-1px);box-shadow:0 14px 12px #18223138;filter:brightness(1.03)}button:active{transform:translateY(0);box-shadow:0 10px 22px #1228462e}.shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;min-height:100vh;padding:18px}.editor-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;height:100vh;min-height:100vh;overflow:hidden;background:linear-gradient(90deg,#ffffffb8,#fff0),linear-gradient(180deg,#f7f9fb,#e9eff4)}.editor-shell .workspace{grid-column:1 / 3;grid-row:1;height:100%;min-height:0}.editor-shell .panel{grid-column:3;grid-row:1 / 3;height:100%;min-height:0}.home-shell{display:block;min-height:100vh;padding:24px}.home-layout{display:grid;grid-template-columns:minmax(320px,560px) minmax(360px,1fr);gap:24px;align-items:start;max-width:1480px;margin:0 auto}.home-main{display:grid;gap:24px}.home-card,.home-hero,.learn-panel-card,.home-visual-card{border:1px solid var(--line-soft);border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft)}.home-hero,.home-card{max-width:760px;padding:24px}.home-visual{min-width:0}.home-visual-card{display:grid;gap:16px;min-height:min(700px,calc(100vh - 48px));padding:22px;background:linear-gradient(135deg,#2a9d8f1a,#fff0 44%),linear-gradient(180deg,#fffffff0,#e8f0f6fa)}.home-visual-copy{display:grid;gap:10px}.home-onboarding-panel{display:grid;gap:16px;padding:18px;border:1px solid rgba(18,40,70,.1);border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f0f5faf5);box-shadow:0 16px 36px #19365d14,inset 0 1px #ffffffd9}.home-onboarding-intro{display:grid;gap:8px}.home-onboarding-lead{margin:0;color:var(--brand-900);font-size:1.08rem;font-weight:700;line-height:1.45}.home-onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-step-card{display:grid;gap:8px;padding:14px 16px;border-radius:12px;background:#ffffffd6;border:1px solid rgba(18,40,70,.08)}.home-step-header{display:flex;align-items:center;gap:10px}.home-step-card h3,.home-step-card p{margin:0}.home-step-card h3{color:var(--brand-900);font-size:1rem}.home-step-card p{color:#52606d;line-height:1.5;font-size:.94rem}.home-step-index{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:42px;padding:4px 10px;border-radius:8px;background:#2a9d8f21;color:var(--site-home-step-index);font-size:.8rem;font-weight:800;letter-spacing:.08em}.home-visual-illustration{border-radius:14px;overflow:hidden;border:1px solid rgba(18,40,70,.1);background:#ffffffe0;box-shadow:inset 0 1px #fffc;max-height:420px}.home-visual-illustration img{display:block;width:100%;max-height:420px;object-fit:contain;object-position:center top;height:auto}.home-credit{margin:auto 0 0;padding-top:10px;border-top:1px solid rgba(18,40,70,.14);color:#52606d;font-size:.86rem}@media(max-width:820px){.home-onboarding-steps{grid-template-columns:1fr}}.home-card.compact{padding:18px 24px}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.home-actions button{min-height:48px;padding-inline:20px}.package-catalog-tree{display:grid;gap:8px;margin-top:12px}.package-section{padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:color-mix(in srgb,var(--site-surface) 92%,var(--site-accent))}.package-section>summary{cursor:pointer;color:var(--brand-900);font-weight:800}.package-section>.meta{margin-top:4px}.package-section .package-catalog-tree{margin-left:10px}.package-scenario-item{display:grid;gap:3px;width:100%;padding:10px 12px;border:1px solid transparent;background:var(--site-surface);color:var(--brand-900);text-align:left;box-shadow:0 4px 12px #18223114;transition:border-color .15s ease,box-shadow .15s ease}.package-scenario-item:hover{border-color:var(--site-accent, #2a9d8f);box-shadow:0 10px 24px #1822311f}.package-scenario-item small{color:#637083;font-weight:500}.home-page{--page-max-width: 1440px;--page-gutter: 40px;--card-radius: 16px;--border-subtle: #d7e3e8;--shadow-hover: 0 4px 16px rgba(23, 43, 58, .07);--text-primary: #172b3a;--text-muted: #607486;--blue-primary: #167dc1;--teal-primary: #23a9b5;min-height:100vh;overflow-x:hidden;background:#f6fafb;color:var(--text-primary)}.home-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border-subtle);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-header-inner{display:grid;grid-template-columns:auto minmax(280px,620px) auto;align-items:center;gap:28px;width:min(100% - 80px,1360px);min-height:72px;margin:0 auto}.home-brand{display:inline-flex;align-items:center;gap:11px;color:var(--text-primary);font-size:1.05rem;font-weight:800;text-decoration:none;white-space:nowrap}.home-brand-mark{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;overflow:hidden}.home-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.home-header-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0}.home-contact-link{padding:10px 0;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.94rem;font-weight:600;white-space:nowrap;box-shadow:none}.home-contact-link:hover,.home-contact-link:focus-visible{color:var(--blue-primary);transform:none;filter:none;box-shadow:none}.home-contact-link:active{transform:none;filter:none;box-shadow:none}.home-contact-link[aria-current=page]{color:var(--blue-primary)}.home-contact-link:focus-visible,.home-brand:focus-visible{outline:3px solid rgba(42,157,143,.28);outline-offset:5px;border-radius:4px}.home-page .home-shell{display:block;width:min(100% - var(--page-gutter),var(--page-max-width));min-height:calc(100vh - 72px);margin:0 auto;padding:24px 0 56px}.home-intro-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(390px,1fr);gap:16px;scroll-margin-top:92px}.home-category{border:1px solid #d3e0e3;border-radius:17px;background:#fff}.home-intro-card{position:relative;isolation:isolate;container-type:inline-size;min-width:0;min-height:360px;padding:34px 38px;overflow:hidden;border-radius:var(--card-radius);color:#fff;background:linear-gradient(112deg,#075b78,#0d7891 58%,#23a9b5)}.home-intro-card:before,.home-intro-card:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%}.home-intro-card:before{width:90%;height:150%;right:-45%;top:-36%;background:#97f6ed2b;box-shadow:-105px 70px 0 30px #43c7d51f}.home-intro-card:after{width:110%;height:100%;right:-35%;bottom:-68%;transform:rotate(-24deg);background:#67e7dd33;box-shadow:-100px -25px 0 12px #25adc429}.home-intro-content{position:relative;z-index:2}.home-eyebrow{margin-bottom:20px;color:#cbf0f5;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.home-intro-card h1{margin:0;max-width:85%;color:#fff;font-size:clamp(32px,4.5cqi,42px);font-weight:700;line-height:1.12;letter-spacing:-.025em}.home-intro-card p{width:58%;max-width:520px;margin:20px 0 0;color:#eefbff;font-size:16px;line-height:1.5}.home-hero-art{position:absolute;z-index:1;bottom:-2px;right:-10px;width:41%;max-height:305px;pointer-events:none}.home-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;margin-top:30px;padding:12px 22px;border:1px solid rgba(218,232,242,.9);border-radius:10px;background:#fff;color:#075b78;font-size:15px;font-weight:650;box-shadow:0 2px 5px #033a580f;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.home-primary-action:hover{transform:translateY(-2px);background:#f8fbfd;box-shadow:0 8px 22px #033a5824}.home-primary-action:active{transform:translateY(0);box-shadow:0 2px 6px #033a581a}.home-primary-action:focus-visible,.home-knowledge-card:focus-visible{outline:2px solid var(--blue-primary);outline-offset:3px}.home-action-arrow{flex:0 0 20px;width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.home-primary-action:hover .home-action-arrow,.home-knowledge-card:hover .home-action-arrow{transform:translate(3px)}.home-intro-side{display:grid;grid-template-rows:1fr auto;gap:14px;min-width:0}.home-how-card,.home-knowledge-card{position:relative;isolation:isolate;min-width:0;border:1px solid #dce8ee;border-radius:var(--card-radius);box-shadow:0 8px 24px #264f680e}.home-how-card{padding:22px 24px;overflow:hidden;background:radial-gradient(circle at 100% 86%,rgba(255,235,199,.35) 0,rgba(255,247,234,.14) 29%,transparent 53%),#fff;scroll-margin-top:92px}.home-how-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.home-info-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;color:#ff8b12;background:#fff2df}.home-info-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.home-info-eyebrow{margin-bottom:5px;color:#7186a0;font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.home-how-card h2{margin:0;color:#102440;font-size:19px;font-weight:750;line-height:1.2;letter-spacing:-.012em}.home-how-card ol{position:relative;z-index:2;display:grid;gap:14px;margin:0;padding:0 108px 0 0;list-style:none}.home-how-card li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:start}.home-step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#137ed2;background:#e6f3ff;font-size:17px;font-weight:750}.home-how-card li:nth-child(2) .home-step-number{color:#149c7c;background:#e3f6ee}.home-how-card li:nth-child(3) .home-step-number{color:#cc7d06;background:#fff0d9}.home-how-card li:not(:last-child):after{content:"";position:absolute;top:43px;bottom:-9px;left:18px;border-left:2px dotted #c8d6e2}.home-how-card li strong{display:block;color:#142a46;font-size:15px;font-weight:700;line-height:1.3}.home-how-card li p{margin:3px 0 0;color:#7389a1;font-size:12.5px;line-height:1.4}.home-learning-art{position:absolute;bottom:14px;right:21px;width:108px;pointer-events:none}.home-knowledge-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;column-gap:12px;row-gap:12px;padding:22px 24px;overflow:hidden;background:radial-gradient(circle at 91% 42%,rgba(211,237,255,.42) 0,transparent 32%),#fff;color:var(--text-primary);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.home-knowledge-copy{position:relative;z-index:1;padding-right:0;transform:translateY(9px)}.home-knowledge-copy .home-info-eyebrow{transform:translateY(-5px)}.home-knowledge-card h2{margin:0;color:#102440;font-size:18px;font-weight:750;line-height:1.25;letter-spacing:-.012em}.home-knowledge-card p{margin:6px 0 0;color:#7389a1;font-size:12.5px;line-height:1.4}.home-knowledge-action{position:relative;z-index:1;grid-column:1;justify-self:end;display:inline-flex;align-items:center;gap:9px;color:#087ef5;font-size:14px;font-weight:700}.home-book-art{position:absolute;top:24px;right:35px;width:82px;opacity:.92;pointer-events:none;transition:transform .18s ease}.home-knowledge-card:hover{transform:translateY(-2px);border-color:#b8d6e6;background-color:#fbfdfe;box-shadow:var(--shadow-hover)}.home-knowledge-card:hover .home-book-art{transform:translate(2px)}.home-knowledge-card:active{transform:translateY(0);box-shadow:0 2px 6px #165b8c14}.home-search{position:relative;z-index:8;margin-top:0}.home-header-search{width:100%;max-width:620px;justify-self:center}.home-search-control{position:relative;display:flex;align-items:center}.home-search-control input{width:100%;height:54px;padding:0 54px 0 48px;border:1px solid #d7e3e8;border-radius:13px;outline:none;background:#fff;color:var(--text-primary);font:inherit;font-size:1rem;box-shadow:0 4px 15px #172b3a09;transition:border-color .18s ease,box-shadow .18s ease}.home-header-search .home-search-control input{height:42px;padding-right:92px;border-radius:11px;font-size:.92rem;box-shadow:none}.home-search-control input::placeholder{color:#8294a2}.home-search-control input::-webkit-search-cancel-button{display:none}.home-search-control input:focus{border-color:var(--blue-primary);box-shadow:0 0 0 3px #167dc11f,0 8px 22px #172b3a12}.home-search-icon{position:absolute;z-index:1;left:17px;width:21px;height:21px;stroke:#607486;stroke-width:1.9;stroke-linecap:round}.home-search-clear{position:absolute;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#607486;font-size:1.65rem;font-weight:300;line-height:1;box-shadow:none}.home-search-shortcut{position:absolute;right:12px;padding:3px 7px;border:0;background:transparent;color:#718595;font-family:inherit;font-size:.68rem;font-weight:600;line-height:1.2;letter-spacing:.01em;pointer-events:none}.home-search-clear:hover{background:#eef4f7;color:var(--text-primary)}.home-search-clear:focus-visible{outline:2px solid var(--blue-primary);outline-offset:2px}.home-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:min(420px,62vh);padding:8px;overflow-y:auto;border:1px solid #d7e3e8;border-radius:14px;background:#fffffffa;box-shadow:0 18px 42px #172b3a24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-search-result{display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:13px;width:100%;min-height:62px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);text-align:left;box-shadow:none}.home-search-result+.home-search-result{border-top:1px solid #edf2f4;border-radius:0 0 10px 10px}.home-search-result:hover{background:#f4f8fa}.home-search-result:focus-visible{position:relative;outline:2px solid var(--blue-primary);outline-offset:-2px}.home-search-result-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--category-tint, #eaf4fb);color:var(--category-accent, var(--blue-primary))}.home-search-result-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.home-search-result-copy{min-width:0}.home-search-result-copy strong,.home-search-result-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-search-result-copy strong{font-size:.94rem;font-weight:650}.home-search-result-copy small{margin-top:4px;color:var(--text-muted);font-size:.8rem}.home-search-result-arrow{justify-self:center;color:#607486;font-size:1.35rem;transition:transform .18s ease,color .18s ease}.home-search-result:hover .home-search-result-arrow{transform:translate(3px);color:var(--blue-primary)}.home-search-empty{margin:0;padding:20px;color:var(--text-muted);text-align:center}.home-category-jump{margin-top:26px}.home-category-jump h2{margin:0 0 16px;color:var(--text-primary);font-size:clamp(1.55rem,2.2vw,1.8rem);font-weight:700;line-height:1.2}.home-category-jump-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.home-category-jump button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;height:58px;min-width:0;padding:10px 12px;border:1px solid #e4edf1;border-radius:11px;background:#fff;color:var(--text-primary);text-align:left;box-shadow:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}.home-category-jump-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef4f7;color:#698397;transition:background-color .18s ease,color .18s ease}.home-category-jump-icon svg{width:20px;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.home-category-jump-title{min-width:0;overflow-wrap:anywhere;font-size:.86rem;font-weight:600;line-height:1.15}.home-category-jump button small{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#eef4f7;color:#607486;font-size:.75rem;font-weight:700}.home-category-jump button:hover{border-color:var(--border-subtle);background:#fff;box-shadow:var(--shadow-hover)}.home-category-jump button.is-active{border:2px solid var(--blue-primary);padding:9px 11px;background:#167dc10f;color:var(--blue-primary)}.home-category-jump button.is-active .home-category-jump-icon,.home-category-jump button.is-active small{background:#167dc11a;color:var(--blue-primary)}.home-category-jump button:focus-visible,.home-category-toggle:focus-visible,.home-scenario-card:focus-visible{outline:2px solid var(--blue-primary);outline-offset:3px}.home-catalog{margin-top:36px;scroll-margin-top:92px}.home-catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}.home-catalog-heading h2{margin:0;color:var(--text-primary);font-size:clamp(1.65rem,2.4vw,1.9rem);font-weight:700;line-height:1.2}.home-catalog-heading>span{color:var(--text-muted);font-size:.88rem;white-space:nowrap}.home-catalog-list{display:grid;gap:10px}.home-category{--category-accent: var(--blue-primary);--category-tint: rgba(22, 125, 193, .08);position:relative;width:100%;padding:0;overflow:hidden;border:1px solid var(--border-subtle);border-left:4px solid var(--category-accent);border-radius:14px;background:#fff;box-shadow:0 4px 16px #172b3a09}.home-category-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:76px;padding:14px 18px;border:0;border-radius:0;background:transparent;color:var(--text-primary);text-align:left;box-shadow:none;transition:background-color .18s ease}.home-category-toggle:hover{background:#f8fbfc}.home-category-heading{display:flex;align-items:center;min-width:0;gap:13px}.home-category-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:var(--category-tint);color:var(--category-accent)}.home-category-icon svg{width:23px;height:23px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.home-category h3{margin:0;color:var(--text-primary);font-size:1.02rem;font-weight:650;line-height:1.25}.home-category-toggle p{margin:4px 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.3}.home-category-meta{display:inline-flex;flex:0 0 auto;align-items:center;gap:12px}.home-category-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--category-tint);color:var(--category-accent);font-size:.78rem;font-weight:700}.home-category-chevron{width:21px;height:21px;stroke:#607486;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.home-category.is-expanded .home-category-chevron{transform:rotate(180deg)}.home-category-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .18s ease}.home-category.is-expanded .home-category-content{grid-template-rows:1fr;opacity:1}.home-category-content-inner{min-height:0;overflow:hidden}.home-scenario-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:0 14px 14px}.home-scenario-card{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:10px;min-width:0;min-height:46px;padding:7px 9px 7px 14px;border:1px solid #e1eaee;border-radius:10px;background:#f8fbfc;color:var(--text-primary);text-align:left;box-shadow:none;transition:border-color .18s ease,background-color .18s ease}.home-scenario-copy{display:grid;gap:4px;min-width:0}.home-scenario-description{color:var(--text-muted);font-size:.78rem;font-weight:400;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}.home-scenario-title{display:-webkit-box;min-width:0;overflow:hidden;font-size:.87rem;font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-scenario-arrow{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#edf3f5;color:#597487;font-size:1.05rem;line-height:1;transition:transform .18s ease,color .18s ease,background-color .18s ease}.home-scenario-card:hover,.home-scenario-card.is-stage-overview:hover{border-color:#c5dae5;background:#eff7fa;box-shadow:none}.home-scenario-card:hover .home-scenario-arrow{transform:translate(3px);background:#167dc11a;color:var(--blue-primary)}.home-scenario-card:active{background:#eaf4f8}.home-scenario-card.is-stage-overview{border-color:color-mix(in srgb,var(--category-accent) 42%,#fff);background:var(--category-tint);box-shadow:inset 3px 0 0 var(--category-accent)}.home-scenario-card.is-stage-overview .home-scenario-arrow{color:var(--category-accent);background:color-mix(in srgb,var(--category-accent) 12%,#fff)}.home-scenario-card.is-stage-overview:hover{border-color:color-mix(in srgb,var(--category-accent) 62%,#fff);background:color-mix(in srgb,var(--category-accent) 15%,#fff)}.home-empty-catalog,.home-status{margin-top:24px;padding:22px;border:1px solid #d3e0e3;border-radius:16px;background:#fff}.home-contacts{margin-top:34px;padding:4px 0;border:0;background:transparent;box-shadow:none;scroll-margin-top:92px}.home-contacts h2{margin:0;color:var(--text-primary);font-size:clamp(1.65rem,2.4vw,1.9rem);line-height:1.2}.home-contacts p{max-width:720px;margin:12px 0 0;color:var(--text-muted);font-size:.95rem;line-height:1.55;white-space:pre-line}.home-contacts-back{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:290px;min-height:54px;margin-top:26px;padding:13px 24px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:linear-gradient(112deg,#075b78,#0d7891 58%,#23a9b5);color:#fff;font-size:.98rem;font-weight:700;box-shadow:0 8px 20px #075b7829}.home-contacts-back:hover{transform:translateY(-2px);box-shadow:0 12px 26px #075b7833}.home-contacts-back:focus-visible{outline:3px solid rgba(22,125,193,.24);outline-offset:3px}.home-contacts-back-arrow{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.home-contacts-back:hover .home-contacts-back-arrow{transform:translate(3px)}.home-footer{display:grid;gap:5px;margin-top:28px;padding:18px 4px 0;border-top:1px solid #d7e2e5;color:#748591;font-size:.78rem;line-height:1.45}.home-footer p{margin:0}@media(max-width:1200px){.home-category-jump-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.home-intro-grid{grid-template-columns:minmax(0,1fr)}.home-intro-side{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto}.home-knowledge-card{align-content:center}}@media(max-width:900px){.home-header-inner{grid-template-columns:auto minmax(220px,1fr) auto;gap:18px}.home-category-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px),(pointer:coarse)and (max-width:950px){.home-catalog{margin-top:0}}@media(max-width:680px){.home-page{--page-gutter: 28px}.home-intro-side{grid-template-columns:minmax(0,1fr)}.home-intro-card{padding:26px 22px;min-height:0}.home-eyebrow{font-size:10px;margin-bottom:18px}.home-intro-card h1{max-width:100%;font-size:clamp(26px,6vw,34px)}.home-intro-card p{width:100%;font-size:14px;margin-top:20px}.home-hero-art{position:relative;display:block;width:min(85%,340px);margin:6px -20px -30px auto;right:auto;bottom:auto}.home-primary-action{margin-top:28px}.home-how-card{padding:20px 18px}.home-how-card ol{padding-right:65px}.home-learning-art{width:78px;right:0}.home-how-card h2{font-size:17px}.home-how-card li{gap:10px}.home-knowledge-card{padding:20px 18px}.home-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;width:min(100% - var(--page-gutter),var(--page-max-width));padding:10px 0 12px}.home-brand-mark{width:34px;height:34px}.home-header-actions{grid-column:2;grid-row:1}.home-contact-link{padding:7px 0;font-size:.85rem}.home-header-search{grid-column:1 / -1;grid-row:2;max-width:none}.home-page .home-shell{width:min(100% - var(--page-gutter),var(--page-max-width));padding-top:18px}.home-category-jump{padding:0}.home-search-control input{padding-left:44px;font-size:.9rem}.home-search-icon{left:15px;width:19px;height:19px}.home-search-result{grid-template-columns:34px minmax(0,1fr) 24px;gap:10px;min-height:58px;padding-inline:9px}.home-search-result-icon{width:34px;height:34px}.home-category-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-category{padding:0}.home-contacts{margin-top:24px;padding:0}.home-contacts-back{width:100%;min-width:0}.home-category-toggle{min-height:72px;padding:12px 14px}.home-category-toggle p{font-size:.78rem}.home-category-meta{gap:8px}.home-scenario-grid{grid-template-columns:1fr;padding:0 10px 10px}.home-category-icon{flex-basis:42px;width:42px;height:42px}}@media(max-width:420px){.home-category-jump-grid{grid-template-columns:minmax(0,1fr)}.home-category-jump button{height:58px}.home-catalog-heading{align-items:flex-start;flex-direction:column;gap:5px}}.selected-scenario-description{margin:12px 0 0;color:#52606d}.catalog-editor,.catalog-editor-list{display:grid;gap:8px}.catalog-editor-section{display:grid;gap:8px;padding:8px;border:1px solid var(--line-soft);border-radius:10px;background:#18223106}.catalog-editor-section .catalog-editor-list{margin-left:10px}.catalog-editor-row,.catalog-editor-add{display:flex;align-items:center;gap:6px}.catalog-editor-row>input,.catalog-editor-row>span,.catalog-editor-add>select{min-width:0;flex:1}.catalog-editor-row>div{display:flex;gap:4px}.catalog-editor-row button,.catalog-editor-add button{padding:6px 8px;font-size:.76rem;box-shadow:none}.top-gap{margin-top:14px}.learn-shell{min-height:100vh;position:relative;overflow:hidden}.mobile-training-controls{display:none}@media(pointer:coarse)and (orientation:portrait){.learn-shell.simulated-landscape{position:fixed;top:0;left:100vw;width:100dvh;height:100vw;min-height:0;transform:rotate(90deg);transform-origin:top left}.learn-shell.simulated-landscape .screen-frame.fullscreen{height:100vw;max-height:100vw}.learn-shell.simulated-landscape .learn-sidepanel{max-height:calc(100vw - 24px)}.learn-shell.simulated-landscape .contextual-hint-card{max-height:calc(100vw - 20px)}}@media(pointer:coarse){.learn-shell{min-height:100dvh}.screen-frame.fullscreen{height:100dvh;max-height:100dvh}.learn-sidepanel{max-height:calc(100dvh - 24px)}.mobile-training-controls{display:block;position:fixed;z-index:24;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.mobile-fullscreen-button{display:grid;place-items:center;width:40px;height:40px;padding:8px;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;background:#2a313bc7;box-shadow:0 4px 16px #0000002e}.mobile-fullscreen-button[aria-pressed=true]{background:#006e81e6}.mobile-fullscreen-button svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.screen-canvas{padding:4px}.contextual-hint-card{max-height:calc(100dvh - 20px);overflow-y:auto}}.learn-edge-trigger{position:fixed;left:0;top:16px;width:36px;height:44px;z-index:22;padding:0;border-radius:0 10px 10px 0;background:#fffffff5;box-shadow:none;color:var(--brand-900);opacity:1;font-size:22px;border:1px solid var(--line-soft)}.learn-edge-trigger:after{display:none;content:"";position:absolute;left:4px;top:50%;width:4px;height:52px;border-radius:999px;background:var(--accent-500);transform:translateY(-50%);box-shadow:0 0 0 4px #2a9d8f1f}.learn-edge-trigger span{display:block}.learn-navigation-tip{position:fixed;top:66px;left:12px;z-index:23;max-width:min(260px,calc(100vw - 24px));padding:10px 14px;border-radius:10px;background:#182231;color:#fff;box-shadow:var(--shadow-lift);pointer-events:none}.learn-edge-trigger:hover,.learn-edge-trigger:focus-visible{background:transparent;box-shadow:none;filter:none;opacity:1;transform:none;outline:3px solid rgba(42,157,143,.24);outline-offset:-3px}.learn-sidepanel{position:fixed;top:16px;left:44px;max-height:calc(100vh - 32px);z-index:21;width:min(360px,calc(100vw - 32px));padding:18px;border-radius:14px;border:1px solid var(--line-soft);background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lift);transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;overflow:auto}.learn-sidepanel.is-open{transform:translate(0);opacity:1;pointer-events:auto}.learn-sidepanel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.learn-sidepanel-header strong{display:block;margin-top:4px;color:var(--brand-900)}.learn-panel-close{flex:0 0 auto;width:34px;height:34px;padding:0;border:1px solid var(--line-soft);border-radius:9px;background:#ffffffd1;color:var(--brand-900);box-shadow:none;font-size:1.35rem;line-height:1}.learn-panel-close:hover{background:#fff;box-shadow:none}.learn-workspace{min-width:0;padding:0}.learn-panel-card{padding:16px}.learn-sidepanel-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:16px;padding-top:8px}.learn-scenario-link-status{grid-column:1 / -1;grid-row:2;max-width:100%;color:#356f8f;font-size:.82rem}.learn-scenario-link-status:empty{display:none}.learn-scenario-share{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px}.learn-share-screen-option{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:40px;margin:0;color:#637083;font-size:.82rem;cursor:pointer}.learn-share-screen-option input{width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:#2a9d8f;cursor:pointer}.learn-sidepanel-footer .learn-copy-scenario-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:11px}.learn-sidepanel-footer>button{grid-column:1;grid-row:1;justify-self:start;min-height:48px}.learn-copy-scenario-link svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.learn-slide-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:16px;padding-top:8px}.learn-slide-nav span{color:#637083;font-size:.82rem;font-weight:800;white-space:nowrap}.learn-slide-nav button{min-width:0;padding:9px 10px;line-height:1}.learn-slide-seek .training-assistance-header label{margin:0}.learn-slide-seek-limits{display:flex;justify-content:space-between;color:#8792a2;font-size:.68rem}.learn-slide-seek input:disabled{cursor:default;opacity:.5}.learn-step-chip{display:inline-block;padding:10px 14px;border-radius:999px;background:#17345b14;border:1px solid rgba(23,52,91,.16);font-weight:700}.training-assistance{display:grid;gap:7px;margin-top:12px;padding:0 2px}.training-assistance-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#637083;font-size:.76rem;font-weight:700}.training-assistance-header strong{color:var(--brand-900);font-size:.78rem;text-align:right}.training-assistance input[type=range]{appearance:none;width:100%;height:9px;margin:2px 0 0;padding:0;border:0;border-radius:999px;outline:none;background:linear-gradient(to right,#08bea9 0,#08bea9 var(--assistance-progress),#dce7e7 var(--assistance-progress),#dce7e7 100%);box-shadow:inset 0 1px 2px #1822311f;cursor:pointer}.training-assistance input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#08bea9;box-shadow:0 5px 12px #08bea957}.training-assistance input[type=range]::-moz-range-track{height:9px;border:0;border-radius:999px;background:#dce7e7;box-shadow:inset 0 1px 2px #1822311f}.training-assistance input[type=range]::-moz-range-progress{height:9px;border-radius:999px;background:#08bea9}.training-assistance input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#08bea9;box-shadow:0 5px 12px #08bea957}.training-assistance input[type=range]:focus-visible{box-shadow:0 0 0 4px #08bea92e}.training-assistance input[type=range]:hover::-webkit-slider-thumb{background:#06af9c}.training-assistance input[type=range]:hover::-moz-range-thumb{background:#06af9c}.training-assistance-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;color:#8792a2;font-size:.64rem;font-weight:700;line-height:1.15;text-align:center}.training-assistance-labels span:first-child{text-align:left}.training-assistance-labels span:last-child{text-align:right}.training-assistance-labels .active{color:#167c70}.panel{display:flex;flex-direction:column;gap:12px}.editor-shell .panel{position:static;max-height:100%;overflow-y:auto;padding:14px;gap:10px;border:1px solid rgba(24,34,49,.08);border-radius:16px;background:#f6f8fbc7;box-shadow:inset 0 1px #fffc}.mode-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line-soft);border-radius:12px;background:#ffffffc2;width:100%}.mode-switch button{flex:1;border-radius:8px;padding:9px 10px;background:transparent;color:#52606d;cursor:pointer;box-shadow:none}.mode-switch button.active{background:var(--brand-850);color:#fff;box-shadow:0 8px 18px #18223124}.eyebrow{color:var(--brand-800);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-shell .eyebrow{color:var(--site-eyebrow)}.panel h1{margin:0;font-size:1.46rem;line-height:1.1}.editor-shell .lead{color:#637083;font-size:.94rem}.lead,.instruction,.meta,.status p,.card p{margin:0}.card{border:1px solid var(--line-soft);border-radius:12px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px;box-shadow:var(--shadow-soft)}.editor-shell .card{background:var(--panel-strong);box-shadow:0 8px 22px #1822310f}.editor-shell .card{padding:14px}.editor-shell .card+.card{margin-top:4px}.editor-shell .card-label{margin-bottom:8px;font-size:.74rem}label+.card-label{margin-top:16px}.editor-toolbar{display:flex;align-items:center;gap:8px}.editor-toolbar .mode-switch{flex:1;width:auto}.editor-toolbar-back{flex-shrink:0;white-space:nowrap}.card-label{margin-bottom:7px;color:var(--brand-700);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.home-shell .card-label{color:var(--site-card-label)}.scenario-chain-label{margin-bottom:8px}.annotation-form{display:grid;gap:10px}.annotation-form label{display:grid;gap:6px}.annotation-form span{color:#52606d;font-size:.82rem;font-weight:700}.annotation-form input,.annotation-form textarea,.annotation-form select{width:100%;padding:10px 12px;border:1px solid rgba(24,34,49,.14);border-radius:10px;background:#fff}.annotation-form textarea{min-height:78px;resize:vertical}.site-theme-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.site-step-fields{display:grid;gap:8px;padding:8px;border:1px solid var(--line-soft);border-radius:10px}.site-theme-fields input[type=color]{min-height:42px;padding:4px}.annotation-form input:disabled{background:#1822310d;color:#637083;cursor:not-allowed}.annotation-rect-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.annotation-rect-form label{display:grid;gap:6px}.annotation-rect-form span{color:#52606d;font-size:.82rem;font-weight:700}.annotation-rect-form input{width:100%;padding:10px 12px;border:1px solid rgba(24,34,49,.14);border-radius:10px;background:#fff}.screen-meta-form{display:grid;gap:10px;margin-top:12px}.screen-meta-form label{display:grid;gap:6px}.screen-meta-form input{width:100%;padding:10px 12px;border:1px solid rgba(24,34,49,.14);border-radius:10px;background:#fff}.card>label input{width:100%;padding:10px 12px;border:1px solid rgba(24,34,49,.14);border-radius:10px;background:#fff}.id-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.scenario-title-row{margin-top:8px;margin-bottom:8px}.scenario-title-row input{width:100%;min-width:0;padding:10px 8px;border:1px solid rgba(24,34,49,.14);border-radius:10px;background:#fff}.annotation-toggle{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;justify-content:start;column-gap:8px;width:100%;max-width:100%;margin-top:12px;color:#52606d;font-size:.92rem;text-align:left}.annotation-toggle input[type=checkbox]{justify-self:start;width:16px;height:16px;min-width:16px;min-height:0;margin:0;padding:0;border-radius:3px;box-shadow:none}.annotation-toggle span{justify-self:start;min-width:0;text-align:left}.status.success{border-color:#2e7d3252}.status.error{border-color:#c6282852}.progress-track{height:8px;margin-top:14px;border-radius:999px;background:#14213d14;overflow:hidden}.progress-value{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-800) 0%,#5a87b1 100%)}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-radius:16px}.screen-frame.empty-screen-frame{align-items:center;justify-content:center;flex:1;width:100%;height:100%;min-height:0}.screen-frame{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--line-soft);border-radius:16px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lift);overflow:hidden}.screen-frame.fullscreen{height:100vh;max-height:100vh;min-height:0;border-radius:0;border:0;box-shadow:none}@media(pointer:coarse){.screen-frame.fullscreen{height:100dvh;max-height:100dvh}.screen-canvas{padding:4px}}.screen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(24,34,49,.09);background:linear-gradient(180deg,#fffffff5,#f4f8faf5);color:var(--brand-850);font-size:.88rem;font-weight:700}.screen-toolbar-right{display:flex;align-items:center;gap:12px}.screen-canvas{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height:0;min-height:0;padding:12px;overflow:hidden;background-color:#eef3f6}.screen-canvas>img.screen-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.paste-empty-state{display:grid;gap:9px;margin-top:14px;padding:18px 20px;border:1px dashed var(--site-accent);border-radius:12px;background:#356f8f0d;color:#52606d}.paste-empty-state:focus,.empty-screen-frame:focus{outline:3px solid rgba(252,163,17,.34);outline-offset:3px}.paste-empty-state strong{color:var(--brand-900)}.paste-empty-state.large{max-width:420px;text-align:center;margin:0;padding:28px;justify-items:center}.screen-actions{justify-content:center;align-items:center;gap:8px;min-height:38px;margin-top:0;padding:4px 14px 6px}.screen-actions button{min-height:26px;padding:4px 10px;border-radius:7px;font-size:.82rem;line-height:1.1}.screen-actions .secondary-button{min-width:64px}.duplicate-button{background:#356f8f24;border:1px solid rgba(53,111,143,.3);color:#245879;box-shadow:none}.duplicate-button:hover{background:#356f8f38;box-shadow:0 8px 18px #356f8f24}.danger-button{background:#c628281f;border:1px solid rgba(198,40,40,.22);color:#8b1e1e;box-shadow:none}.danger-button:hover{background:#c628282e;box-shadow:0 8px 18px #c628281f}.scenario-chain{grid-column:1 / 3;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;padding:8px;border:1px solid var(--line-soft);border-radius:16px;background:#ffffffeb;box-shadow:var(--shadow-soft)}.scenario-chain-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:5px}.scenario-chain-header h2{margin:0;color:var(--brand-900);font-size:.94rem;line-height:1.2}.scenario-chain-header span{color:#637083;font-size:.78rem;font-weight:700}.scenario-chain-track{display:flex;align-items:stretch;gap:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px}.scenario-chain-item{display:flex;align-items:center;flex:0 0 auto;cursor:grab;transition:opacity .15s ease,transform .15s ease}.scenario-chain-item:active{cursor:grabbing}.scenario-chain-item.dragging{opacity:.4}.scenario-chain-item.drop-target .scenario-node{border-color:var(--accent-500);box-shadow:-4px 0 0 0 var(--accent-500),0 12px 26px #18223129;transform:translate(4px)}.scenario-node{position:relative;display:grid;grid-template-rows:minmax(46px,1fr) auto;gap:4px;width:118px;min-height:102px;padding:6px;border:1px solid rgba(24,34,49,.12);border-radius:12px;background:#fff;color:var(--brand-900);text-align:left;box-shadow:0 4px 2px #18223114}.scenario-node:hover{border-color:#2a9d8f80;box-shadow:0 12px 26px #1822311f}.scenario-node.active{border-color:var(--accent-500);box-shadow:0 0 0 3px #2a9d8f26,0 14px 28px #18223121}.scenario-node.target{border-color:var(--warning-500)}.scenario-node-index{position:absolute;top:6px;left:6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:8px;background:#182231db;color:#fff;font-size:.7rem;font-weight:800}.scenario-node-thumb{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(24,34,49,.1);border-radius:9px;background:#edf3f6}.scenario-node-thumb img{width:100%;height:100%;object-fit:cover}.scenario-node-thumb span{color:#7a8794;font-size:.8rem}.scenario-node-title{overflow:hidden;color:var(--brand-900);font-size:.76rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.scenario-node-meta{display:none}.scenario-link{position:relative;width:34px;height:2px;margin:0 6px;background:#1822312e}.scenario-link:after{content:"";position:absolute;top:50%;right:-1px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;color:#18223152;transform:translateY(-50%) rotate(45deg)}.scenario-link.connected{background:var(--accent-500)}.scenario-link.connected:after{color:var(--accent-500)}.scenario-link span{position:absolute;left:50%;top:-21px;padding:2px 6px;border-radius:999px;background:#fff;color:#637083;font-size:.64rem;font-weight:800;transform:translate(-50%);box-shadow:0 4px 12px #18223114}.scenario-link.connected span{color:#1d7067}.scenario-chain-empty{margin:0}.screen-canvas.annotation-mode{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.screen-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border:1px solid rgba(24,34,49,.1);border-radius:10px;box-shadow:0 16px 34px #18223124;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.hotspot{position:absolute;z-index:2;min-width:0;min-height:0;padding:0;border:2px solid rgba(42,157,143,.7);border-radius:8px;background:#2a9d8f1a;font-size:0;line-height:0;appearance:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.hotspot:hover{transform:scale(1.015);background:#f2a5412e;border-color:#f2a541f2}.hotspot.target{border-color:var(--warning-500);background:#f2a54138;box-shadow:0 0 0 4px #f2a54129;animation:hotspot-fill-pulse 1.8s ease-in-out infinite}.hotspot.target.assistance-hint{border-style:dashed;background:#f2a54124;box-shadow:0 0 0 7px #f2a5411a;animation:none}.hotspot.target.assistance-self,.hotspot.target.assistance-self:hover{border-color:transparent;background:transparent;box-shadow:none;animation:none;transform:none}.input-hotspot{position:absolute;z-index:3;min-width:0;min-height:0}.input-hotspot input{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:0 min(14px,8%);border:2px solid var(--warning-500);border-radius:8px;background:#fffffff5;color:#14213d;box-shadow:0 0 0 4px #f2a5412e}.input-hotspot input::placeholder{color:#7a8794}.input-hotspot.assistance-self input:not(:focus){border-color:transparent;background:#ffffff14;box-shadow:none}.input-hotspot.readonly input{border-color:#14213d2e;background:#fffffff0;box-shadow:none}.input-action-group{position:absolute;z-index:7;display:flex;align-items:center;gap:6px}.input-action-group.below{right:0;top:calc(100% + 6px)}.input-action-group.above{right:0;bottom:calc(100% + 6px)}.input-action-group.left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.input-action-group.right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.training-action-button{display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:38px;min-height:38px;padding:0 14px;border:0;border-radius:9px;background:#08bea9;color:#fff;box-shadow:0 7px 16px #08bea940;font-size:.78rem;font-weight:800;line-height:1}.training-action-button:hover{background:#06af9c;box-shadow:0 9px 20px #08bea952;filter:none}.training-action-button:disabled{background:#9edbd3;box-shadow:none}.contextual-hint-card{position:absolute;z-index:8;display:grid;gap:10px;width:min(320px,calc(100% - 24px));max-width:320px;padding:14px 15px;border:1px solid rgba(24,34,49,.16);border-radius:13px;background:#fffffff7;color:#182231;box-shadow:0 18px 44px #0c1b2d40,0 2px 8px #0c1b2d1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contextual-hint-card.is-expanded{--hint-accent: #2d84f3;--hint-accent-soft: #edf5ff;gap:0;width:min(460px,calc(100% - 24px));max-width:460px;padding:20px;border:1px solid rgba(96,139,190,.12);border-radius:19px;background:#fafcfff7;box-shadow:0 24px 58px #245b9930,0 9px 24px #2d84f31c,0 2px 6px #1822310f;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.contextual-hint-card.is-restore{display:block;width:max-content;max-width:calc(100% - 24px);padding:0;border-color:#2d84f333;border-radius:11px;background:#fafcfffa;box-shadow:0 10px 26px #245b9924,0 2px 6px #1822310f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contextual-hint-card:before{content:"";position:absolute;width:14px;height:14px;border-left:1px solid rgba(24,34,49,.16);border-bottom:1px solid rgba(24,34,49,.16);background:#fffffff7}.contextual-hint-card.is-expanded:before{border-color:#608bbe2e;background:#fafcfff7}.contextual-hint-card.is-restore:before{border-color:#2d84f333;background:#fafcfffa}.contextual-hint-card.placement-right:before{left:-8px;top:var(--hint-arrow-offset);transform:translateY(-50%) rotate(45deg)}.contextual-hint-card.placement-left:before{right:-8px;top:var(--hint-arrow-offset);transform:translateY(-50%) rotate(225deg)}.contextual-hint-card.placement-bottom:before{left:var(--hint-arrow-offset);top:-8px;transform:translate(-50%) rotate(135deg)}.contextual-hint-card.placement-top:before{left:var(--hint-arrow-offset);bottom:-8px;transform:translate(-50%) rotate(-45deg)}.contextual-hint-card.placement-view:before{display:none}.contextual-hint-step{color:var(--site-card-label);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contextual-hint-step-row{display:flex;align-items:center;gap:7px;margin-bottom:7px;padding-right:0}.contextual-hint-info{display:inline-flex;flex:0 0 24px;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--hint-accent);color:#fff;font-family:Arial,sans-serif;font-size:.78rem;font-style:normal;font-weight:800;line-height:1}.contextual-hint-card.is-expanded .contextual-hint-step{color:#8596aa;font-size:.72rem;font-weight:650;letter-spacing:.055em}.contextual-hint-title{margin:0;overflow-wrap:anywhere;white-space:pre-line;color:var(--brand-900);font-size:clamp(1.08rem,1.4vw,1.22rem);font-weight:650;line-height:1.28;letter-spacing:-.012em}.contextual-hint-description{margin:7px 0 0;overflow-wrap:anywhere;white-space:pre-line;color:#73869d;font-size:.92rem;font-weight:400;line-height:1.48}.contextual-hint-current-action{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;margin:13px 0 0;padding:11px 12px 11px 14px;overflow-wrap:anywhere;border-left:5px solid var(--hint-accent);border-radius:11px;background:var(--hint-accent-soft);color:#286fae;font-size:.88rem;font-weight:400;line-height:1.45}.contextual-hint-current-label{display:inline-flex;align-items:center;align-self:center;gap:8px;white-space:nowrap}.contextual-hint-current-arrow{color:var(--hint-accent);font-size:1.05rem;line-height:1}.contextual-hint-current-action>span:last-child{min-width:0;overflow-wrap:anywhere;white-space:pre-line;color:var(--brand-900)}.contextual-hint-current-label strong{font-weight:650}.contextual-hint-card.is-expanded .contextual-hint-feedback{margin-top:11px}.training-focus-blur{position:absolute;z-index:7;border-radius:10px;background:#edf4fc1f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;transition:opacity .22s ease}.screen-canvas:has(>.contextual-hint-card.is-expanded:hover)>.training-focus-blur,.screen-canvas:has(>.contextual-hint-card.is-expanded:focus-within)>.training-focus-blur,.screen-canvas:has(>.hotspot.target:hover)>.training-focus-blur,.screen-canvas:has(>.hotspot.target:focus-visible)>.training-focus-blur{opacity:0}.contextual-hint-instruction,.contextual-hint-detail,.contextual-hint-feedback{margin:0;white-space:pre-line;font-size:.9rem;line-height:1.45}.contextual-hint-confirmation{font-weight:700}.contextual-hint-detail{padding:8px 10px;border-left:3px solid var(--accent-500);border-radius:0 8px 8px 0;background:#2a9d8f14;color:#405063}.contextual-hint-feedback{padding:8px 10px;border-radius:9px;font-weight:700}.contextual-hint-feedback.error{background:#c628281a;color:#9a2525}.contextual-hint-value{display:grid;gap:5px;padding-top:2px}.contextual-hint-value>span{color:#637083;font-size:.74rem;font-weight:700}.contextual-hint-value>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.contextual-hint-value code{min-width:0;overflow-wrap:anywhere;color:#14213d;font-size:.88rem;font-weight:800}.contextual-hint-card button{min-height:32px;padding:7px 10px;border-radius:8px;box-shadow:none;font-size:.76rem}.contextual-hint-card .contextual-hint-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#7c8fa5;box-shadow:none;font-family:Arial,sans-serif;font-size:1.35rem;font-weight:400;line-height:1}.contextual-hint-card .contextual-hint-close:hover,.contextual-hint-card .contextual-hint-close:focus-visible{transform:none;background:#2d84f31a;color:#2d84f3;box-shadow:none;filter:none}.contextual-hint-card .contextual-hint-restore{position:relative;z-index:1;min-height:38px;padding:8px 13px;border-radius:10px;background:transparent;color:#2d73bd;box-shadow:none;font-size:.78rem;font-weight:700;white-space:nowrap}.contextual-hint-card .contextual-hint-restore:hover,.contextual-hint-card .contextual-hint-restore:focus-visible{transform:none;background:#2d84f317;color:#1764b7;box-shadow:none;filter:none}.contextual-hint-card .contextual-hint-restore:focus-visible{outline:2px solid rgba(45,132,243,.42);outline-offset:2px}.contextual-hint-card .contextual-hint-close:focus-visible{outline:2px solid rgba(45,132,243,.45);outline-offset:2px}.contextual-hint-card.is-expanded .contextual-hint-step-row{padding-right:34px}.contextual-hint-card .training-action-button{min-width:96px;height:38px;min-height:38px;padding:0 14px;border-radius:9px;background:#08bea9;box-shadow:0 7px 16px #08bea940;color:#fff;font-size:.78rem}.contextual-hint-card .training-action-button:hover{background:#06af9c;box-shadow:0 9px 20px #08bea952}.contextual-hint-pulse{position:absolute;z-index:9;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#22b8a7;box-shadow:0 0 0 4px #22b8a747;pointer-events:none;transform:translate(-50%,-50%);animation:contextual-pulse 1.8s ease-in-out infinite}.label{position:absolute;z-index:4;max-width:260px;padding:10px 12px;border-radius:14px;background:#14213de6;color:#fff;font-size:.82rem;box-shadow:0 14px 30px #14213d33}.annotation-rect{position:absolute;z-index:5;border:2px dashed var(--warning-500);background:#f2a54129;border-radius:8px;pointer-events:none}.screen-transition-veil{position:absolute;inset:0;z-index:10;background:#eef3f657;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:auto;animation:transition-veil-in .18s ease-out both}.saved-hotspot,.session-hotspot{position:absolute;pointer-events:none;border-radius:10px}.saved-hotspot{z-index:2;pointer-events:auto;border:2px solid rgba(42,157,143,.82);background:#2a9d8f24;cursor:move;touch-action:none}.saved-hotspot.selected{z-index:4;border-color:#f2a541f5;background:#f2a5412e;box-shadow:0 0 0 2px #f2a54138}.hotspot-resize-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border:2px solid #fff;border-radius:5px;background:var(--accent-500);box-shadow:0 4px 10px #18223138;cursor:nwse-resize;touch-action:none}.session-hotspot{z-index:3;pointer-events:auto;border:2px solid rgba(242,165,65,.92);background:#f2a54124;cursor:move;touch-action:none}.code-block{overflow:auto;margin:12px 0 0;padding:12px;border-radius:10px;background:#182231;color:#f8fafc;font-size:.82rem}.code-block.compact{max-height:220px}.annotation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.annotation-actions button{background:var(--warning-500);color:#182231;box-shadow:0 8px 18px #f2a54138}.annotation-actions.screen-actions{align-items:center;align-content:center;flex-wrap:nowrap;min-height:30px;margin-top:0;padding:2px 14px}.annotation-actions.screen-actions button{display:inline-flex;align-items:center;justify-content:center;height:24px;min-height:24px;padding-block:2px}.secondary-button{background:#fffffff0;border:1px solid rgba(24,34,49,.14);color:var(--brand-900);box-shadow:0 6px 16px #18223114}.annotation-actions .danger-button{background:#c628281f;border:1px solid rgba(198,40,40,.22);color:#8b1e1e;box-shadow:none}.annotation-actions .danger-button:hover{background:#c628282e;box-shadow:0 8px 18px #c628281f}.screen-file-input{display:none}.screen-actions .create-screen-button{background:#2e7d3224;border:1px solid rgba(46,125,50,.3);color:#1f6b33;box-shadow:none}.screen-actions .create-screen-button:hover{background:#2e7d3238;box-shadow:0 8px 18px #2e7d3224}.screen-actions .duplicate-button{background:#356f8f24;border:1px solid rgba(53,111,143,.3);color:#245879;box-shadow:none}.screen-actions .duplicate-button:hover{background:#356f8f38;box-shadow:0 8px 18px #356f8f24}.annotation-actions span{color:#52606d;font-size:.9rem}.annotation-list{display:grid;gap:8px;margin-top:8px}.annotation-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid rgba(24,34,49,.1);border-radius:10px;background:#18223106}.annotation-list-item.deleted{border-color:#c6282833;background:#c628280f}.annotation-list-item p{margin:0}.annotation-remove{border-radius:8px;padding:8px 12px;background:#c628281f;color:#8b1e1e;box-shadow:none}.step-order-controls{display:flex;flex-shrink:0;gap:6px}.step-order-controls button{padding:6px 10px;line-height:1}.step-order-controls button:disabled{opacity:.4;cursor:default}.credentials-list{display:grid;gap:10px}.credential-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#14213d0d}.credential-item span{color:#52606d;font-weight:700}.credential-item code{padding:4px 8px;border-radius:8px;background:#14213d;color:#fff}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#14213d70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(680px,100%);max-height:min(85vh,900px);overflow:auto;border:1px solid rgba(20,33,61,.12);border-radius:14px;background:#fff;padding:20px;box-shadow:0 28px 72px #18223138}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.modal-header h2{margin:0;font-size:1.4rem}.modal-close{border-radius:12px;padding:10px 14px;background:#14213d14;color:#14213d;box-shadow:none}.completion-card{position:relative;overflow:hidden}.completion-card h2{margin:0 0 10px;font-size:2rem}.completion-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.completion-confetti span{position:absolute;top:-24px;width:12px;height:22px;border-radius:999px;opacity:.9;animation:confetti-fall 2.8s linear infinite}.completion-confetti span:nth-child(1){left:10%;background:var(--warning-500);animation-delay:0s}.completion-confetti span:nth-child(2){left:24%;background:#2a9d8f;animation-delay:.4s}.completion-confetti span:nth-child(3){left:41%;background:#e76f51;animation-delay:.8s}.completion-confetti span:nth-child(4){left:58%;background:#264653;animation-delay:1.2s}.completion-confetti span:nth-child(5){left:76%;background:#ffcd52;animation-delay:1.6s}.completion-confetti span:nth-child(6){left:88%;background:#5f6caf;animation-delay:2s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hotspot-fill-pulse{0%{background:#fca3111f;box-shadow:0 0 0 4px #fca31114}50%{background:#fca3113d;box-shadow:0 0 0 4px #fca31124}to{background:#fca3111f;box-shadow:0 0 0 4px #fca31114}}@keyframes contextual-pulse{0%,to{box-shadow:0 0 0 4px #22b8a738}50%{box-shadow:0 0 0 10px #22b8a70a}}@keyframes transition-veil-in{0%{opacity:0}to{opacity:1}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(320px) rotate(220deg)}}.label-left{transform:translate(calc(-100% - 18px),-50%)}.label-right{transform:translate(18px,-50%)}.label-top{transform:translate(-50%,calc(-100% - 18px))}.label-bottom{transform:translate(-50%,18px)}@media(max-width:1100px){.shell{grid-template-columns:1fr}.editor-shell,.editor-shell .workspace,.editor-shell .panel,.scenario-chain{grid-column:auto;grid-row:auto}.editor-shell{grid-template-rows:auto;height:auto;overflow:visible}.editor-shell .panel{position:static;max-height:none;overflow:visible}.home-layout{grid-template-columns:1fr}.home-visual-card{min-height:auto}.learn-sidepanel{width:min(320px,calc(100vw - 24px));left:12px;top:12px;max-height:calc(100vh - 24px)}}@media(max-width:720px){.learn-edge-trigger{left:10px;top:10px;bottom:auto;width:auto;height:38px;padding:0 10px;border:1px solid rgba(24,34,49,.18);border-radius:10px;background:#fffffff0;box-shadow:0 8px 22px #1822312e;opacity:1}.learn-edge-trigger:after{left:12px;width:4px;height:18px}.learn-edge-trigger span{position:static;width:auto;height:auto;margin:0;clip:auto}.learn-sidepanel{top:58px}.contextual-hint-card{width:min(300px,calc(100% - 20px));padding:12px}}@media(prefers-reduced-motion:reduce){.home-primary-action,.home-knowledge-card,.home-action-arrow,.home-book-art,.home-primary-action:hover,.home-primary-action:active,.home-knowledge-card:hover,.home-knowledge-card:active,.home-primary-action:hover .home-action-arrow,.home-knowledge-card:hover .home-action-arrow,.home-knowledge-card:hover .home-book-art,.home-scenario-card:hover .home-scenario-arrow,.home-scenario-card:active{transition:none;transform:none}.contextual-hint-pulse,.hotspot.target,.screen-transition-veil{animation:none}.learn-sidepanel,.training-focus-blur,.home-category,.home-category-content,.home-category-chevron,.home-category-jump button,.home-scenario-card,.home-scenario-arrow{transition:none}}@media(hover:none){.training-focus-blur{opacity:0}}.panel h3{margin:0}.no-packages-shell{display:grid;place-items:center;grid-template-columns:minmax(0,1fr);min-height:100vh;padding:24px}.no-packages-message{margin:0;max-width:640px;padding:24px 28px;border:1px solid rgba(214,40,40,.4);border-radius:14px;background:#d6282814;color:#d62828;font-size:20px;font-weight:600;text-align:center}.package-picker-list{display:grid;gap:12px;margin-top:16px}.package-picker-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px 16px;border:1px solid rgba(20,33,61,.16);border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.package-picker-option:hover{border-color:var(--site-accent, #2a9d8f);box-shadow:0 10px 24px #1822311f}.package-picker-title{font-size:16px;font-weight:600;color:var(--site-text, #182231)}.annotation-actions+.meta{margin-top:8px}.loading-shell,.no-packages-shell{display:grid;place-content:center;gap:16px;min-height:100vh;padding:24px;text-align:center}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,var(--brand-850) 0%,var(--brand-800) 100%);color:#fff;font-weight:700;letter-spacing:.01em;text-decoration:none;box-shadow:0 10px 24px #1822312e}.button-link:hover{transform:translateY(-1px);box-shadow:0 14px 12px #18223138}.empty-catalog{margin:16px 0 0;padding:18px;border:1px dashed var(--site-accent);border-radius:12px;color:#52606d;text-align:center}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}@media(pointer:coarse)and (max-width:950px){.contextual-hint-card,.contextual-hint-card.is-expanded{width:min(230px,calc(100% - 20px));max-width:230px;max-height:min(190px,52dvh);gap:6px;padding:10px 11px;border-radius:12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.learn-shell.simulated-landscape .contextual-hint-card,.learn-shell.simulated-landscape .contextual-hint-card.is-expanded{max-height:min(190px,52vw)}.contextual-hint-card.is-restore{width:max-content;padding:0}.contextual-hint-card .contextual-hint-step,.contextual-hint-card.is-expanded .contextual-hint-step{font-size:.62rem}.contextual-hint-step-row{gap:5px;margin-bottom:4px}.contextual-hint-info{flex-basis:18px;width:18px;height:18px;font-size:.65rem}.contextual-hint-title{font-size:.9rem;line-height:1.25}.contextual-hint-description,.contextual-hint-instruction,.contextual-hint-detail,.contextual-hint-feedback{font-size:.75rem;line-height:1.35}.contextual-hint-description{margin-top:4px}.contextual-hint-current-action{gap:5px;margin-top:7px;padding:7px 8px;border-left-width:3px;font-size:.74rem;line-height:1.3}.contextual-hint-card .contextual-hint-close{top:5px;right:5px;width:34px;height:34px;min-height:34px}}