:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#07101d;--page-bg-soft:#07101d;--body-bg:var(--page-bg);--surface:#10182d;--surface-2:#16203b;--surface-3:#1d2a48;--surface-hover:#ffffff0f;--surface-glass:#ffffff08;--surface-glass-strong:#ffffff0f;--surface-card:#10182deb;--surface-card-strong:#10182df5;--surface-elevated:#07101df5;--text-main:#f8fafc;--text-muted:#c2cbe0;--text-soft:#d9e3ff;--text-inverse:#081020;--border:#223154;--border-soft:#ffffff14;--border-strong:#90b4ff73;--primary:#90b4ff;--primary-hover:#6d99ff;--primary-text:#081020;--accent-soft:#90b4ff24;--accent-soft-strong:#90b4ff38;--accent-border:#90b4ff47;--accent-border-strong:#90b4ff94;--accent-text:#d8e4ff;--input-bg:#ffffff0d;--input-border:#ffffff1a;--input-text:#eaf1ff;--input-placeholder:#a8b0c5;--input-option-bg:#10182d;--input-option-selected-bg:#16203b;--menu-bg:#07101df5;--header-bg:#07101dd1;--footer-bg:transparent;--control-bg:radial-gradient(circle at top right, #90b4ff29, transparent 42%), linear-gradient(180deg, #121e3af5, #0d162af5);--control-bg-hover:radial-gradient(circle at top right, #90b4ff42, transparent 44%), linear-gradient(180deg, #18284efc, #101c36fc);--control-bg-active:radial-gradient(circle at top right, #90b4ff61, transparent 46%), linear-gradient(180deg, #233a6efc, #16264cfc);--control-border:#90b4ff57;--control-border-hover:#b4cdffc7;--control-border-active:#b4cdffe6;--control-text:#f2f7ff;--control-shadow:0 8px 22px #0000002e, inset 0 1px 0 #ffffff0d;--control-shadow-hover:0 16px 38px #00000047, 0 0 0 1px #90b4ff24;--focus-ring:#90b4ffbf;--danger:#fb7185;--success:#34d399;--warning:#fbbf24;--scrollbar-track:#ffffff29;--scrollbar-thumb:#90b4ffe6;--shadow:0 20px 60px #00000040;--max:1180px;--radius:20px;--bg:var(--page-bg);--panel:var(--surface);--panel-2:var(--surface-2);--text:var(--text-main);--muted:var(--text-muted);--line:var(--border);--brand:var(--primary);--brand-strong:var(--primary-hover)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f8fbff;--page-bg-soft:#f8fbff;--body-bg:var(--page-bg);--surface:#fff;--surface-2:#f1f5fb;--surface-3:#e7edf7;--surface-hover:#2563eb14;--surface-glass:#ffffffb8;--surface-glass-strong:#ffffffe0;--surface-card:#ffffffe6;--surface-card-strong:#fff;--surface-elevated:#fffffffa;--text-main:#0f172a;--text-muted:#475569;--text-soft:#334155;--text-inverse:#f8fafc;--border:#0f172a24;--border-soft:#0f172a1a;--border-strong:#2563eb57;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-text:#fff;--accent-soft:#2563eb1a;--accent-soft-strong:#2563eb29;--accent-border:#2563eb3d;--accent-border-strong:#2563eb70;--accent-text:#1d4ed8;--input-bg:#fff;--input-border:#0f172a29;--input-text:#0f172a;--input-placeholder:#64748b;--input-option-bg:#fff;--input-option-selected-bg:#e8f0ff;--menu-bg:#fffffffa;--header-bg:#f8fbffdb;--footer-bg:transparent;--control-bg:radial-gradient(circle at top right, #2563eb1f, transparent 42%), linear-gradient(180deg, #fffffffa, #f1f5f9fa);--control-bg-hover:radial-gradient(circle at top right, #2563eb2e, transparent 44%), linear-gradient(180deg, #fff, #eaf1fb);--control-bg-active:radial-gradient(circle at top right, #2563eb3d, transparent 46%), linear-gradient(180deg, #eaf2ff, #dfeaff);--control-border:#2563eb42;--control-border-hover:#2563eb75;--control-border-active:#2563eb94;--control-text:#1e293b;--control-shadow:0 10px 26px #0f172a1a, inset 0 1px 0 #ffffffd9;--control-shadow-hover:0 16px 34px #0f172a24, 0 0 0 1px #2563eb1f;--focus-ring:#2563eb8c;--danger:#dc2626;--success:#059669;--warning:#b45309;--scrollbar-track:#0f172a1a;--scrollbar-thumb:#2563eb94;--shadow:0 20px 60px #0f172a1f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page-bg)}html[dir=rtl],html[dir=rtl] body{direction:rtl}body{color:var(--text-main);background:var(--body-bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}html[data-theme=dark] button,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light] button,html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.container{width:min(calc(100% - 32px), var(--max));margin:0 auto}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1;padding:32px 0 72px}.section{padding:32px 0}.section-tight{padding:20px 0}.hero{border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--surface-glass-strong), var(--surface-glass));box-shadow:var(--shadow);border-radius:28px;padding:36px}.hero h1{margin:0 0 16px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.04}.hero p{color:var(--muted);max-width:760px;font-size:1.12rem;line-height:1.7}.badge{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-text);border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:.92rem;font-weight:700;display:inline-flex}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card h2,.card h3{margin-top:0}.muted{color:var(--muted);line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button,.button-secondary,.button-ghost,.chip,.filter{transition:all .2s}.button,.button-secondary,.button-ghost{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;max-width:100%;min-height:46px;padding:0 18px;font-weight:700;line-height:1.2;display:inline-flex}.button{background:linear-gradient(180deg, var(--brand) 0%, var(--brand-strong) 100%);color:var(--primary-text)}.button:hover{transform:translateY(-1px)}.button-secondary{border-color:var(--line);color:var(--text);background:0 0}.button-secondary:hover,.button-ghost:hover,.filter:hover{background:var(--surface-hover)}.button-ghost{background:var(--surface-glass);border-color:var(--border-soft);color:var(--text)}button:disabled{cursor:default;opacity:.55}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:18px;width:calc(100% - 64px);min-height:72px;display:flex}.header-brand-row{flex:none;align-items:center;gap:10px;min-width:0;display:inline-flex;position:relative}.brand{letter-spacing:0;align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-mark{background:#2563eb url(/app-icon.svg) 50%/100% 100% no-repeat;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;overflow:hidden}.service-menu{flex:none;position:relative}.service-menu-trigger{border:1px solid var(--line);background:var(--surface-glass);width:42px;min-height:42px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.service-menu-trigger:hover{background:var(--surface-hover);transform:translateY(-1px)}.service-menu-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.service-menu-trigger-open{background:var(--accent-soft);border-color:var(--border-strong)}.service-menu-icon{gap:4px;width:18px;display:grid}.service-menu-icon span{background:var(--text-soft);border-radius:999px;height:2px;display:block}.service-menu-panel-shell{z-index:120;opacity:0;pointer-events:none;visibility:hidden;width:min(380px,100vw - 32px);transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-6px)}.service-menu-panel{overscroll-behavior:contain;border:1px solid var(--line);background:var(--menu-bg);width:100%;max-height:min(640px,100dvh - 96px);box-shadow:var(--shadow);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-gutter:stable;scrollbar-width:thin;border-radius:18px;gap:12px;padding:14px;display:grid;position:relative;overflow-y:auto}.service-menu-panel::-webkit-scrollbar{width:10px}.service-menu-panel::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.service-menu-panel::-webkit-scrollbar-thumb{border:2px solid var(--menu-bg);background:var(--scrollbar-thumb);border-radius:999px}.service-menu-panel-shell-open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.service-menu-scrollbar{display:none}.service-menu-section{border:1px solid var(--accent-border);background:var(--surface-glass);border-radius:14px;gap:8px;padding:10px;display:grid}.service-menu-section-active{border-color:var(--border-strong);background:var(--accent-soft)}.service-menu-section-link{color:var(--text-main);overflow-wrap:anywhere;font-weight:800;line-height:1.35}.service-menu-links{gap:4px;display:grid}.service-menu-link{min-height:34px;color:var(--text-soft);overflow-wrap:anywhere;border-radius:10px;align-items:center;padding:6px 8px;line-height:1.35;display:flex}.service-menu-section-link:hover,.service-menu-link:hover{color:var(--text-main)}.service-menu-link:hover,.service-menu-link-active{background:var(--accent-soft)}.service-menu-section-link:focus-visible,.service-menu-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.nav-scroll-shell{flex:auto;min-width:0;display:flex;position:relative}.nav{flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.nav a{white-space:nowrap;min-height:40px;color:var(--text-soft);border:1px solid var(--accent-border);background:var(--surface-glass-strong);box-shadow:var(--control-shadow);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.96rem;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s;display:inline-flex}.nav a:hover{color:var(--text-main);background:var(--accent-soft);border-color:var(--border-strong);box-shadow:var(--control-shadow-hover);transform:translateY(-1px)}.nav a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.nav a.nav-link-active{color:var(--text-main);background:var(--accent-soft-strong);border-color:var(--accent-border-strong);box-shadow:var(--control-shadow-hover)}.nav-scrollbar{display:none}.footer{border-top:1px solid var(--border-soft);color:var(--muted);padding:24px 0 42px}.page-breadcrumb-shell{margin-top:-8px;margin-bottom:22px}.page-breadcrumb-list{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:.92rem;line-height:1.45;list-style:none;display:flex}.page-breadcrumb-item{align-items:center;min-width:0;display:inline-flex}.page-breadcrumb-item:not(:last-child):after{content:">";color:var(--text-muted);margin-inline-start:8px}.page-breadcrumb-link{color:var(--text-soft)}.page-breadcrumb-link:hover{color:var(--text-main)}.page-breadcrumb-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px}.page-breadcrumb-current{color:var(--muted);overflow-wrap:anywhere}.locale-switcher{position:relative}.theme-switcher{flex:none;position:relative}.theme-trigger{border:1px solid var(--line);background:var(--surface-glass);min-width:96px;min-height:42px;color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.theme-trigger:hover{background:var(--surface-hover);transform:translateY(-1px)}.theme-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.theme-trigger-open{background:var(--accent-soft);border-color:var(--border-strong)}.theme-trigger-icon,.theme-option-icon{width:16px;height:16px;color:var(--accent-text);border:2px solid;border-radius:999px;flex:none;display:inline-flex;position:relative}.theme-trigger-icon-dark,.theme-option-icon-dark{background:currentColor}.theme-trigger-icon-light,.theme-option-icon-light{background:0 0}.theme-option-icon-system:after{content:"";background:currentColor;border-radius:999px 0 0 999px;position:absolute;inset:-2px 6px -2px -2px}.theme-trigger-label{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:850;line-height:1.15;overflow:hidden}.theme-caret{justify-content:center;align-items:center;width:14px;height:14px;transition:transform .16s;display:inline-flex;position:relative}.theme-caret:before{content:"";border-inline:4px solid #0000;border-top:5px solid var(--muted);width:0;height:0}.theme-switcher-open .theme-caret{transform:rotate(180deg)}.theme-menu{z-index:60;border:1px solid var(--line);background:var(--menu-bg);min-width:168px;box-shadow:var(--shadow);opacity:0;pointer-events:none;visibility:hidden;border-radius:16px;gap:8px;padding:10px;transition:opacity .15s,transform .15s,visibility .15s;display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)}.theme-switcher-open .theme-menu{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.theme-option{width:100%;min-height:40px;color:var(--text-main);cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:0 10px;font-weight:750;display:inline-flex}.theme-option:hover,.theme-option:focus-visible{border-color:var(--accent-border);background:var(--surface-hover);outline:none}.theme-option-active{border-color:var(--border-strong);background:var(--accent-soft)}.locale-trigger{border:1px solid var(--line);background:var(--surface-glass);min-width:118px;min-height:42px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;list-style:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.locale-trigger::-webkit-details-marker{display:none}.locale-trigger:hover{background:var(--surface-hover);transform:translateY(-1px)}.locale-trigger-open{border-color:var(--border-strong);background:#90b4ff1f}.locale-menu{border:1px solid var(--line);background:var(--surface-elevated);width:max-content;min-width:220px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);z-index:50;opacity:0;pointer-events:none;visibility:hidden;border-radius:18px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(-6px)}.locale-switcher[open] .locale-menu{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.locale-options{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);-webkit-overflow-scrolling:touch;gap:10px;max-height:min(520px,100dvh - 96px);padding:12px;display:grid;overflow-y:scroll}.locale-options::-webkit-scrollbar{width:10px}.locale-options::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.locale-options::-webkit-scrollbar-thumb{border:2px solid var(--surface-elevated);background:var(--scrollbar-thumb);border-radius:999px;min-height:54px}.locale-scrollbar{display:none}@media (max-width:960px){.locale-options{scrollbar-width:none;max-height:min(520px,max(160px,100dvh - 220px));padding-inline-end:20px}.locale-options::-webkit-scrollbar{width:0;height:0;display:none}.locale-scrollbar{background:var(--scrollbar-track);pointer-events:none;top:14px;bottom:14px;border-radius:999px;width:5px;display:block;position:absolute;inset-inline-end:7px}.locale-scrollbar-thumb{border-radius:inherit;background:var(--scrollbar-thumb);will-change:transform;width:100%;display:block;position:absolute;top:0;left:0}.header-inner{width:min(calc(100% - 32px), var(--max))}.nav-scroll-shell{width:100%;padding-bottom:12px}.nav{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow:auto hidden}.nav::-webkit-scrollbar{width:0;height:0;display:none}.nav a{flex:none}.nav-scrollbar{background:var(--scrollbar-track);pointer-events:none;border-radius:999px;height:5px;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.nav-scrollbar-thumb{border-radius:inherit;background:var(--scrollbar-thumb);will-change:transform;min-width:54px;height:100%;display:block;position:absolute;top:0;left:0}.service-menu-panel{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline-end:20px}.service-menu-panel::-webkit-scrollbar{width:0;height:0;display:none}.service-menu-scrollbar{top:14px;bottom:14px;z-index:1;background:var(--scrollbar-track);pointer-events:none;border-radius:999px;width:5px;display:block;position:absolute;inset-inline-end:7px}.service-menu-scrollbar-thumb{border-radius:inherit;background:var(--scrollbar-thumb);will-change:transform;width:100%;display:block;position:absolute;top:0;left:0}}.locale-option{border:1px solid var(--line);background:var(--surface-glass);width:100%;min-height:46px;color:var(--text);text-align:start;white-space:nowrap;border-radius:12px;justify-content:flex-start;align-items:center;padding:0 12px;font-size:.95rem;line-height:1.15;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.locale-option:hover{background:var(--surface-hover);transform:translateY(-1px)}.locale-option-active{border-color:var(--border-strong);background:#90b4ff2e}.locale-label,.locale-option-label{white-space:nowrap;min-width:0;line-height:1.15}.locale-caret{justify-content:center;align-items:center;width:18px;height:18px;transition:transform .16s;display:inline-flex;position:relative}.locale-caret:before{content:"";border-inline:5px solid #0000;border-top:6px solid var(--muted);width:0;height:0}.locale-switcher[open] .locale-caret{transform:rotate(180deg)}html[dir=rtl] .header-inner,html[dir=rtl] .nav,html[dir=rtl] .grid,html[dir=rtl] .service-grid,html[dir=rtl] .footer-grid{direction:rtl}html[dir=rtl] .hero,html[dir=rtl] .card,html[dir=rtl] .sectionTitle,html[dir=rtl] .sectionText,html[dir=rtl] .page-title,html[dir=rtl] .page-subtitle,html[dir=rtl] .pill-card,html[dir=rtl] .prompt-box{text-align:right}html[dir=rtl] .hero h1,html[dir=rtl] .hero p,html[dir=rtl] .card,html[dir=rtl] .sectionTitle,html[dir=rtl] .sectionText,html[dir=rtl] .page-title,html[dir=rtl] .page-subtitle{direction:rtl;unicode-bidi:isolate}html[dir=rtl] .hero p,html[dir=rtl] .sectionText,html[dir=rtl] .page-subtitle{margin-left:auto;margin-right:0}html[dir=rtl] .actions,html[dir=rtl] .service-links,html[dir=rtl] .chip-row,html[dir=rtl] .filter-row,html[dir=rtl] .yt-subnav,html[dir=rtl] .prompt-subnav,html[dir=rtl] .footer-links{justify-content:flex-start}html[dir=rtl] .locale-menu,html[dir=rtl] .theme-menu{left:0;right:auto}html[dir=rtl] .service-menu-panel-shell{left:auto;right:0}.pill-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.pill-card{border:1px solid var(--line);background:var(--surface-glass);cursor:pointer;color:inherit;text-align:left;border-radius:18px;padding:16px}.pill-card.selected{background:#90b4ff1f;border-color:#90b4ff8c}.pill-name{margin-bottom:6px;font-weight:800}.small{font-size:.92rem}.chip-row,.filter-row{flex-wrap:wrap;gap:10px;display:flex}.chip,.filter{border:1px solid var(--line);background:var(--surface-glass);color:var(--text);border-radius:999px}.filter{cursor:pointer}.chip,.filter{padding:8px 12px;font-size:.92rem}.filter.active{border-color:var(--border-strong);background:#90b4ff2e}.prompt-box{white-space:pre-wrap;background:var(--surface-elevated);border:1px solid var(--line);border-radius:18px;padding:16px;font-size:.95rem;line-height:1.7}.prompt-preview-panel{background:var(--surface-elevated);border:1px solid #90b4ff2e;border-radius:16px;gap:14px;margin:16px 0 18px;padding:16px;display:grid}.prompt-preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.prompt-preview-block h4{margin:0 0 8px;font-size:.98rem}.before-after-line{margin:0 0 8px;line-height:1.65}.compact-list li{padding:7px 0}.list-clean{margin:0;padding:0;list-style:none}.list-clean li{border-bottom:1px solid var(--border-soft);padding:10px 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field label,.field>span:first-child{color:var(--text-soft);margin-bottom:8px;font-size:.94rem;font-weight:700;display:block}.field select,.field input,.field textarea{border:1px solid var(--input-border);background:var(--input-bg);width:100%;min-height:46px;color:var(--input-text);box-shadow:inset 0 1px 0 var(--border-soft);border-radius:14px;padding:0 14px}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field select option{background:var(--surface);color:var(--input-text)}.field select option:checked{background:var(--surface-2);color:var(--text-main)}.field textarea{resize:vertical;min-height:140px;padding:14px}.scrollable-select{width:100%;position:relative}.scrollable-select-trigger{border:1px solid var(--input-border);background:var(--input-bg);width:100%;min-height:46px;color:var(--input-text);text-align:left;box-shadow:inset 0 1px 0 var(--border-soft);border-radius:14px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;padding:0 14px;display:grid}.scrollable-select-trigger:hover{background:var(--surface-hover)}.scrollable-select-trigger:focus-visible,.scrollable-select-trigger-open{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.scrollable-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scrollable-select-caret{justify-content:center;align-items:center;width:18px;height:18px;transition:transform .16s;display:inline-flex;position:relative}.scrollable-select-caret:before{content:"";border-inline:5px solid #0000;border-top:6px solid var(--text-soft);width:0;height:0}.scrollable-select-trigger-open .scrollable-select-caret{transform:rotate(180deg)}.scrollable-select-menu-shell{z-index:70;position:absolute;top:calc(100% + 8px);left:0;right:0}.scrollable-select-menu{overscroll-behavior:contain;background:var(--surface-elevated);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);-webkit-overflow-scrolling:touch;border:1px solid #90b4ff47;border-radius:16px;gap:4px;max-height:min(520px,100dvh - 140px);padding:8px;display:grid;overflow-y:auto;box-shadow:0 24px 70px #00000059}.scrollable-select-scrollbar{display:none}.scrollable-select-option{width:100%;min-height:46px;color:var(--text-main);text-align:left;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:12px;padding:9px 12px;font-size:1rem;font-weight:650;line-height:1.35}.scrollable-select-option:hover,.scrollable-select-option:focus-visible,.scrollable-select-option-active{background:#90b4ff1a;border-color:#90b4ff75;outline:none}.scrollable-select-option-selected{color:var(--text-main);background:#90b4ff2e;border-color:#b4cdffd1}@media (max-width:640px){.scrollable-select-menu{scrollbar-width:none;max-height:min(260px,100dvh - 140px);padding-inline-end:20px}.scrollable-select-menu::-webkit-scrollbar{width:0;height:0;display:none}.scrollable-select-scrollbar{top:14px;bottom:14px;z-index:1;background:var(--scrollbar-track);pointer-events:none;border-radius:999px;width:5px;display:block;position:absolute;inset-inline-end:7px}.scrollable-select-scrollbar-thumb{border-radius:inherit;background:var(--scrollbar-thumb);will-change:transform;width:100%;display:block;position:absolute;top:0;left:0}}.page-title{margin:0 0 10px;font-size:clamp(2rem,4vw,3.1rem)}.page-subtitle{color:var(--muted);max-width:860px;margin:0;line-height:1.8}.mode-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mode-header h3{margin:0}@media (max-width:960px){.grid-2,.grid-3,.pill-grid,.form-grid{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start;padding:14px 0}}.mode-list{gap:14px;display:grid}.mode-item{border:1px solid var(--line);background:var(--surface-glass);border-radius:18px;justify-content:space-between;gap:16px;padding:18px;display:flex}.mode-item>div:first-child{min-width:0}.mode-item .compact-actions{flex-direction:column;flex:0 0 220px;align-items:stretch;width:220px;margin-top:0}.mode-item .compact-actions .button,.mode-item .compact-actions .button-secondary{width:100%}.compact-actions{align-items:center;margin-top:0}.selector-panel{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:18px}.removable-chip{cursor:pointer}.error-text{color:var(--warning);margin-top:14px;font-weight:700}@media (max-width:960px){.mode-item{flex-direction:column}.mode-item .compact-actions{flex:0 auto;width:100%}}.toggle-stack{gap:12px;margin-top:24px;display:grid}.toggle-row{border:1px solid var(--line);background:var(--surface-glass);width:100%;min-height:56px;color:var(--text);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.toggle-row.on{border-color:var(--border-strong);background:#90b4ff1a}.toggle-pill{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:32px;padding:0 12px;font-size:.85rem;font-weight:800;display:inline-flex}.toggle-pill.on{border-color:var(--border-strong);color:var(--text-soft);background:#90b4ff2e}.toggle-pill.off{background:var(--input-bg);color:var(--muted)}.yt-subnav{flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;display:inline-flex}.yt-subnav-link{border:1px solid var(--line);background:var(--surface-glass);min-height:36px;color:var(--muted);white-space:nowrap;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:700;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.yt-subnav-link:hover{background:var(--surface-hover);color:var(--text)}.yt-subnav-link-active{border-color:var(--border-strong);color:var(--text);cursor:default;pointer-events:none;background:#90b4ff2e}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:14px;font-weight:700}.sectionTitle{margin:0 0 18px;font-size:34px;font-weight:800;line-height:1.2}.sectionText{max-width:900px;color:var(--muted);margin:0 0 16px;font-size:17px}@media (max-width:640px){.sectionTitle{font-size:28px}.yt-subnav{width:100%}}.home-grid{gap:24px}.hero-home{padding-bottom:40px}.service-grid{align-items:stretch}.service-card{flex-direction:column;gap:16px;display:flex}.service-card>.actions{margin-top:auto}.service-links{flex-wrap:wrap;gap:10px;margin-top:0;display:flex}.service-link-pill{border:1px solid var(--line);min-height:38px;color:var(--text-soft);background:#ffffff0a;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.service-link-pill:hover{background:var(--surface-hover)}.footer-grid{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-text{margin:8px 0 0}.footer-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.footer-links a{min-height:40px;color:var(--text-soft);align-items:center;line-height:1;display:inline-flex}.guide-index-hero,.guide-article-hero{padding:46px 0 22px}.guide-index-hero-inner,.guide-article-hero-inner{width:min(100% - 32px,880px);margin:0 auto}.guide-index-hero h1,.guide-article-hero h1{letter-spacing:0;max-width:820px;margin:0 0 18px;font-family:Georgia,Times New Roman,Malgun Gothic,serif;font-size:clamp(2.55rem,5vw,4.45rem);font-weight:800;line-height:1.08}.guide-index-hero p,.guide-article-hero p{max-width:720px;color:var(--text-muted);margin:0;font-size:clamp(1.12rem,1.6vw,1.26rem);line-height:1.8}.guide-index-shell{width:min(100% - 32px,900px)}.guide-index-shell h2{margin:0 0 18px;font-size:clamp(1.45rem,2vw,1.8rem)}.guide-card-list{gap:16px;display:grid}.guide-card{border:1px solid var(--line);background:var(--surface-card);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.guide-card h3{margin:0 0 10px;font-family:Georgia,Times New Roman,Malgun Gothic,serif;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.22}.guide-card p{max-width:640px;color:var(--muted);margin:0;font-size:1.04rem;line-height:1.75}.guide-card-kicker,.guide-article-kicker{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:800}.guide-article{font-family:Georgia,Times New Roman,Malgun Gothic,serif}.guide-article-layout{grid-template-columns:minmax(180px,240px) minmax(0,760px);align-items:start;gap:46px;padding-top:18px;display:grid}.guide-toc{background:var(--surface-elevated);border:1px solid #90b4ff29;border-radius:8px;padding:18px;position:sticky;top:104px}.guide-toc h2{letter-spacing:0;margin:0 0 12px;font-family:Arial,Helvetica,sans-serif;font-size:1rem}.guide-toc ol{gap:9px;margin:0;padding-left:18px;display:grid}.guide-toc a{color:var(--text-soft);font-family:Arial,Helvetica,sans-serif;font-size:.95rem;line-height:1.45}.guide-toc a:hover{color:var(--text-main)}.guide-prose{text-wrap:pretty;max-width:760px;font-size:clamp(1.08rem,1.15vw,1.18rem);line-height:1.88}.guide-intro,.guide-section,.guide-related-tools,.guide-faq{margin-bottom:52px}.guide-section{scroll-margin-top:112px}.guide-prose p,.guide-prose li{color:var(--text-soft)}.guide-prose p{max-width:66ch;margin:0 0 20px}.guide-lead{color:var(--text-main);font-size:1.22em;line-height:1.72}.guide-section h2,.guide-related-tools h2,.guide-faq h2{color:var(--text-main);margin:0 0 18px;font-family:Georgia,Times New Roman,Malgun Gothic,serif;font-size:clamp(1.9rem,3vw,2.65rem);font-weight:800;line-height:1.18}.guide-subheading{color:var(--text-main);margin:34px 0 12px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.22rem,2vw,1.46rem);line-height:1.35}.guide-list{gap:10px;max-width:66ch;margin:0 0 24px;padding-left:24px;display:grid}.guide-table-wrap{background:var(--surface-glass);border:1px solid #90b4ff38;border-radius:8px;max-width:68ch;margin:28px 0;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-family:Arial,Helvetica,Malgun Gothic,sans-serif;font-size:1rem;line-height:1.6}.guide-table th,.guide-table td{border-bottom:1px solid var(--border-soft);color:var(--text-soft);text-align:left;vertical-align:top;padding:14px 16px}.guide-table th{color:var(--text-main);background:var(--surface-elevated);font-weight:800}.guide-table tr:last-child td{border-bottom:0}.guide-quote{max-width:66ch;color:var(--text-main);border-left:4px solid #90b4ffc7;margin:26px 0;padding:6px 0 6px 20px}.guide-quote p{color:var(--text-main);margin:10px 0;font-size:1.08em;line-height:1.7}.guide-example,.guide-prompt-block{background:var(--surface-glass);border:1px solid #90b4ff38;border-radius:8px;max-width:68ch;margin:28px 0}.guide-example{padding:18px 20px}.guide-example strong,.guide-prompt-block figcaption{color:var(--text-main);margin-bottom:10px;font-family:Arial,Helvetica,sans-serif;font-size:.98rem;font-weight:800;display:block}.guide-example p{margin-bottom:0}.guide-prompt-block{padding:0;overflow:hidden}.guide-prompt-block figcaption{border-bottom:1px solid #90b4ff29;margin:0;padding:14px 16px}.guide-prompt-block pre{background:var(--surface-elevated);white-space:pre-wrap;margin:0;padding:18px;overflow-x:auto}.guide-prompt-block code{color:var(--text-soft);overflow-wrap:anywhere;font-family:Consolas,Monaco,monospace;font-size:1rem;line-height:1.72}.guide-related-tools{padding-top:10px}.guide-related-tools>div:first-child p{color:var(--muted)}.guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guide-related-card{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;gap:8px;min-height:132px;padding:18px;display:grid}.guide-related-card strong{color:var(--text-main);font-family:Arial,Helvetica,sans-serif;font-size:1.05rem}.guide-related-card span{color:var(--muted);font-size:1rem;line-height:1.62}.guide-related-card:hover{border-color:var(--border-strong);background:#90b4ff17}.guide-faq-list{border-top:1px solid var(--border-soft);gap:0;display:grid}.guide-faq-item{border-bottom:1px solid var(--border-soft);padding:22px 0}.guide-faq-item h3{color:var(--text-main);margin:0 0 10px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.12rem,1.8vw,1.32rem);line-height:1.38}.guide-faq-item p{margin-bottom:0}.not-found-section{align-items:center;min-height:min(620px,100dvh - 220px);display:grid}.not-found-card{border:1px solid var(--line);background:var(--surface-card);width:min(100% - 32px,720px);box-shadow:var(--shadow);text-align:center;border-radius:8px;padding:34px}.not-found-code{color:var(--brand);letter-spacing:.12em;margin:0 0 12px;font-size:.92rem;font-weight:800}.not-found-card h1{max-width:620px;margin:0 auto 14px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.14}.not-found-card p:not(.not-found-code){max-width:560px;color:var(--muted);margin:0 auto 24px;font-size:1.08rem;line-height:1.75}@media (max-width:960px){.guide-article-layout{grid-template-columns:1fr;gap:28px}.guide-toc{position:static}.guide-card{flex-direction:column;align-items:stretch}}@media (max-width:640px){.guide-index-hero,.guide-article-hero{padding-top:28px}.guide-index-hero h1,.guide-article-hero h1{font-size:clamp(2.1rem,10vw,3rem)}.guide-prose{font-size:1.08rem;line-height:1.82}.guide-related-grid{grid-template-columns:1fr}}@media (max-width:900px){.grid-2,.grid-3,.pill-grid{grid-template-columns:1fr}.footer-grid,.header-inner{flex-direction:column;align-items:flex-start}}.prompt-subnav{flex-wrap:wrap;gap:10px;display:flex}.prompt-subnav-link{border:1px solid var(--line);background:var(--surface-glass);min-height:40px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.prompt-subnav-link:hover{background:var(--surface-hover);color:var(--text)}.prompt-subnav-link-active{border-color:var(--border-strong);color:var(--text);cursor:default;pointer-events:none;background:#90b4ff2e}:root{--text:var(--text-main);--muted:var(--text-muted)}body{line-height:1.6}.muted{color:var(--muted)}.card p,.card li,.small,.prompt-box,.service-link-pill,.field select,.field input,.field textarea{font-size:1rem}.small{color:var(--text-muted)}.card p,.card li{line-height:1.75}.card h2{font-size:clamp(1.35rem,2vw,1.72rem)}.card h3{font-size:clamp(1.12rem,1.6vw,1.34rem)}@media (max-width:960px){.header-inner{width:min(calc(100% - 32px), var(--max));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:auto;padding:12px 0;display:grid}.header-brand-row,.brand{min-width:0}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-scroll-shell{display:none}.locale-switcher,.theme-switcher{grid-column:2;justify-self:end}.service-menu-panel{max-height:min(560px,100dvh - 92px)}}@media (max-width:520px){.theme-trigger{width:44px;min-width:44px;padding:0}.theme-trigger-label,.theme-caret{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
.prompt-subnav-link{color:var(--text-soft);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1rem;font-weight:700}.prompt-subnav-link:hover{color:var(--text-main);background:var(--surface-hover)}.prompt-subnav-link-active{color:var(--text);cursor:default;pointer-events:none;background:#90b4ff2e;border-color:#90b4ff73}.prompt-box{color:var(--text-main);font-size:1rem;font-weight:500;line-height:1.8}.pill-card.selectable-mode-card{background:radial-gradient(circle at top right, #90b4ff2e, transparent 40%), linear-gradient(180deg, var(--surface-card), var(--surface-card));border-color:#90b4ff57;flex-direction:column;gap:8px;width:100%;min-height:132px;padding:20px 58px 20px 18px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 34px #0000003d,inset 0 1px #ffffff0d}.pill-card.selectable-mode-card:before{content:"";border-radius:inherit;opacity:.76;pointer-events:none;background:linear-gradient(135deg,#90b4ff1f,#0000 48%);position:absolute;inset:0}.pill-card.selectable-mode-card>*{z-index:1;position:relative}.pill-card.selectable-mode-card .pill-name{color:var(--text-main);font-size:1.03rem;line-height:1.35}.pill-card.selectable-mode-card .muted,.pill-card.selectable-mode-card .small{color:var(--text-soft);line-height:1.7}.selectable-mode-status{z-index:2;background:var(--surface-glass-strong);width:18px;height:18px;color:var(--text-main);border:1px solid #b4cdff85;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:900;line-height:1;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex;position:absolute;top:16px;right:16px}.pill-card.selectable-mode-card:hover{background:radial-gradient(circle at top right, #90b4ff42, transparent 44%), linear-gradient(180deg, var(--surface-2), var(--surface-2));border-color:#b4cdffc7;transform:translateY(-2px);box-shadow:0 18px 44px #00000057,0 0 0 1px #90b4ff24}.pill-card.selectable-mode-card:hover .selectable-mode-status{background:var(--surface-hover);border-color:#dae6ffe6;transform:scale(1.05)}.pill-card.selectable-mode-card.selected{background:radial-gradient(circle at top right, #90b4ff61, transparent 46%), linear-gradient(180deg, var(--accent-soft-strong), var(--accent-soft));border-color:#b4cdffe6;box-shadow:0 0 0 1px #90b4ff38,0 20px 48px #00000061,inset 0 1px #ffffff14}.pill-card.selectable-mode-card.selected .selectable-mode-status{color:var(--text-main);background:#7aa0ffb8;border-color:#d8e5fffa}.pill-card.selectable-mode-card:focus-visible{outline-offset:4px;outline:3px solid #b4cdffe6}button.pill-card.selectable-mode-card{padding:20px 64px 20px 18px;position:relative!important}button.pill-card.selectable-mode-card>.selectable-mode-status{flex:none!important;margin:0!important;position:absolute!important;inset:16px 16px auto auto!important}button.pill-card.selectable-mode-card>.pill-name,button.pill-card.selectable-mode-card>.small{max-width:100%}.pill-grid:has(.selectable-mode-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}@media (max-width:640px){.prompt-subnav-link{font-size:1rem}.pill-card.selectable-mode-card{min-height:122px;padding:18px 54px 18px 16px}.selectable-mode-status{width:18px;height:18px;font-size:12px}button.pill-card.selectable-mode-card{padding:18px 58px 18px 16px}button.pill-card.selectable-mode-card>.selectable-mode-status{top:14px!important;right:14px!important}}
:root{--readability-muted:var(--text-muted)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.muted,.sectionText,.page-subtitle,.hero p,.footer,.footer-text,.card p,.card li,.list-clean li,.compact-list li,.before-after-line,.prompt-preview-block,.service-link-pill{color:var(--readability-muted);font-weight:550;line-height:1.78}.small,.eyebrow,.chip,.filter,.yt-subnav-link,.prompt-subnav-link,.field label,.field>span:first-child,.field select,.scrollable-select-trigger,.scrollable-select-option,.field input,.field textarea{font-size:max(1rem,15.5px);font-weight:650}.card p,.card li,.sectionText,.page-subtitle,.muted{font-size:max(1rem,16px)}.hero p{font-weight:550}.service-link-pill,.chip,.filter,.yt-subnav-link,.prompt-subnav-link{color:var(--text-soft)}.prompt-box{color:var(--text-main);font-size:max(1rem,16px);font-weight:550;line-height:1.82}.field select,.scrollable-select-trigger,.field input,.field textarea{color:var(--text-main)}.nav a{color:var(--text-main);font-size:1.05rem;font-weight:800}.nav a.nav-link-active{color:var(--text-main);font-weight:850}.button-secondary,.button-ghost,.chip,.filter,.service-link-pill,.yt-subnav-link,.prompt-subnav-link{background:radial-gradient(circle at top right, #90b4ff29, transparent 42%), linear-gradient(180deg, var(--surface-card), var(--surface-card));color:var(--text-main);border-color:#90b4ff57;font-weight:750;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s,color .18s;box-shadow:0 8px 22px #0000002e,inset 0 1px #ffffff0d}.button-secondary:hover,.button-ghost:hover,.chip:hover,.filter:hover,.service-link-pill:hover,.yt-subnav-link:hover,.prompt-subnav-link:hover{background:radial-gradient(circle at top right, #90b4ff42, transparent 44%), linear-gradient(180deg, var(--surface-2), var(--surface-2));color:var(--text-main);border-color:#b4cdffc7;transform:translateY(-2px);box-shadow:0 16px 38px #00000047,0 0 0 1px #90b4ff24}span.chip,.chip:not(a):not(button):not([role=button]){color:var(--accent-text);box-shadow:none;cursor:text;background:#90b4ff24;border-color:#90b4ff47;padding:9px 14px;font-size:max(1rem,16px);font-weight:750;line-height:1.15}span.chip:hover,.chip:not(a):not(button):not([role=button]):hover{color:var(--accent-text);box-shadow:none;background:#90b4ff24;border-color:#90b4ff47;transform:none}.filter.active,.pill-card.selected,.yt-subnav-link-active,.prompt-subnav-link-active{background:radial-gradient(circle at top right, #90b4ff61, transparent 46%), linear-gradient(180deg, var(--accent-soft-strong), var(--accent-soft));color:var(--text-main);border-color:#b4cdffe6;box-shadow:0 0 0 1px #90b4ff38,0 14px 34px #00000047,inset 0 1px #ffffff14}.yt-subnav-link-active,.prompt-subnav-link-active{cursor:default;pointer-events:none}button:disabled,.button-secondary:disabled,.button-ghost:disabled{transform:none}button:disabled:hover,.button-secondary:disabled:hover,.button-ghost:disabled:hover{background:radial-gradient(circle at top right, #90b4ff29, transparent 42%), linear-gradient(180deg, var(--surface-card), var(--surface-card));color:var(--text-main);border-color:#90b4ff57;transform:none;box-shadow:0 8px 22px #0000002e,inset 0 1px #ffffff0d}.locale-trigger{min-width:122px;min-height:44px}.locale-menu{min-width:220px}.locale-options{gap:12px;padding:13px}.locale-option{min-height:48px;padding:0 14px;font-size:.98rem;font-weight:700}.locale-label,.locale-option-label{font-size:.98rem;line-height:1.15}.locale-label{color:var(--text-main);font-weight:900}.locale-caret{color:var(--text-soft);font-size:13px;font-weight:800}@media (max-width:640px){.muted,.sectionText,.page-subtitle,.card p,.card li,.small,.service-link-pill{font-size:max(1rem,16px)}.nav a{font-size:1.05rem}.locale-option{min-height:50px}.locale-label,.locale-option-label{font-size:.95rem}}