*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px var(--accent);border-radius:8px}a:focus-visible,summary:focus-visible{border-radius:10px}h1,h2,h3{letter-spacing:-.02em}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);background:rgba(243,242,251,.78);border-bottom:1px solid rgba(228,226,244,.7)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px}.brand,.nav-inner{align-items:center}.brand{justify-self:start;display:inline-flex;gap:10px;font-weight:800;font-size:18px}.brand-logo{height:32px;width:auto;max-width:100%;display:block;object-fit:contain}.nav-links{justify-self:center}.nav-links,.nav-right{display:flex;align-items:center;gap:8px}.nav-right{justify-self:end}.nav-link{color:var(--text-secondary);font-weight:600;font-size:14px;padding:6px 12px;border-radius:var(--radius-pill);transition:color var(--dur) ease,background var(--dur) ease}.nav-link:hover{color:var(--text-primary)}@media (max-width:480px){.nav-link{padding:6px 8px;font-size:13px}}.lang-switch{display:inline-flex;align-items:center;gap:2px;font-size:13px}.lang-link{color:var(--text-muted);text-decoration:none;padding:2px 5px;border-radius:6px;font-weight:600}.lang-link:hover{color:var(--text-secondary)}.lang-link.active{color:var(--accent)}.lang-sep{color:var(--border)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-pill);font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;transition:transform var(--dur) var(--ease-soft),box-shadow var(--dur) ease,background var(--dur) ease,border-color var(--dur) ease}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 8px 20px rgba(108,92,231,.32),inset 0 1px 0 hsla(0,0%,100%,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(108,92,231,.42),inset 0 1px 0 hsla(0,0%,100%,.28)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px rgba(108,92,231,.3),inset 0 2px 5px rgba(60,40,130,.25)}.btn-ghost{background:var(--bg-card);border-color:transparent;box-shadow:var(--shadow-soft-sm)}.btn-ghost:hover{transform:translateY(-2px);background:var(--bg-card-hover);box-shadow:var(--shadow-soft)}.btn-ghost:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-inset)}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:14px 28px;font-size:16px}.compat-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.compat-item{display:inline-flex;align-items:center;gap:9px;padding:8px 18px 8px 9px;border-radius:var(--radius-pill);border:1px solid hsla(0,0%,100%,.6);background:var(--bg-card);font-weight:700;font-size:15px;color:var(--text-primary);box-shadow:var(--shadow-soft-sm);transition:transform var(--dur) var(--ease-soft),box-shadow var(--dur) ease}.compat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.compat-mark{flex:none;width:22px;height:22px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.compat-more{padding:8px 18px;font-weight:600;color:var(--text-muted);background:transparent;box-shadow:none}.install-panel{position:relative;overflow:hidden;text-align:center;max-width:720px;margin:0 auto;padding:48px 32px;border-radius:var(--radius-lg);background:var(--gradient-hero);border:1px solid hsla(0,0%,100%,.65);box-shadow:var(--shadow-soft-lg)}.install-panel:before{content:"";position:absolute;top:-120px;left:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(107,79,240,.18),transparent 70%);pointer-events:none}.install-panel>*{position:relative}.install-title{font-size:30px;font-weight:800;margin:0 0 10px}.install-sub{color:var(--text-secondary);font-size:16px;max-width:520px;margin:0 auto 26px}.install-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.install-note{margin:16px 0 0;font-size:13px;color:var(--text-muted)}.trust-row{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.trust-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-secondary)}.trust-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(16,185,129,.18)}.install-manual{margin:22px auto 0;padding-top:18px;border-top:1px solid var(--border);max-width:520px;font-size:13px;color:var(--text-muted)}.install-manual code{font-size:12px;padding:1px 5px;border-radius:5px;background:rgba(108,92,231,.1);color:var(--accent)}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px;max-width:760px;margin:28px auto 0}.download-grid .bento-card{padding:28px 24px}.download-grid .download-card-title{margin:0 0 8px;color:var(--text-primary);font-size:17px;font-weight:700}.download-grid .bento-card p{min-height:44px}.download-manual{max-width:520px;margin:40px auto 0;padding-top:28px;border-top:1px solid var(--border);text-align:left}.download-steps{margin:16px 0 0;padding-left:20px;display:grid;grid-gap:10px;gap:10px;font-size:14px;color:var(--text-secondary);line-height:1.6}.download-note{margin-top:16px;font-size:13px;color:var(--text-muted)}.hero{padding:96px 0 72px}.hero:before{top:-160px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(108,92,231,.18),transparent 70%)}.hero-inner{position:relative;text-align:center;max-width:760px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(108,92,231,.12);border:1px solid rgba(108,92,231,.25);padding:6px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;margin-bottom:22px}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.hero h1{font-size:52px;line-height:1.1;font-weight:800;margin:0 0 20px}.grad-text{background:var(--gradient-accent)}.hero-sub{font-size:19px;color:var(--text-secondary);max-width:640px;margin:0 auto}.hero-actions{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-note{margin-top:16px;font-size:13px;color:var(--text-muted)}.section{padding:72px 0}.section-alt{background:var(--bg-secondary)}.section-title{font-size:36px;font-weight:700;text-align:center;margin:0 0 12px}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:17px;max-width:620px;margin:0 auto 44px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.card{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.6);border-radius:var(--radius-lg);padding:28px;position:relative;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease-soft),box-shadow var(--dur) ease}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur) ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft-lg)}.card:hover:before{transform:scaleX(1)}.card-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-secondary);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-inset);transition:background var(--dur) ease,color var(--dur) ease,box-shadow var(--dur) ease}.card:hover .card-icon{box-shadow:0 6px 16px rgba(108,92,231,.32),inset 0 1px 0 hsla(0,0%,100%,.3)}.card h3{font-size:17px;font-weight:700;margin:0 0 8px}.card p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.65}.step-num{width:40px;height:40px;border-radius:12px;background:var(--gradient-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin-bottom:16px;box-shadow:0 6px 18px rgba(108,92,231,.3)}.faq{max-width:760px;margin:0 auto}.faq-item{border:1px solid hsla(0,0%,100%,.6);border-radius:var(--radius);background:var(--bg-card);padding:4px 20px;margin-bottom:12px;box-shadow:var(--shadow-soft-sm);transition:box-shadow var(--dur) ease,transform var(--dur) var(--ease-soft)}.faq-item:hover,.faq-item[open]{box-shadow:var(--shadow-soft)}.faq-item summary{cursor:pointer;font-weight:600;font-size:15.5px;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:22px;font-weight:400;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin:0 0 16px;color:var(--text-secondary);font-size:14.5px;line-height:1.7}.footer{background:var(--bg-secondary);color:var(--text-muted);padding:48px 0;margin-top:8px;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));grid-gap:40px;gap:40px;align-items:start}.footer-col{min-width:0}.footer-col .brand{display:inline-flex;align-items:center;margin-bottom:14px}.footer-tagline{font-size:13px;line-height:1.7;margin:0 0 16px;max-width:340px}.footer-copy{font-size:12px;margin:0;color:var(--text-muted)}.footer-col-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 14px}.footer-col-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.footer-col-list a{color:var(--text-secondary);text-decoration:none;font-size:13px}.footer-col-list a:hover{color:var(--accent);text-decoration:underline}@media (max-width:760px){.footer-grid{grid-template-columns:1fr;gap:28px}}.legal{max-width:760px}.legal-title{font-size:34px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.legal-updated{color:var(--text-muted);font-size:14px;margin:0 0 28px}.legal-section{margin-top:32px}.legal-h{font-size:21px;font-weight:650;color:var(--text-primary);margin:0 0 12px}.legal-p{color:var(--text-secondary);font-size:15px;line-height:1.75;margin:0 0 12px}.legal-list{margin:0 0 12px;padding-left:22px}.legal-list li{color:var(--text-secondary);font-size:15px;line-height:1.75;margin-bottom:10px}.ws{padding:28px 24px 40px;max-width:1600px;margin:0 auto}.ws-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.ws-title{font-size:26px;font-weight:800;margin:0;letter-spacing:-.02em}.ws-sub{font-size:13px;color:var(--text-secondary)}.ws-tags{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.ws-tag,.ws-tags{align-items:center}.ws-tag{display:inline-flex;padding:2px 9px;border-radius:6px;font-size:12px;line-height:1.6;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.ws-tag-purple{background:var(--accent-glow);border-color:rgba(108,92,231,.25);color:var(--accent)}.ws-tag-warn{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.ws-meta{font-size:12px;color:var(--text-muted)}.ws-adapt{display:inline-flex;padding:2px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border)}.ws-adapt-btn{padding:2px 10px;border:0;border-radius:6px;font-size:12px;line-height:1.6;cursor:pointer;background:transparent;color:var(--text-secondary)}.ws-adapt-btn.is-active{background:var(--accent);color:#fff}.ws-alert{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:var(--radius);border:1px solid transparent;font-size:13px;margin-bottom:12px}.ws-alert strong{font-weight:700}.ws-alert-error{background:#fff2f0;border-color:#ffccc7;color:#cf1322}.ws-alert-info{background:var(--accent-glow);border-color:rgba(108,92,231,.25);flex-direction:column;gap:2px}.ws-alert-close{margin-left:auto;background:none;border:0;cursor:pointer;font-size:16px;line-height:1;color:inherit;opacity:.6}.ws-alert-close:hover{opacity:1}.ws-font-dialog-backdrop{position:fixed;z-index:220;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(24,26,28,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ws-font-dialog{width:min(500px,100%);padding:22px;border:1px solid #d9dadd;border-radius:14px;background:#fff;color:#202223;box-shadow:0 22px 64px rgba(0,0,0,.24)}.ws-font-dialog-head{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;grid-gap:12px;gap:12px;align-items:start}.ws-font-dialog-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:var(--accent-glow);color:var(--accent);font-size:14px;font-weight:800;letter-spacing:-.04em}.ws-font-dialog h2{margin:1px 0 5px;font-size:16px;line-height:1.35}.ws-font-dialog p{margin:0;color:#61656a;font-size:13px;line-height:1.55}.ws-font-dialog-close{width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#6d7175;cursor:pointer;font-size:20px;line-height:1}.ws-font-dialog-close:hover{background:#f1f2f3;color:#202223}.ws-font-dialog-families{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 12px 54px}.ws-font-dialog-families span{padding:5px 9px;border:1px solid rgba(108,92,231,.22);border-radius:999px;background:var(--accent-glow);color:#5546b8;font-size:12px;font-weight:600}.ws-font-dialog-tip{margin-left:54px!important}.ws-font-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}@media (max-width:560px){.ws-font-dialog-backdrop{align-items:flex-end;padding:0}.ws-font-dialog{width:100%;padding:20px 18px;border-width:1px 0 0;border-radius:16px 16px 0 0}.ws-font-dialog-families,.ws-font-dialog-tip{margin-left:0!important}.ws-font-dialog-actions{flex-direction:column-reverse}.ws-font-dialog-actions .btn{width:100%}}.ws-tabs{display:flex;justify-content:center;gap:6px;margin:4px 0 14px}.ws-tab{padding:7px 20px;font-size:14px;font-weight:600;color:var(--muted,#64748b);background:transparent;border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.ws-tab:hover{border-color:var(--accent);color:var(--accent)}.ws-tab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.ws-canvas{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ws-tabpanel{height:clamp(520px,82vh,1040px);animation:ws-fade .22s ease both}.ws-tabpanel.is-hidden{display:none}.ws-insp-textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text);font:13px/1.5 -apple-system,Segoe UI,system-ui,sans-serif;resize:vertical;box-sizing:border-box}.ws-insp-textarea.ws-insp-css{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ws-insp-textarea:focus{outline:none;border-color:var(--border-strong)}.ws-insp-css-hint{margin:6px 0 0;font-size:11px;color:var(--text-muted,#94a3b8)}.ws-insp-css-hook{display:inline-block;margin-bottom:6px;padding:1px 7px;border-radius:5px;background:var(--accent-glow);color:var(--accent);font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ws-insp-rt-bar{display:flex;gap:4px;margin-bottom:6px}.ws-insp-rt-btn{width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);font-size:13px;cursor:pointer}.ws-insp-rt-btn:hover{border-color:var(--accent);color:var(--accent)}.ws-insp-rt-color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;overflow:hidden}.ws-insp-rt-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.ws-insp-rt{min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text);font:13px/1.5 -apple-system,Segoe UI,system-ui,sans-serif}.ws-insp-rt:focus{outline:none;border-color:var(--border-strong)}.ws-insp-rt:empty:before{content:attr(data-ph);color:var(--text-muted,#94a3b8)}@keyframes ws-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ws-device{display:flex;gap:4px}.ws-device-btn{padding:3px 14px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:#475569;cursor:pointer}.ws-device-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.ws-place{margin-left:auto;display:flex;align-items:center}.ws-place-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:2px;gap:2px;width:52px;height:52px}.ws-place-cell{padding:0;border:1px solid var(--border);border-radius:3px;background:#fff;cursor:pointer}.ws-place-cell:hover{border-color:var(--accent);background:#f5f3ff}.ws-place-cell.is-active{background:var(--accent);border-color:var(--accent)}.ws-editor{display:flex;height:100%;min-height:0}.ws-editor-canvas{flex:1 1;min-width:0}.ws-inspector{width:300px;flex:none;border-left:1px solid var(--border);overflow:auto;background:var(--bg-card)}.ws-media{padding:12px 14px;border-bottom:1px solid var(--border)}.ws-media-head h3{margin:0 0 8px;font-size:14px}.ws-media-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px}.ws-media-tabs button{padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:transparent;font-size:12px;color:var(--text-secondary);cursor:pointer}.ws-media-tabs button.is-active{background:var(--accent,#6b4ff0);border-color:var(--accent,#6b4ff0);color:#fff}.ws-media-search{flex:1 1;min-width:100%;margin-top:6px;padding:5px 9px;border:1px solid var(--border);border-radius:var(--radius-sm,6px);font-size:12px;background:var(--bg-input,#fff)}.ws-media-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto}.ws-media-empty{color:var(--muted,#64748b);font-size:12px;padding:10px 0}.ws-media-item{display:flex;gap:9px;padding:7px;border:1px solid var(--border);border-radius:var(--radius-sm,8px)}.ws-media-thumb{width:52px;height:52px;flex:none;border-radius:6px;overflow:hidden;background:var(--bg-secondary,#f1f5f9);display:flex;align-items:center;justify-content:center}.ws-media-thumb img{width:100%;height:100%;object-fit:cover}.ws-media-video-badge{color:var(--muted,#64748b);font-size:16px}.ws-media-info{flex:1 1;min-width:0}.ws-media-name{font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ws-media-meta{font-size:11px;color:var(--text-secondary);margin:2px 0 6px;display:flex;gap:4px;flex-wrap:wrap;align-items:center}.ws-src-cloud{color:var(--accent,#6b4ff0)}.ws-media-actions{display:flex;gap:4px;flex-wrap:wrap}.ws-media-actions .btn-sm{padding:2px 8px;font-size:11px}.ws-btn-ghost{background:transparent;border-color:transparent!important;color:var(--text-secondary)}.ws-media-more{position:absolute;z-index:4;top:5px;right:5px}.ws-media-more-trigger{display:grid;width:28px;height:28px;place-items:center;border:1px solid hsla(216,6%,83%,.9);border-radius:6px;color:#55595d;background:hsla(0,0%,100%,.94);cursor:pointer;opacity:0;font-size:13px;line-height:1}.ws-media-asset:hover .ws-media-more-trigger,.ws-media-more-trigger:focus-visible,.ws-media-more-trigger[aria-expanded=true]{opacity:1}.ws-media-detail-more-trigger{border:1px solid hsla(216,6%,83%,.9);border-radius:6px;background:#fff;color:#55595d;font-size:12px;padding:6px 10px;cursor:pointer}.ws-media-more-pop{position:fixed;z-index:90;display:flex;flex-direction:column;min-width:190px;padding:4px;border:1px solid #d9dbde;border-radius:8px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.14)}.ws-media-more-pop button{padding:7px 9px;border:0;border-radius:5px;color:var(--ws-text,#202223);background:transparent;font-size:12px;text-align:left;cursor:pointer}.ws-media-more-pop button:hover{background:var(--bg-secondary,#f1f5f9)}.ws-media-more-pop button:disabled{color:#b0b3b6;cursor:default;background:transparent}.ws-media-more-pop button.is-danger{color:#dc2626}.ws-media-replace{display:flex;gap:4px;margin-bottom:6px}.ws-media-replace input{flex:1 1;min-width:0;padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px}.ws-media-upload{margin-top:10px}.ws-media-upload-btn{display:block}.ws-media-upload-btn span{display:flex;align-items:center;justify-content:center;width:100%;padding:9px;border:1px dashed var(--border);border-radius:8px;font-size:12px;color:var(--text-secondary);cursor:pointer}.ws-media-upload-btn span.is-locked{opacity:.55;cursor:not-allowed}.ws-media-hint{margin:6px 0 0;font-size:11px;color:var(--muted,#64748b)}.ws-media-hint.is-warn{color:#b45309;background:rgba(180,83,9,.08);border:1px solid rgba(180,83,9,.25);border-radius:6px;padding:5px 8px}.ws-media-actions .is-cloud,.ws-media-library{color:var(--accent,#6b4ff0)}.ws-media-library{display:inline-block;margin-top:10px;font-size:12px;text-decoration:none}.ws-media-library:hover{text-decoration:underline}.ws-media-head{display:flex;align-items:center;justify-content:space-between}.ws-media-batch-toggle{border:1px solid var(--border);border-radius:999px;background:transparent;font-size:11px;color:var(--text-secondary);cursor:pointer;padding:2px 9px}.ws-media-batch-toggle.is-active{background:var(--accent,#6b4ff0);border-color:var(--accent,#6b4ff0);color:#fff}.ws-media-batchbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-bottom:8px;padding:7px;border:1px solid var(--accent,#6b4ff0);border-radius:8px}.ws-media-batch-count{font-size:12px;color:var(--accent,#6b4ff0);font-weight:700}.ws-media-batchbar input{flex:1 1;min-width:120px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px}.ws-media-check{display:flex;align-items:center;flex:none;margin-right:2px}.ws-media-item{position:relative}.media-modal-body--grid{max-width:min(640px,92vw)}.media-library-title{margin:0 0 10px;font-size:14px}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px}.media-library-item{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;padding:0}.media-library-item img{width:100%;height:86px;object-fit:cover}.media-library-item .media-card-video-badge{display:flex;align-items:center;justify-content:center;height:86px;color:#fff;background:var(--bg-secondary,#f1f5f9)}.media-library-name{padding:0 6px 6px;font-size:11px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-library-empty{color:var(--muted,#64748b);font-size:13px;text-align:center;padding:16px 0}.ws-media-selected{border:1px solid var(--accent,#6b4ff0);border-radius:8px;padding:9px;margin-bottom:10px;background:color-mix(in srgb,var(--accent,#6b4ff0) 6%,transparent)}.ws-media-selected-title{font-weight:700;font-size:12px;margin-bottom:7px}.ws-media-selected-preview{height:120px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary,#f1f5f9);margin-bottom:8px}.ws-media-selected-preview img{max-width:100%;max-height:100%;object-fit:contain}.ws-media-row{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:6px}.ws-media-row span{flex:none;width:56px;color:var(--text-secondary)}.ws-media-row input{flex:1 1;min-width:0;padding:5px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px}.ws-app .ws-media{position:relative;display:flex;min-width:0;max-height:min(68vh,720px);flex-direction:column;padding:0;border-bottom:1px solid var(--ws-border,var(--border));color:var(--ws-text,#202223);background:var(--ws-surface,#fff)}.ws-app .ws-media button,.ws-app .ws-media input,.ws-app .ws-media select{font:inherit}.ws-media-icon-btn,.ws-media-plain{min-height:30px;padding:4px 7px;border:0;border-radius:6px;color:var(--ws-text-secondary,#61656a);background:transparent;cursor:pointer}.ws-media-icon-btn{width:30px;padding:0;font-size:15px}.ws-media-icon-btn:hover,.ws-media-plain:hover{color:var(--ws-text,#202223);background:#f3f4f5}.ws-media-icon-btn:focus-visible,.ws-media-plain:focus-visible{outline:2px solid color-mix(in srgb,var(--accent,#6b4ff0) 42%,transparent);outline-offset:1px}.ws-media-icon-btn:disabled,.ws-media-plain:disabled{opacity:.4;cursor:default}.ws-media-head-actions{margin-left:auto}.ws-media-retention{margin:8px 12px 0;padding:6px 8px;border:1px solid #f0d9ae;border-radius:6px;color:#8a5a12;background:#fffaf0;font-size:11px;line-height:1.35}.ws-app .ws-media-tabs{display:flex;min-height:38px;flex:none;flex-wrap:nowrap;align-items:stretch;gap:12px;margin:0 12px;overflow:hidden;border-bottom:1px solid #ebecef}.ws-app .ws-media-tabs button{position:relative;display:inline-flex;min-width:0;align-items:center;gap:4px;padding:0;border:0;border-radius:0;color:var(--ws-text-secondary,#61656a);background:transparent;font-size:12px;white-space:nowrap;cursor:pointer}.ws-app .ws-media-tabs button small{color:#8c9196;font-size:10px}.ws-app .ws-media-tabs button:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px 2px 0 0;background:transparent;content:""}.ws-app .ws-media-tabs button:hover{color:var(--ws-text,#202223)}.ws-app .ws-media-tabs button.is-active{color:var(--ws-text,#202223);background:transparent;font-weight:600}.ws-app .ws-media-tabs button.is-active:after{background:var(--accent,#6b4ff0)}.ws-app .ws-media-tabs select{min-width:58px;border:0;color:var(--ws-text-secondary,#61656a);background:transparent;font-size:11px;cursor:pointer}.ws-app .ws-media-tabs select.is-active{color:var(--accent,#6b4ff0);font-weight:600}.ws-media-search-wrap{position:relative;display:flex;height:34px;flex:none;align-items:center;margin:10px 12px 6px;border:1px solid #cfd1d4;border-radius:7px;background:#fff}.ws-media-search-wrap:focus-within{border-color:var(--accent,#6b4ff0);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#6b4ff0) 15%,transparent)}.ws-media-search-wrap>span{flex:none;padding-left:8px;color:#8c9196;font-size:16px}.ws-media-search-wrap input{width:100%;min-width:0;height:100%;padding:0 6px;border:0;outline:0;color:var(--ws-text,#202223);background:transparent;font-size:12px}.ws-media-search-wrap button{width:30px;height:30px;flex:none;border:0;color:#8c9196;background:transparent;cursor:pointer}.ws-media-toolbar{display:flex;flex:none;align-items:center;gap:6px;padding:0 12px 9px}.ws-media-toolbar>select{min-width:0;flex:1 1;padding:0 24px 0 7px;color:var(--ws-text-secondary,#61656a);background-color:#fff;font-size:11px}.ws-media-batch-inline,.ws-media-toolbar>select{height:30px;border:1px solid #d9dbde;border-radius:6px}.ws-media-batch-inline{width:30px;flex:none;color:#777b80;background:#fff;cursor:pointer}.ws-media-batch-inline:hover{color:var(--ws-text,#202223);background:#f2f3f4}.ws-media-batchbar-compact{display:flex;min-height:42px;flex:none;align-items:center;justify-content:space-between;gap:8px;padding:5px 12px;border-bottom:1px solid #ebecef;background:#fafbfb}.ws-media-batchbar-compact .ws-media-head-actions,.ws-media-batchbar-compact>div{display:flex;min-width:0;align-items:center;gap:5px}.ws-media-batchbar-compact strong{font-size:11px;font-weight:650}.ws-media-view{display:flex;height:30px;flex:none;overflow:hidden;border:1px solid #d9dbde;border-radius:6px}.ws-media-view button{width:29px;border:0;border-right:1px solid #e4e5e7;color:#777b80;background:#fff;cursor:pointer}.ws-media-view button:last-child{border-right:0}.ws-media-view button.is-active,.ws-media-view button:hover{color:var(--ws-text,#202223);background:#f2f3f4}.ws-media-reference-nav{display:flex;min-height:34px;flex:none;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;border-top:1px solid #ebecef;border-bottom:1px solid #ebecef;color:var(--ws-text-secondary,#61656a);background:#fafbfb;font-size:11px}.ws-media-reference-nav>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-media-reference-nav>div{display:flex;flex:none;align-items:center;gap:5px}.ws-media-reference-nav button{width:26px;height:26px;border:1px solid #d9dbde;border-radius:5px;color:#4f5357;background:#fff;cursor:pointer}.ws-media-reference-nav .ws-media-reference-replace{width:auto;padding:0 7px;color:var(--accent,#6b4ff0);font-size:10px}.ws-media-reference-nav .ws-media-reference-replace:disabled{opacity:.42;cursor:default}.ws-media-reference-nav small{min-width:36px;text-align:center}.ws-media-assets{min-height:118px;flex:1 1;padding:10px 12px 12px;overflow:auto;scrollbar-color:#c6c9cd transparent;scrollbar-width:thin}.ws-media-assets.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;grid-gap:8px;gap:8px}.ws-media-assets.is-list{display:flex;flex-direction:column;gap:5px}.ws-media-asset{position:relative;min-width:0;overflow:visible;border:1px solid #dedfe2;border-radius:8px;background:#fff}.ws-media-asset:hover{border-color:#b7babd}.ws-media-asset.is-checked,.ws-media-asset.is-selected{border-color:var(--accent,#6b4ff0);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#6b4ff0) 45%,transparent)}.ws-media-asset-main{display:flex;width:100%;min-width:0;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.is-grid .ws-media-asset-main{flex-direction:column}.ws-media-asset-main:focus-visible{outline:2px solid color-mix(in srgb,var(--accent,#6b4ff0) 52%,transparent);outline-offset:2px;border-radius:7px}.ws-media-asset-preview{position:relative;display:flex;width:100%;aspect-ratio:4/3;align-items:center;justify-content:center;overflow:hidden;border-radius:7px 7px 0 0;background-color:#f4f5f6;background-image:linear-gradient(45deg,#eceef0 25%,transparent 0),linear-gradient(-45deg,#eceef0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eceef0 0),linear-gradient(-45deg,transparent 75%,#eceef0 0);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.ws-media-asset-preview img,.ws-media-asset-preview video{display:block;max-width:100%;max-height:100%;object-fit:contain}.ws-media-video-preview{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#27292b}.ws-media-video-preview video{width:100%;height:100%;object-fit:contain}.ws-media-video-preview>span{position:absolute;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:hsla(0,0%,8%,.66);font-size:12px}.ws-media-preview-fallback{display:grid;width:100%;height:100%;place-items:center;color:#74787c;font-size:24px}.ws-media-asset-copy{display:flex;width:100%;min-width:0;flex-direction:column;gap:2px;padding:7px 8px 8px}.ws-media-asset-copy strong{color:var(--ws-text,#202223);font-size:12px;font-weight:600}.ws-media-asset-copy small,.ws-media-asset-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-media-asset-copy small{color:#777b80;font-size:10px}.is-list .ws-media-asset-main{align-items:center}.is-list .ws-media-asset-preview{width:48px;height:48px;flex:none;margin:5px;aspect-ratio:1;border-radius:6px}.is-list .ws-media-asset-copy{padding-right:38px}.ws-media-more button:disabled{opacity:.42;cursor:default}.ws-media-detail-more .is-danger,.ws-media-more .is-danger{color:#b42318}.ws-media-checkbox{position:absolute;z-index:6;top:7px;left:7px;display:grid;width:22px;height:22px;place-items:center;border-radius:5px;background:hsla(0,0%,100%,.94)}.ws-media-checkbox input{width:14px;height:14px;accent-color:var(--accent,#6b4ff0)}.ws-media-empty{display:flex;min-height:140px;grid-column:1/-1;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:18px 12px;color:#777b80;text-align:center}.ws-media-empty>span{font-size:24px}.ws-media-empty strong{color:var(--ws-text,#202223);font-size:12px}.ws-media-empty p{max-width:240px;margin:0;font-size:11px;line-height:1.45}.ws-media-empty button{min-height:30px;padding:4px 9px;border:1px solid #cfd1d4;border-radius:6px;color:var(--ws-text,#202223);background:#fff;font-size:11px;cursor:pointer}.ws-media-toast{position:fixed;z-index:140;right:18px;bottom:18px;max-width:320px;padding:9px 12px;border:1px solid #3e4246;border-radius:7px;color:#fff;background:#242628;box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:12px}.ws-media-drawer{position:fixed;z-index:95;display:flex;width:min(404px,calc(100vw - 370px));min-width:360px;flex-direction:column;overflow:auto;border:1px solid #d7d9dc;border-left:0;border-radius:0 10px 10px 0;background:#fff;box-shadow:10px 12px 28px rgba(0,0,0,.13)}.ws-media-drawer.is-dock-right{border-right:0;border-left:1px solid #d7d9dc;border-radius:10px 0 0 10px;box-shadow:-10px 12px 28px rgba(0,0,0,.13)}.ws-media-drawer>header,.ws-media-picker>header{display:flex;min-height:54px;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #e4e5e7}.ws-media-drawer>header div,.ws-media-picker>header div{display:flex;min-width:0;flex-direction:column;gap:2px}.ws-media-drawer>header small,.ws-media-picker>header small{color:#777b80;font-size:10px}.ws-media-drawer>header strong,.ws-media-picker>header strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ws-media-drawer>header button,.ws-media-picker>header button{width:32px;height:32px;flex:none;border:0;border-radius:6px;color:#61656a;background:transparent;font-size:20px;cursor:pointer}.ws-media-drawer>header button:hover,.ws-media-picker>header button:hover{background:#f2f3f4}.ws-media-drawer-preview{display:flex;min-height:210px;flex:none;align-items:center;justify-content:center;overflow:hidden;margin:12px;border:1px solid #e1e3e5;border-radius:8px;background:#f4f5f6}.ws-media-drawer-preview img,.ws-media-drawer-preview video{max-width:100%;max-height:280px;object-fit:contain}.ws-media-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:0 12px 12px}.ws-media-detail-meta div{display:flex;flex-direction:column;gap:2px}.ws-media-detail-meta span{color:#777b80;font-size:10px}.ws-media-detail-meta strong{overflow:hidden;font-size:12px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.ws-media-detail-note{margin:0 12px 12px;color:#777b80;font-size:11px;line-height:1.45}.ws-media-detail-section{padding:12px;border-top:1px solid #ebecef}.ws-media-detail-title{margin-bottom:8px;font-size:12px}.ws-media-ref-list{display:flex;flex-direction:column;gap:4px}.ws-media-ref-list>button{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border:1px solid #e1e3e5;border-radius:6px;color:inherit;background:#fff;text-align:left;cursor:pointer}.ws-media-ref-list>button.is-active,.ws-media-ref-list>button:hover{border-color:color-mix(in srgb,var(--accent,#6b4ff0) 55%,#e1e3e5);background:color-mix(in srgb,var(--accent,#6b4ff0) 5%,#fff)}.ws-media-ref-list>button span{display:flex;min-width:0;flex-direction:column;gap:2px}.ws-media-ref-list strong{overflow:hidden;font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.ws-media-ref-list small{color:#777b80;font-size:10px}.ws-media-ref-list em{color:var(--accent,#6b4ff0);font-size:10px;font-style:normal}.ws-media-source-row{display:flex;align-items:center;gap:7px}.ws-media-source-row code{min-width:0;flex:1 1;overflow:hidden;color:#61656a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ws-media-source-row button{flex:none;padding:5px 7px;border:1px solid #d9dbde;border-radius:5px;background:#fff;font-size:10px;cursor:pointer}.ws-media-drawer>footer{position:-webkit-sticky;position:sticky;bottom:0;display:flex;min-height:52px;align-items:center;gap:7px;margin-top:auto;padding:8px 12px;border-top:1px solid #e1e3e5;background:#fff}.ws-media-detail-more>summary,.ws-media-drawer>footer>button{min-height:32px;padding:5px 9px;border:1px solid #cfd1d4;border-radius:6px;color:var(--ws-text,#202223);background:#fff;font-size:11px;cursor:pointer;list-style:none}.ws-media-drawer>footer .is-primary{border-color:var(--accent,#6b4ff0);color:#fff;background:var(--accent,#6b4ff0)}.ws-media-drawer>footer button:disabled{opacity:.42;cursor:default}.ws-media-detail-more{position:relative;margin-left:auto;display:inline-flex}.ws-media-picker-backdrop{position:fixed;z-index:120;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(27,29,31,.34)}.ws-media-picker{display:flex;width:min(680px,94vw);max-height:min(720px,92vh);flex-direction:column;overflow:hidden;border:1px solid #d1d3d5;border-radius:12px;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.22)}.ws-media-picker>nav{display:flex;min-height:42px;flex:none;align-items:stretch;gap:16px;padding:0 14px;border-bottom:1px solid #e1e3e5}.ws-media-picker>nav button{position:relative;border:0;color:#61656a;background:transparent;font-size:12px;cursor:pointer}.ws-media-picker>nav button:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:transparent;content:""}.ws-media-picker>nav button.is-active{color:#202223;font-weight:600}.ws-media-picker>nav button.is-active:after{background:var(--accent,#6b4ff0)}.ws-media-picker-body{min-height:210px;flex:1 1;padding:14px;overflow:auto}.ws-media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:8px;gap:8px}.ws-media-picker-grid>button{min-width:0;overflow:hidden;padding:0;border:1px solid #e1e3e5;border-radius:7px;background:#fff;cursor:pointer}.ws-media-picker-grid>button.is-selected{border-color:var(--accent,#6b4ff0);box-shadow:0 0 0 1px var(--accent,#6b4ff0)}.ws-media-picker-grid>button>span{display:flex;width:100%;aspect-ratio:4/3;align-items:center;justify-content:center;overflow:hidden;background:#f4f5f6}.ws-media-picker-grid img,.ws-media-picker-grid video{max-width:100%;max-height:100%;object-fit:contain}.ws-media-picker-grid>button>strong{display:block;padding:6px 7px;overflow:hidden;color:#202223;font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ws-media-picker-grid>p,.ws-media-picker-message{grid-column:1/-1;color:#777b80;font-size:12px;text-align:center}.ws-media-picker-upload{display:grid;min-height:190px;place-items:center;padding:20px;border:1px dashed #b7babd;border-radius:8px;color:#61656a;background:#fafbfb;font-size:12px;text-align:center;cursor:pointer}.ws-media-picker-upload.is-locked{opacity:.58;cursor:default}.ws-media-picker-alt,.ws-media-picker-url{display:flex;flex-direction:column;gap:5px;padding:12px 14px;color:#61656a;font-size:11px}.ws-media-picker-alt input,.ws-media-picker-url input{height:34px;padding:0 9px;border:1px solid #cfd1d4;border-radius:6px;color:#202223;background:#fff;font-size:12px;outline:0}.ws-media-picker-alt input:focus,.ws-media-picker-url input:focus{border-color:var(--accent,#6b4ff0);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#6b4ff0) 15%,transparent)}.ws-media-picker-target{display:flex;align-items:center;gap:8px;margin:0 14px;padding:7px 9px;border:1px solid #e1e3e5;border-radius:6px;color:#777b80;font-size:10px}.ws-media-picker-target code{min-width:0;overflow:hidden;color:#202223;text-overflow:ellipsis;white-space:nowrap}.ws-media-scope{display:grid;grid-gap:5px;gap:5px;margin:12px 14px;padding:0;border:0}.ws-media-scope legend{margin-bottom:5px;color:#61656a;font-size:11px}.ws-media-scope label{display:flex;align-items:flex-start;gap:8px;padding:8px;border:1px solid #e1e3e5;border-radius:7px;cursor:pointer}.ws-media-scope label:has(input:checked){border-color:color-mix(in srgb,var(--accent,#6b4ff0) 55%,#e1e3e5);background:color-mix(in srgb,var(--accent,#6b4ff0) 5%,#fff)}.ws-media-scope input{margin-top:2px;accent-color:var(--accent,#6b4ff0)}.ws-media-scope span{display:flex;min-width:0;flex-direction:column;gap:2px}.ws-media-scope strong{color:#202223;font-size:11px}.ws-media-scope small{overflow:hidden;color:#777b80;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ws-media-picker>footer{display:flex;min-height:54px;flex:none;align-items:center;justify-content:flex-end;gap:8px;padding:8px 14px;border-top:1px solid #e1e3e5}.ws-media-picker>footer button{min-height:34px;padding:6px 11px;border:1px solid #cfd1d4;border-radius:6px;color:#202223;background:#fff;font-size:12px;cursor:pointer}.ws-media-picker>footer button.is-primary{border-color:var(--accent,#6b4ff0);color:#fff;background:var(--accent,#6b4ff0)}.ws-media-picker>footer button:disabled{opacity:.45;cursor:default}.ws-symbol-picker{display:flex;min-height:0;flex-direction:column;gap:12px}.ws-symbol-entry{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:end;grid-gap:10px;gap:10px}.ws-symbol-entry>.sx-symbol-preview{display:inline-flex;width:64px;height:58px;align-items:center;justify-content:center;border:1px solid #e1e3e5;border-radius:8px;color:#202223;background:#f6f6f7;overflow:hidden}.ws-symbol-entry label,.ws-symbol-options label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#61656a;font-size:10px}.ws-symbol-entry input,.ws-symbol-options input,.ws-symbol-options select{height:34px;min-width:0;padding:0 9px;border:1px solid #cfd1d4;border-radius:6px;color:#202223;background:#fff;font-size:12px;outline:0}.ws-symbol-entry input:focus,.ws-symbol-options input:focus,.ws-symbol-options select:focus{border-color:var(--accent,#6b4ff0);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#6b4ff0) 15%,transparent)}.ws-symbol-entry>a{align-self:center;color:#4f37c9;font-size:11px;text-decoration:none;white-space:nowrap}.ws-symbol-entry>a:hover{text-decoration:underline}.ws-symbol-options{display:grid;grid-template-columns:1.25fr .75fr 1fr .75fr;grid-gap:8px;gap:8px}.ws-symbol-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ws-symbol-catalog-head label{display:flex;height:34px;min-width:0;flex:1 1;align-items:center;gap:7px;padding:0 9px;border:1px solid #cfd1d4;border-radius:6px;background:#fff}.ws-symbol-catalog-head label:focus-within{border-color:var(--accent,#6b4ff0);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#6b4ff0) 15%,transparent)}.ws-symbol-catalog-head input{min-width:0;flex:1 1;border:0;outline:0;font-size:12px}.ws-symbol-catalog-head small{color:#777b80;font-size:10px;white-space:nowrap}.ws-symbol-catalog{display:grid;height:270px;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;grid-gap:6px;gap:6px;padding:2px 4px 8px 2px;overflow:auto}.ws-symbol-catalog>button{display:flex;min-width:0;height:68px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px;border:1px solid #e1e3e5;border-radius:7px;color:#303336;background:#fff;cursor:pointer}.ws-symbol-catalog>button:hover{border-color:#b9bcbf;background:#f7f7f8}.ws-symbol-catalog>button.is-selected{border-color:var(--accent,#6b4ff0);box-shadow:0 0 0 1px var(--accent,#6b4ff0)}.ws-symbol-catalog>button>span{font-size:26px}.ws-symbol-catalog>button>small{width:100%;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ws-symbol-catalog>p{grid-column:1/-1;padding:36px 12px;color:#777b80;font-size:12px;text-align:center}.material-symbols-outlined{font-family:Material Symbols Outlined}.material-symbols-rounded{font-family:Material Symbols Rounded}.material-symbols-sharp{font-family:Material Symbols Sharp}.material-symbols-outlined,.material-symbols-rounded,.material-symbols-sharp{font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga"}@container (max-width: 299px){.ws-media-assets.is-grid{display:flex;flex-direction:column;gap:5px}.is-grid .ws-media-asset-main{flex-direction:row;align-items:center}.is-grid .ws-media-asset-preview{width:48px;height:48px;flex:none;margin:5px;aspect-ratio:1;border-radius:6px}.is-grid .ws-media-asset-copy{padding-right:38px}}.ws-app .ws-inspector{container-type:inline-size}@media (max-width:760px){.ws-app .ws-media{max-height:none}.ws-media-drawer{inset:0!important;width:100vw;min-width:0;max-height:100vh!important;border:0;border-radius:0}.ws-media-picker-backdrop{padding:0}.ws-media-picker{width:100vw;max-height:100vh;min-height:100vh;border:0;border-radius:0}.ws-symbol-entry{grid-template-columns:56px minmax(0,1fr)}.ws-symbol-entry>a{grid-column:1/-1;justify-self:start}.ws-symbol-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-symbol-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}.ws-insp-empty{padding:24px 16px;font-size:13px;color:var(--muted,#64748b);text-align:center}.ws-insp{padding:12px 14px}.ws-insp-path{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.ws-insp-crumb{padding:2px 7px;font-size:11px;font-family:ui-monospace,monospace;border:1px solid transparent;border-radius:5px;background:#f1f5f9;color:#475569;cursor:pointer}.ws-insp-crumb:hover{color:var(--accent)}.ws-insp-crumb.is-active{background:var(--accent);color:#fff;cursor:default}.ws-insp-path-sep{color:#cbd5e1;font-size:11px;margin:0 1px}.ws-insp-bps{display:flex;gap:4px;margin-bottom:8px}.ws-insp-bp{flex:1 1;padding:5px 6px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:#475569;cursor:pointer}.ws-insp-bp.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.ws-insp-bp-hint{margin-bottom:8px;font-size:11px;color:var(--muted,#64748b);line-height:1.4}.ws-insp-group{padding:10px 0;border-bottom:1px solid var(--border)}.ws-insp-group:last-child{border-bottom:0}.ws-insp-group-title{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#64748b)}.ws-insp-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ws-insp-label{flex:none;width:84px;font-size:12px;color:#475569}.ws-insp-ctrl{flex:1 1;min-width:0}.ws-insp-input{width:100%;padding:4px 8px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:inherit}.ws-insp-seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.ws-insp-seg button{border:0;background:transparent;padding:4px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer}.ws-insp-seg button.is-active{background:var(--gradient-accent);color:#fff}.ws-insp-input:focus{outline:none;border-color:var(--border-strong)}.ws-insp-box{margin-bottom:8px}.ws-insp-box-label{display:block;font-size:11px;color:var(--muted,#64748b);margin-bottom:4px}.ws-insp-box-grid{display:flex;flex-direction:column;align-items:center;gap:4px}.ws-insp-box-grid .ws-insp-input{width:64px;text-align:center}.ws-insp-box-mid{display:flex;gap:24px}.ws-toast{margin-bottom:8px;padding:6px 10px;border-radius:8px;font-size:12px}.ws-toast-success{background:rgba(16,185,129,.12);color:#047857}.ws-toast-error{background:#fff2f0;color:#cf1322}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:56px;gap:56px}.hero-copy{text-align:left;max-width:560px}.hero-copy .hero-sub{margin:0;max-width:520px}.hero-copy .hero-actions{justify-content:flex-start}.mock{position:relative;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.65);border-radius:var(--radius-lg);overflow:hidden;animation:mock-float 6s var(--ease-soft) infinite}@keyframes mock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mock-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.mock-dot{width:10px;height:10px;border-radius:50%;background:#d6d3ea}.mock-dot:first-child{background:#f6b8c6}.mock-dot:nth-child(2){background:#ffd9a8}.mock-dot:nth-child(3){background:#b9e6cf}.mock-url{margin-left:8px;flex:1 1;padding:4px 12px;border-radius:var(--radius-pill);background:var(--bg-card);box-shadow:var(--shadow-inset);font-size:12px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--text-muted)}.mock-body{position:relative;display:flex;gap:16px;padding:22px}.mock-pick{position:relative;flex:0 0 44%;padding:14px;border-radius:var(--radius);border:2px dashed var(--accent);background:var(--accent-glow);box-shadow:0 0 0 4px rgba(108,92,231,.08)}.mock-pick-tag{position:absolute;top:-11px;left:12px;padding:2px 9px;border-radius:var(--radius-pill);background:var(--gradient-accent);color:#fff;font-size:11px;font-weight:700;box-shadow:0 4px 12px rgba(108,92,231,.35)}.mock-thumb{height:74px;border-radius:10px;background:linear-gradient(135deg,#cfc6f7,#a99cf0);box-shadow:var(--shadow-inset);margin-bottom:12px}.mock-line{height:9px;border-radius:5px;background:#e0ddf1;margin-bottom:9px}.mock-line-lg{width:90%}.mock-line-sm{width:55%}.mock-price{width:40%;height:13px;border-radius:6px;background:var(--accent);opacity:.85;margin-top:12px}.mock-aside{flex:1 1;padding-top:6px}.mock-aside .mock-line{background:#e8e6f2}.mock-chip{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--radius-pill);background:var(--bg-card-hover);color:var(--accent);font-size:12.5px;font-weight:700;font-family:ui-monospace,SFMono-Regular,monospace;box-shadow:var(--shadow-soft),0 0 0 1px rgba(108,92,231,.14)}.ps-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;grid-gap:18px;gap:18px;max-width:900px;margin:0 auto}.ps-panel{padding:26px 24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.6);box-shadow:var(--shadow-soft)}.ps-panel--before{background:var(--bg-secondary);box-shadow:var(--shadow-inset);border-color:transparent}.ps-tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;margin-bottom:12px}.ps-panel--before .ps-tag{color:#b23b5e}.ps-panel--after .ps-tag{color:var(--accent)}.ps-ico{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;box-shadow:var(--shadow-soft-sm)}.ps-panel--before .ps-ico{background:#fbe9ee;color:#d1476b}.ps-panel--after .ps-ico{background:var(--accent-glow);color:var(--accent)}.ps-text{margin:0 0 14px;color:var(--text-secondary);font-size:14.5px;line-height:1.7}.ps-caption{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.01em}.ps-panel--before .ps-caption{color:var(--text-muted)}.ps-panel--after .ps-caption{color:var(--success)}.ps-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent)}.bento{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;grid-gap:18px;gap:18px}.bento-card{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.6);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease-soft),box-shadow var(--dur) ease}.bento-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft-lg)}.bento-card h3{font-size:17px;font-weight:700;margin:0 0 8px}.bento-card p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.65}.bento-card .card-icon{width:52px;height:52px}.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.tl-step{position:relative;padding:4px}.tl-step:not(:last-child):after{content:"";position:absolute;top:28px;right:-16px;width:32px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 10px);opacity:.5}.tl-num{position:relative;width:56px;height:56px;border-radius:18px;background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-soft);margin-bottom:16px}.tl-num,.tl-num-badge{display:inline-flex;align-items:center;justify-content:center}.tl-num-badge{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--gradient-accent);color:#fff;font-size:12px;font-weight:800;box-shadow:0 4px 12px rgba(108,92,231,.35)}.tl-body h3{font-size:17px;font-weight:700;margin:0 0 8px}.tl-body p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.65}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:none}.mock,.ps-grid{max-width:460px}.ps-grid{grid-template-columns:1fr}.ps-arrow{transform:rotate(90deg)}.bento{grid-auto-rows:auto}.bento,.timeline{grid-template-columns:1fr}.timeline{gap:20px}.tl-step:not(:last-child):after{display:none}}@media (max-width:720px){.hero{padding:72px 0 56px}.hero h1{font-size:34px}.hero-sub{font-size:16px}.section{padding:56px 0}.section-title{font-size:28px}.nav-links .btn-label-lg{display:none}.install-panel{padding:36px 20px}.install-title{font-size:24px}.install-actions .btn-lg{width:100%;justify-content:center}.hero-copy .hero-actions .btn-lg{flex:1 1;justify-content:center}}@media (max-width:992px){.ws-tabpanel{height:min(72vh,520px)}.ws-editor{flex-direction:column}.ws-inspector{width:auto;border-left:0;border-top:1px solid var(--border);max-height:45%}}@media (max-width:720px){.ws-tab{padding:7px 16px;font-size:13px}.ws-tabpanel{height:68vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:active,.btn:hover,.card:hover,.compat-item:hover{transform:none!important}}.wrap-wide{max-width:1720px;margin:0 auto;padding:0 32px}.sx-page{padding:40px 0 72px;min-height:60vh}.sx-head{text-align:center;margin-bottom:28px}.sx-page-title{font-size:clamp(28px,4vw,40px);margin:0 0 10px}.sx-page-sub{font-size:16px}.sx-toolbar{gap:14px;flex-wrap:wrap;margin-bottom:16px}.sx-search{gap:10px;flex:1 1 320px;padding:10px 16px;border-radius:var(--radius-pill);background:var(--bg-card);box-shadow:var(--shadow-soft-sm)}.sx-search input{flex:1 1;border:0;outline:0;background:transparent;font-size:15px;color:var(--text-primary);font-family:inherit}.sx-sort{font-size:14px;color:var(--text-secondary)}.sx-sort select{font-size:14px;font-weight:600;padding:9px 14px;border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-soft-sm)}.sx-filters{margin-bottom:14px}.sx-pill{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:600;padding:7px 16px;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur) ease,background var(--dur) ease,border-color var(--dur) ease}.sx-pill.active{background:var(--gradient-accent);border-color:transparent;box-shadow:0 6px 16px rgba(108,92,231,.3)}.sx-count{font-size:13px;margin-bottom:18px}.sx-grid{grid-gap:22px;gap:22px}@media (min-width:480px){.sx-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.sx-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.sx-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1600px){.sx-grid{grid-template-columns:repeat(5,1fr)}}.sx-card{transition:transform var(--dur) var(--ease-soft),box-shadow var(--dur) ease}.sx-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft-lg)}.sx-preview{aspect-ratio:16/10;background:linear-gradient(160deg,#f3f2fb,#e9e4fb 55%,#f3f2fb)}.sx-frame{top:0;left:0}.sx-skeleton{background:linear-gradient(100deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0) 70%);background-size:200% 100%;animation:sx-shimmer 1.4s infinite}@keyframes sx-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sx-open-overlay{display:grid;place-items:center}.sx-open-hint{padding:8px 16px;border-radius:var(--radius-pill);background:rgba(32,29,61,.82);color:#fff;font-size:13px;font-weight:600}.sx-meta{padding:16px 18px 18px}.sx-meta-top{align-items:center;gap:10px}.sx-title{font-size:16px;line-height:1.3}.sx-type{flex:none;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-glow);padding:3px 10px;border-radius:var(--radius-pill)}.sx-author{margin-top:4px}.sx-foot{margin-top:14px;gap:8px;flex-wrap:wrap}.sx-stats{gap:10px}.sx-btn{font-family:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;transition:transform var(--dur) var(--ease-soft),box-shadow var(--dur) ease,background var(--dur) ease}.sx-btn-ghost:hover{color:var(--text-primary)}.sx-btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 6px 16px rgba(108,92,231,.3)}.sx-btn-primary:hover{transform:translateY(-1px)}.sx-btn-primary:disabled{opacity:.7;cursor:default;transform:none}.sx-empty{padding:72px 20px}.sx-empty h3{margin:0 0 6px;color:var(--text-secondary)}.sx-empty p{margin:0;font-size:14px}.sx-loadmore{display:flex;justify-content:center;margin-top:32px}@media (max-width:767px){.wrap-wide{padding:0 18px}}@media (prefers-reduced-motion:reduce){.sx-card:hover{transform:none!important}.sx-skeleton{animation:none}}.ws.ws-app{--ws-bg:var(--bg-primary);--ws-canvas:var(--bg-secondary);--ws-surface:var(--bg-card);--ws-surface-subdued:var(--bg-secondary);--ws-surface-hover:var(--bg-card-hover);--ws-text:var(--text-primary);--ws-text-secondary:var(--text-secondary);--ws-text-muted:var(--text-muted);--ws-border:var(--border);--ws-border-strong:var(--border-strong);--ws-selected:var(--accent);--ws-selected-bg:var(--accent-glow);display:flex;width:100%;max-width:none;height:100dvh;min-height:640px;flex-direction:column;margin:0;padding:0;overflow:hidden;color:var(--ws-text);background:var(--ws-bg);font-size:13px}.ws-appbar{position:relative;z-index:30;display:flex;height:64px;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:0 16px;border-bottom:1px solid var(--ws-border);background:var(--ws-surface)}.ws-app-actions,.ws-appbar-left{display:flex;min-width:0;align-items:center;gap:10px}.ws-back{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;flex:none;border-radius:7px;color:var(--ws-text)}.ws-back:hover{background:var(--ws-surface-hover)}.ws-app-title{display:grid;min-width:0;grid-gap:2px;gap:2px}.ws-app-title span{color:var(--ws-text-secondary);font-size:12px;font-weight:550;line-height:1.2}.ws-app-title strong{max-width:420px;overflow:hidden;font-size:16px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ws-session-state{display:inline-flex;align-items:center;gap:7px;color:#237a50;font-size:13px;white-space:nowrap}.ws-session-state i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(35,122,80,.1)}.ws-save-status{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 10px;border-radius:8px;font-size:13px;white-space:nowrap;border:1px solid transparent;box-sizing:border-box}.ws-save-status.is-error{color:#dc2626;border-color:rgba(220,38,38,.22);background:rgba(220,38,38,.04)}.ws-save-status.is-saved{color:#237a50;border-color:rgba(35,122,80,.16);background:rgba(35,122,80,.04)}.ws-save-dot{font-style:normal;font-weight:700;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;flex:none}.ws-save-status.is-error .ws-save-dot{color:#fff;background:#dc2626;font-size:11px}.ws-save-status.is-saved .ws-save-dot{color:#fff;background:#237a50;font-size:11px}.ws-save-retry{border:0;background:transparent;color:var(--ws-accent,#6b4ff0);font-size:13px;font-weight:600;padding:2px 6px;border-radius:6px;cursor:pointer}.ws-save-retry:hover{background:rgba(107,79,240,.08)}.ws-toast{position:fixed;bottom:20px;right:20px;z-index:180;display:flex;align-items:flex-start;gap:10px;width:min(340px,calc(100vw - 40px));padding:12px 14px;border-radius:10px;background:var(--ws-surface,#fff);border:1px solid var(--ws-border,#e5e7eb);box-shadow:0 10px 28px rgba(17,24,39,.14);box-sizing:border-box;animation:ws-toast-in .18s ease-out}.ws-toast-icon{flex:none;width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;font-style:normal;font-weight:700;font-size:12px;line-height:20px;text-align:center;margin-top:1px}.ws-toast-body{display:grid;grid-gap:2px;gap:2px;min-width:0}.ws-toast-body strong{font-size:13px;font-weight:650}.ws-toast-body span{font-size:12px;color:var(--text-muted,#64748b)}.ws-toast-details{margin-top:4px;font-size:11px;color:var(--text-muted,#64748b)}.ws-toast-details summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ws-toast-details code{display:block;max-height:96px;margin-top:5px;padding:6px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;background:color-mix(in srgb,currentColor 7%,transparent)}.ws-toast-close{flex:none;margin-left:auto;border:0;background:transparent;color:var(--text-muted,#64748b);font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.ws-toast-close:hover{color:#111}.ws-toast-error .ws-toast-icon{background:var(--error,#c43d4d)}.ws-toast-error .ws-toast-body span{color:color-mix(in srgb,var(--error,#c43d4d) 78%,#111)}.ws-toast-info .ws-toast-icon{background:#0284c7}@keyframes ws-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ws-app .ws-tabs{display:inline-flex;justify-content:flex-start;gap:6px;margin:0}.ws-app .ws-tab{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--ws-border);border-radius:7px;color:var(--ws-text);background:var(--ws-surface);font-size:13px;font-weight:600;transition:background .14s ease,border-color .14s ease}.ws-app .ws-tab:hover{color:var(--ws-text);border-color:var(--ws-border-strong);background:var(--ws-surface-hover)}.ws-app .ws-tab.is-active:not(.ws-tab-export){color:var(--ws-selected);border-color:rgba(107,79,240,.26);background:var(--ws-selected-bg)}.ws-app .ws-tab-export,.ws-app .ws-tab-export.is-active,.ws-app .ws-tab-export:hover{color:#fff;border-color:transparent;background:var(--gradient-accent);box-shadow:var(--shadow-glow)}.ws-body{display:flex;min-height:0;flex:1 1;flex-direction:column;overflow:hidden}.ws-app .ws-head{display:flex;align-items:center;flex-wrap:nowrap;flex:none;gap:10px;margin:0;padding:8px 12px;border-bottom:1px solid var(--ws-border);background:var(--ws-surface)}.ws-app .ws-tags{width:auto;min-width:0;flex:1 1 auto;flex-wrap:nowrap;overflow:hidden;margin-left:0;gap:6px}.ws-app .ws-tags>*,.ws-app .ws-version-control{flex:none}.ws-app .ws-tag{min-height:26px;padding:2px 8px;border-color:var(--ws-border);border-radius:6px;color:var(--ws-text-secondary);background:var(--ws-surface-subdued);font-size:12px}.ws-app .ws-tag-purple{color:var(--ws-selected);border-color:rgba(107,79,240,.22);background:var(--ws-selected-bg)}.ws-app .ws-meta{color:var(--ws-text-muted)}.ws-app .ws-adapt{padding:2px;border-color:var(--ws-border);border-radius:7px;background:var(--ws-surface-subdued)}.ws-app .ws-adapt-btn{min-height:24px;padding:0 8px;border-radius:5px;color:var(--ws-text-secondary);font-size:12px}.ws-app .ws-adapt-btn.is-active{color:var(--ws-text);background:var(--ws-surface);box-shadow:0 1px 2px rgba(0,0,0,.08)}.ws-app .ws-alert{flex:none;margin:8px 12px 0;border-radius:7px}.ws-app .ws-canvas{display:flex;min-height:0;flex:1 1;margin:0;overflow:hidden;border:0;border-radius:0;background:var(--ws-bg)}.ws-app .ws-tabpanel{width:100%;height:100%;min-height:0;animation:none}.ws-app .ws-editor{display:grid;height:100%;min-height:0}.ws-app .ws-editor,.ws-app .ws-editor.is-dock-left{grid-template-columns:344px minmax(0,1fr);grid-template-areas:"panel canvas"}.ws-app .ws-editor.is-dock-right{grid-template-columns:minmax(0,1fr) 344px;grid-template-areas:"canvas panel"}.ws-app .ws-editor-canvas{grid-area:canvas;min-width:0;min-height:0;overflow:hidden;background:var(--ws-bg)}.ws-app .ws-inspector{grid-area:panel;width:auto;min-width:0;min-height:0;overflow:hidden;border:0;border-right:1px solid var(--ws-border);background:var(--ws-surface);scrollbar-color:#c6c9cd transparent;scrollbar-width:thin}.ws-app .ws-editor.is-dock-right .ws-inspector{border-right:0;border-left:1px solid var(--ws-border)}.ws-side-panel{display:flex;flex-direction:column}.ws-side-panel.is-ai-locked{position:relative}.ws-side-panel.is-ai-locked>:not(.ws-side-panel-lock){opacity:.46;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ws-side-panel-lock{position:absolute;z-index:5;top:50%;left:50%;display:grid;min-width:210px;grid-gap:5px;gap:5px;justify-items:center;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent,#6b4ff0) 22%,var(--ws-border));border-radius:12px;color:var(--ws-text);background:color-mix(in srgb,var(--ws-surface) 94%,var(--accent,#6b4ff0));box-shadow:0 14px 32px rgba(17,24,39,.12);text-align:center;transform:translate(-50%,-50%);cursor:help}.ws-side-panel-lock>span{font-size:21px}.ws-side-panel-lock strong{font-size:13px}.ws-side-panel-lock small{color:var(--ws-text-secondary);font-size:11px;font-weight:500}.ws-side-panel-head{display:flex;min-height:44px;flex:none;align-items:stretch;justify-content:space-between;gap:10px;padding:0 8px 0 12px;border-bottom:1px solid var(--ws-border);background:var(--ws-surface)}.ws-side-panel-tabs{display:flex;align-items:stretch;gap:18px}.ws-side-panel-tabs button{position:relative;min-width:40px;padding:0;border:0;color:var(--ws-text-secondary);background:transparent;font-size:12px;font-weight:550;cursor:pointer}.ws-side-panel-tabs button:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px 2px 0 0;background:transparent;content:""}.ws-side-panel-tabs button.is-active,.ws-side-panel-tabs button:hover{color:var(--ws-text)}.ws-side-panel-tabs button.is-active:after{background:var(--accent,#6b4ff0)}.ws-side-panel-tabs button:disabled{opacity:.4;cursor:default}.ws-side-panel-dock:focus-visible,.ws-side-panel-tabs button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent,#6b4ff0) 42%,transparent);outline-offset:-2px}.ws-side-panel-dock{width:32px;height:32px;align-self:center;flex:none;border:0;border-radius:6px;color:var(--ws-text-secondary);background:transparent;font-size:16px;cursor:pointer}.ws-side-panel-dock:hover{color:var(--ws-text);background:var(--ws-surface-subdued,#f3f4f5)}.ws-side-panel-tabpanel{display:flex;min-width:0;min-height:0;flex:1 1;flex-direction:column;overflow:auto;scrollbar-color:#c6c9cd transparent;scrollbar-width:thin}.ws-side-panel-tabpanel[hidden]{display:none!important}.ws-side-panel-tabpanel.is-media{overflow:hidden}.ws-side-panel-tabpanel.is-media .ws-media{width:100%;height:100%;max-height:none;flex:1 1;border-bottom:0}.ws-app .ws-insp-empty{padding:28px 20px;color:var(--ws-text-secondary);font-size:13px;line-height:1.55;text-align:left}.ws-app .ws-insp{padding:0}.ws-app .ws-insp-path{position:-webkit-sticky;position:sticky;z-index:3;top:0;margin:0;padding:14px 16px;border-bottom:1px solid var(--ws-border);background:hsla(0,0%,100%,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ws-app .ws-insp-crumb{min-height:26px;padding:2px 7px;border-color:var(--ws-border);border-radius:5px;color:var(--ws-text-secondary);background:var(--ws-surface-subdued);font-size:11px}.ws-app .ws-insp-crumb:hover{color:var(--ws-selected)}.ws-app .ws-insp-crumb.is-active{color:var(--ws-selected);border-color:rgba(107,79,240,.25);background:var(--ws-selected-bg)}.ws-app .ws-insp-bp-hint{margin:0;padding:10px 16px;border-bottom:1px solid var(--ws-border);color:var(--ws-text-secondary);background:var(--ws-selected-bg);font-size:12px}.ws-app .ws-insp-group{padding:0;border-bottom:1px solid var(--ws-border)}.ws-app .ws-insp-group:last-child{border-bottom:0}.ws-app .ws-insp-group-title{display:flex;height:50px;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;color:var(--ws-text);cursor:pointer;list-style:none;font-size:14px;font-weight:650;letter-spacing:0;text-transform:none}.ws-app .ws-insp-group-title::-webkit-details-marker{display:none}.ws-app .ws-insp-group-title:hover{background:var(--ws-surface-hover)}.ws-app .ws-insp-group-title svg{color:var(--ws-text-muted);transition:transform .15s ease}.ws-app .ws-insp-group[open] .ws-insp-group-title svg{transform:rotate(180deg)}.ws-app .ws-insp-group-body{padding:2px 16px 18px}.ws-app .ws-insp-row{display:grid;min-height:36px;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;margin-bottom:9px}.ws-app .ws-insp-label{width:auto;color:var(--ws-text);font-size:13px}.ws-app .ws-insp-ctrl{display:flex;min-width:0;justify-content:flex-end}.ws-app .ws-insp-input,.ws-app .ws-insp-rt,.ws-app .ws-insp-textarea{min-height:34px;padding:6px 9px;border:1px solid var(--ws-border-strong);border-radius:7px;color:var(--ws-text);background:var(--ws-surface);box-shadow:none;font-size:13px}.ws-app .ws-insp-input{width:min(164px,100%)}.ws-app .ws-insp-input:focus,.ws-app .ws-insp-rt:focus,.ws-app .ws-insp-textarea:focus{border-color:var(--border-strong);outline:none}.ws-insp-number{position:relative;display:block;width:104px}.ws-app .ws-insp-number .ws-insp-input{width:100%;padding-right:30px;text-align:right}.ws-insp-number em{position:absolute;top:50%;right:9px;color:var(--ws-text-muted);font-size:11px;font-style:normal;pointer-events:none;transform:translateY(-50%)}.ws-insp-color{display:grid;grid-template-columns:34px 88px;align-items:center;grid-gap:7px;gap:7px}.ws-insp-color-swatch{width:34px;height:34px;padding:3px;border:1px solid var(--ws-border-strong);border-radius:7px;background:var(--ws-surface);cursor:pointer}.ws-insp-color-swatch::-webkit-color-swatch-wrapper{padding:0}.ws-insp-color-swatch::-webkit-color-swatch{border:0;border-radius:4px}.ws-app .ws-insp-color .ws-insp-input{width:88px;padding-inline:7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;text-transform:uppercase}.ws-app .ws-insp-seg{border-color:var(--ws-border);border-radius:7px;background:var(--ws-surface-subdued)}.ws-app .ws-insp-seg button{min-height:30px;padding:0 10px;color:var(--ws-text-secondary);font-size:12px}.ws-app .ws-insp-seg button.is-active{color:var(--ws-text);background:var(--ws-surface);box-shadow:0 1px 2px rgba(0,0,0,.08)}.ws-app .ws-insp-box{margin-bottom:12px;padding:11px;border:1px solid var(--ws-border);border-radius:7px;background:var(--ws-surface-subdued)}.ws-app .ws-insp-box-label{margin-bottom:8px;color:var(--ws-text);font-size:12px;font-weight:650}.ws-app .ws-insp-box-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;grid-gap:6px;gap:6px}.ws-insp-box-side{display:grid;min-width:0;grid-gap:4px;gap:4px;color:var(--ws-text-secondary);font-size:10px;font-weight:600;text-align:center}.ws-app .ws-insp-box-side .ws-insp-number{width:100%}.ws-app .ws-insp-box-side .ws-insp-input{min-width:0;padding:5px 17px 5px 3px;font-size:12px}.ws-app .ws-insp-box-side .ws-insp-number em{right:4px;font-size:9px}.ws-app .ws-insp-rt-bar{margin-bottom:7px}.ws-app .ws-insp-rt-btn,.ws-app .ws-insp-rt-color{width:30px;height:30px;border-color:var(--ws-border);border-radius:6px;color:var(--ws-text);background:var(--ws-surface)}.ws-app .ws-insp-rt{min-height:74px}.ws-preview-shell{display:flex;height:100%;min-height:0;flex-direction:column}.ws-canvas-toolbar{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:0 14px;border-bottom:1px solid var(--ws-border);background:var(--ws-surface)}.ws-canvas-toolbar-left,.ws-canvas-tools{display:flex;min-width:0;align-items:center;gap:8px}.ws-important-switch{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0 4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ws-important-label{color:var(--ws-text-secondary);font-size:12px;font-weight:550;white-space:nowrap}.ws-important-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ws-important-track{position:relative;width:36px;height:20px;flex:none;border-radius:999px;background:var(--ws-border-strong);transition:background .16s ease}.ws-important-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .16s ease}.ws-important-switch input:checked+.ws-important-track{background:var(--ws-selected)}.ws-important-switch input:checked+.ws-important-track:after{transform:translateX(16px)}.ws-important-switch input:focus-visible+.ws-important-track{outline:2px solid currentColor;outline-offset:2px}.ws-important-switch:has(input:disabled){opacity:.46;cursor:not-allowed}.ws-edit-hint{max-width:310px;overflow:hidden;color:var(--ws-text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ws-app .ws-device,.ws-app .ws-zoom{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--ws-border);border-radius:7px;background:var(--ws-surface-subdued)}.ws-app .ws-device-btn,.ws-app .ws-zoom button{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid transparent;border-radius:5px;color:var(--ws-text-secondary);background:transparent;box-shadow:none;cursor:pointer;font-size:12px;font-weight:550}.ws-app .ws-device-btn:hover,.ws-app .ws-zoom button:hover{color:var(--ws-text);background:#ebedef}.ws-app .ws-device-btn.is-active,.ws-app .ws-zoom button.is-active{color:var(--ws-text);border-color:var(--ws-border);background:var(--ws-surface);box-shadow:0 1px 2px rgba(0,0,0,.08)}.ws-app .ws-zoom button:first-child,.ws-app .ws-zoom button:nth-child(3){width:30px;padding:0;font-size:16px}.ws-app .ws-zoom button:nth-child(2){min-width:52px}.ws-app .ws-place{margin-left:0}.ws-app .ws-place-grid{width:34px;height:34px;gap:2px}.ws-app .ws-place-cell{border-color:var(--ws-border-strong);border-radius:2px;background:var(--ws-surface)}.ws-app .ws-place-cell:hover{border-color:var(--ws-selected);background:var(--ws-selected-bg)}.ws-app .ws-place-cell.is-active{border-color:var(--ws-selected);background:var(--ws-selected)}.ws-preview-stage{position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;flex:1 1;padding:32px;overflow:auto;background:var(--ws-canvas)}.ws-preview-frame{position:relative;flex:none;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--ws-surface);box-shadow:var(--shadow-soft)}.ws-preview-scale{position:absolute;top:0;left:0;overflow:hidden;transform-origin:top left}.ws-preview-scale iframe{display:block;border:0}@media (max-width:1040px){.ws-app .ws-editor,.ws-app .ws-editor.is-dock-left{grid-template-columns:320px minmax(0,1fr)}.ws-app .ws-editor.is-dock-left{grid-template-areas:"panel canvas"}.ws-app .ws-editor.is-dock-right{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"canvas panel"}.ws-app .ws-device-btn span,.ws-edit-hint,.ws-session-state{display:none}.ws-app .ws-device-btn{width:32px;padding:0}}@media (max-width:760px){.ws.ws-app{min-height:560px}.ws-appbar{height:56px;gap:8px;padding-inline:8px}.ws-app-title span{display:none}.ws-app-title strong{max-width:130px;font-size:15px}.ws-app .ws-tab{min-height:34px;padding-inline:8px}.ws-app .ws-tab:not(.ws-tab-export){width:34px;padding:0;font-size:0}.ws-app .ws-head{overflow-x:auto;padding:7px 8px;scrollbar-width:none}.ws-app .ws-head::-webkit-scrollbar{display:none}.ws-app .ws-tags{width:max-content;flex:none;flex-wrap:nowrap;overflow:visible}.ws-app .ws-adapt-btn,.ws-app .ws-tags>*{flex:none;white-space:nowrap}.ws-app .ws-editor,.ws-app .ws-editor.is-dock-left,.ws-app .ws-editor.is-dock-right{grid-template-columns:1fr;grid-template-rows:minmax(360px,56%) minmax(240px,44%);grid-template-areas:"canvas" "panel"}.ws-app .ws-editor:has(.ws-insp-empty){grid-template-rows:minmax(0,1fr) auto}.ws-app .ws-inspector{width:auto;max-height:none;order:2;border-right:0;border-top:1px solid var(--ws-border);border-bottom:1px solid var(--ws-border)}.ws-app .ws-editor.is-dock-right .ws-inspector{border-left:0;border-top:1px solid var(--ws-border)}.ws-side-panel-dock{display:none}.ws-app .ws-editor-canvas{min-height:0;order:1}.ws-canvas-toolbar{min-height:50px;gap:8px;padding-inline:8px}.ws-app .ws-device,.ws-app .ws-zoom{padding:2px}.ws-app .ws-zoom button:last-child{width:32px;overflow:hidden;padding:0;color:transparent;font-size:0}.ws-app .ws-zoom button:last-child:before{color:var(--ws-text);content:"⛶";font-size:16px}.ws-preview-stage{padding:18px}}:root{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f8fafd;--bg-card:#fff;--bg-card-hover:#f8fafd;--surface-raised:#fff;--accent:#533afd;--accent-hover:#4032c8;--accent-strong:#2e2b8c;--accent-light:#665efd;--accent-50:#e8e9ff;--accent-100:#d6d9fc;--accent-200:#b9b9f9;--accent-glow:rgba(83,58,253,.12);--text:#061b31;--text-primary:#061b31;--text-secondary:#50617a;--text-muted:#7d8aa0;--text-tertiary:#6b7a90;--muted:#7d8aa0;--border:#e5edf5;--border-strong:#c9d6e3;--disabled:#d4dee9;--focus-ring:#635bff;--success:#006f3a;--success-bg:#eaf7f1;--warning:#a96000;--warning-bg:#fff5e5;--error:#d8351e;--error-bg:#fff0f2;--info:#2563eb;--info-bg:#edf4ff;--gradient-accent:linear-gradient(180deg,#533afd,#4b34e0);--gradient-accent-hover:linear-gradient(180deg,#4032c8,#3729b4);--gradient-hero:linear-gradient(180deg,#fff,#f8fafd);--shadow-soft-sm:0 1px 2px rgba(6,27,49,.05);--shadow-soft:0px 16px 32px rgba(50,50,93,.12);--shadow-soft-lg:0px 24px 48px rgba(50,50,93,.16);--shadow-sm:0 1px 2px rgba(6,27,49,.05);--shadow-card:var(--shadow-soft-sm);--shadow-glow:0 12px 32px rgba(83,58,253,.35);--shadow-inset:inset 0 0 0 1px var(--border);--radius-sm:4px;--radius-md:6px;--radius-lg:16px;--radius:var(--radius-md);--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--content-reading:760px;--content-default:1264px;--content-wide:1440px;--page-gutter:clamp(16px,3vw,32px);--control-height-sm:36px;--control-height:44px;--control-height-lg:48px;--ease-soft:cubic-bezier(0.2,0,0,1);--dur:0.18s;--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif}::selection{color:var(--text-primary);background:rgba(98,88,214,.18)}body{background:var(--bg-primary);color:var(--text-primary)}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:2px!important;box-shadow:none!important}[aria-disabled=true],button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}.wrap{max-width:var(--content-default)}.wrap,.wrap-wide{width:100%;padding-inline:var(--page-gutter)}.wrap-wide{max-width:var(--content-wide)}.faq,.legal{max-width:var(--content-reading)}.nav{background:hsla(0,0%,100%,.9);border-bottom-color:rgba(221,225,232,.9);-webkit-backdrop-filter:saturate(130%) blur(12px);backdrop-filter:saturate(130%) blur(12px)}.nav-inner{height:64px}.brand-logo{box-shadow:none}.nav-link{display:inline-flex;min-height:var(--control-height);align-items:center;padding-inline:12px;border-radius:var(--radius-md);font-weight:400}.nav-link:hover{background:var(--bg-secondary)}.nav-link.active{color:var(--accent);background:var(--accent-glow)}.lang-link{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.nav-backdrop,.nav-toggle{display:none}.btn,.sx-btn{min-height:var(--control-height);justify-content:center;padding:0 16px;border-radius:var(--radius-sm);transition:color var(--dur) var(--ease-soft),background var(--dur) var(--ease-soft),border-color var(--dur) var(--ease-soft),box-shadow var(--dur) var(--ease-soft)}.btn-primary,.sx-btn-primary{color:#fff;background:var(--accent);border-color:transparent;box-shadow:none}.btn-primary:hover,.sx-btn-primary:hover{color:#fff;background:var(--accent-hover);border-color:transparent;box-shadow:none;transform:none}.btn-ghost:active,.btn-primary:active,.sx-btn-primary:active{transform:none;box-shadow:none}.btn-ghost{color:var(--accent);background:transparent;border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:none}.btn-ghost:hover{color:var(--accent-strong);background:var(--accent-50);border-color:var(--accent);box-shadow:none;transform:none}.btn-sm{min-height:var(--control-height-sm);padding-inline:14px}.btn-lg{min-height:var(--control-height-lg);padding-inline:22px}.hero{position:relative;overflow:hidden;padding:clamp(80px,10vw,120px) 0 clamp(72px,9vw,112px);background:var(--gradient-hero);color:var(--text-primary)}.hero:before{content:"";position:absolute;top:-220px;right:-140px;width:640px;height:640px;background:radial-gradient(circle,rgba(83,58,253,.06),transparent 70%);pointer-events:none}.hero h1{max-width:840px;font-size:clamp(44px,6vw,72px);line-height:1.05;font-weight:300;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 24px}.hero .hero-copy{position:relative;z-index:1}.grad-text{background:linear-gradient(90deg,var(--accent) 0,var(--accent-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.badge{color:var(--accent);background:var(--accent-50);border-color:var(--accent-100)}.badge-dot{box-shadow:0 0 0 3px var(--accent-glow)}.hero .hero-sub{color:var(--text-secondary);font-weight:300}.hero .hero-sub strong{color:var(--text-primary);font-weight:400}.hero .hero-note{color:var(--text-muted);font-weight:300}.hero .hero-actions{position:relative;z-index:1}.hero .mock{border-color:var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft-lg)}.section{padding:var(--space-9) 0}.section-title{font-size:clamp(30px,4vw,40px);letter-spacing:-.02em;color:var(--text-primary)}.section-subtitle,.section-title{font-weight:300}.section+.section{border-top:1px dashed var(--border)}.console-stat-value,.hero-metric,.snipix-stat-value,.stats-value,.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.section-subtitle{max-width:680px}.bento-card,.card,.compat-item,.faq-item,.install-panel,.ps-panel{border-color:var(--border);box-shadow:var(--shadow-soft-sm)}.bento-card,.card,.ps-panel{border-radius:var(--radius-lg)}.card:before{display:none}.bento-card:hover,.card:hover,.compat-item:hover,.faq-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.card-icon,.ps-ico,.tl-num{color:var(--accent);background:var(--accent-glow);box-shadow:none}.card:hover .card-icon{color:#fff}.card:hover .card-icon,.mock-pick-tag,.step-num,.tl-num-badge{background:var(--gradient-accent);box-shadow:var(--shadow-glow)}.faq-item,.faq-item[open]{border-color:var(--border);box-shadow:var(--shadow-soft-sm)}.mock{border-color:var(--border);box-shadow:var(--shadow-soft-lg);animation:none}.mock-thumb,.mock-url,.ps-panel--before{box-shadow:none}.footer{background:var(--bg-card);padding-block:var(--space-7)}.ws{width:100%;max-width:var(--content-wide);padding:var(--space-6) var(--page-gutter) var(--space-7)}.ws-canvas{border-radius:var(--radius-lg)}.ws-alert-error,.ws-toast-error{color:var(--error);background:var(--error-bg);border-color:rgba(196,61,77,.25)}.ws-alert-info{color:var(--text-secondary);background:var(--info-bg);border-color:rgba(37,99,235,.2)}.ws-tag-warn{color:var(--warning);background:var(--warning-bg);border-color:rgba(169,96,0,.22)}.ws-toast-success{color:var(--success);background:var(--success-bg)}.ws-insp-input,.ws-insp-rt,.ws-insp-rt-btn,.ws-insp-seg,.ws-insp-textarea,.ws-place-cell{color:var(--text-primary);background:var(--bg-card)}.ws-insp-input,.ws-insp-rt,.ws-insp-textarea{border-radius:var(--radius-sm)}.ws-tabpanel{animation-duration:var(--dur)}.sx-page{padding-top:var(--space-7)}.sx-search,.sx-sort select{min-height:var(--control-height);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:none}.sx-pill{min-height:var(--control-height-sm);padding:0 14px}.sx-pill.active{color:var(--accent);background:var(--accent-glow);border-color:rgba(98,88,214,.22);box-shadow:none}.sx-card{box-shadow:none}.sx-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft-sm);transform:none}.sx-preview{background:var(--bg-secondary)}.sx-open-overlay:focus-visible{outline-offset:-3px!important}.sx-btn{min-height:var(--control-height-sm)}.sx-btn-ghost{color:var(--text-secondary);background:var(--bg-secondary);border-color:transparent}.sx-empty{padding-block:var(--space-9)}@media (max-width:720px){.nav-inner{position:relative;display:flex;justify-content:flex-start;gap:0}.brand{margin-right:auto}.nav-right{order:2;margin-right:4px}.nav-toggle{order:3;position:relative;z-index:53;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-card);cursor:pointer}.nav-backdrop{position:fixed;z-index:51;inset:64px 0 0;display:block;padding:0;border:0;background:rgba(31,36,48,.36);cursor:default}.nav-links{position:fixed;z-index:52;top:76px;right:var(--page-gutter);left:var(--page-gutter);display:none;flex-direction:column;align-items:stretch;gap:var(--space-2);max-height:calc(100dvh - 92px);padding:var(--space-3);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-soft-lg)}.nav.is-open .nav-links{display:flex}.nav-link{width:100%;min-height:44px}.lang-switch{min-height:44px;padding:6px 8px;justify-content:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lang-link{min-width:44px;min-height:36px}.hero{padding:64px 0 56px}.hero h1{font-size:clamp(34px,10vw,44px)}.hero-copy .hero-actions .btn-lg,.install-actions .btn-lg{width:100%;flex:none}.section{padding:var(--space-8) 0}.ws{padding-top:var(--space-5)}.sx-toolbar{align-items:stretch}}.sx-page{min-height:70vh;padding:0 0 96px;background:var(--bg-primary)}.sx-hero{padding:72px 0 60px;border-bottom:1px solid var(--border);background:var(--bg-card)}.sx-head{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:0;text-align:left}.sx-head-copy{max-width:760px}.sx-eyebrow{display:inline-flex;min-height:30px;align-items:center;gap:7px;margin-bottom:16px;padding:0 10px;border:1px solid rgba(98,88,214,.2);border-radius:var(--radius-pill);color:var(--accent);background:var(--accent-glow);font-size:12px;font-weight:700;letter-spacing:.04em}.sx-page-title{max-width:760px;margin:0 0 14px;font-size:clamp(38px,4.5vw,58px);line-height:1.08;letter-spacing:-.045em}.sx-page-sub{max-width:680px;margin:0;color:var(--text-secondary);font-size:clamp(16px,1.5vw,19px);line-height:1.7}.sx-head-guide{display:flex;width:min(100%,390px);align-items:flex-start;gap:14px;flex:none;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary)}.sx-head-guide-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-md);color:#fff;background:var(--gradient-accent)}.sx-head-guide strong{display:block;margin-bottom:3px;font-size:14px}.sx-head-guide p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.sx-gallery{padding-top:32px}.sx-browser{margin-bottom:26px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-soft-sm)}.sx-browser-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.sx-browser-heading{display:flex;align-items:center;gap:12px;flex:none}.sx-browser-heading-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--accent);background:var(--accent-glow)}.sx-browser-heading strong{display:block;font-size:15px;line-height:1.3}.sx-count{display:block;margin:2px 0 0;color:var(--text-muted);font-size:12px;line-height:1.3}.sx-toolbar{width:min(100%,720px);justify-content:flex-end;gap:10px;flex-wrap:nowrap;margin:0}.sx-search,.sx-toolbar{display:flex;align-items:center}.sx-search{position:relative;height:44px;gap:9px;flex:1 1 380px;padding:0 11px 0 13px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);background:var(--bg-primary);box-shadow:none;transition:border-color var(--dur) var(--ease-soft),background var(--dur) var(--ease-soft)}.sx-search:hover{border-color:var(--border-strong)}.sx-search:focus-within{border-color:var(--border-strong);background:var(--bg-card)}.sx-search input{width:100%;min-width:0;font-size:14px}.sx-search-clear{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;flex:none;padding:0;border:0;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;cursor:pointer}.sx-search-clear:hover{color:var(--text-primary);background:var(--bg-secondary)}.sx-sort{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--text-muted);font-size:12px}.sx-sort select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:44px;min-width:132px;padding:0 36px 0 14px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background-color:var(--bg-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none' stroke='%23747d8c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:border-color var(--dur) ease,background-color var(--dur) ease}.sx-sort select:hover{border-color:var(--border-strong)}.sx-sort select:focus-visible{outline:none;border-color:var(--border-strong)}.sx-filter-scroll{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.sx-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0}.sx-pill{min-height:34px;padding:0 13px;border-radius:var(--radius-md);font-size:12px}.sx-pill:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-card-hover)}.sx-pill.active{color:#fff;border-color:var(--accent);background:var(--accent)}.sx-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:700px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1180px){.sx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sx-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-soft-sm);transition:border-color var(--dur) var(--ease-soft),box-shadow var(--dur) var(--ease-soft)}.sx-card:hover{border-color:rgba(107,79,240,.5);box-shadow:0 16px 40px rgba(107,79,240,.14),var(--shadow-soft);transform:translateY(-2px)}.sx-card:has(.sx-open-overlay:focus-visible){border-color:var(--accent)}.sx-preview{position:relative;aspect-ratio:auto;overflow:hidden;background:var(--bg-card)}.sx-preview,.sx-preview-bar{border-bottom:1px solid var(--border)}.sx-preview-bar{display:flex;height:38px;align-items:center;gap:10px;padding:0 12px;background:var(--bg-card-hover)}.sx-preview-dots{display:inline-flex;gap:4px;flex:none}.sx-preview-dots i{width:7px;height:7px;border-radius:50%;background:#d7dbe3}.sx-preview-dots i:first-child{background:#f2a3ab}.sx-preview-dots i:nth-child(2){background:#efc27c}.sx-preview-dots i:nth-child(3){background:#83c9a7}.sx-preview-slug{min-width:0;overflow:hidden;color:var(--text-muted);font:10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.sx-preview-kind{margin-left:auto;padding:3px 7px;border-radius:var(--radius-sm);color:var(--accent);background:var(--accent-glow);font-size:10px;font-weight:700;white-space:nowrap}.sx-preview-canvas{position:relative;aspect-ratio:16/10;overflow:hidden;background-color:#f5f6f9;background-image:radial-gradient(circle,#dfe2e9 .75px,transparent .8px);background-size:18px 18px}.sx-frame{position:absolute;inset:0 auto auto 0;border:0;transform-origin:top left;pointer-events:none}.sx-skeleton{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;grid-gap:9px;gap:9px;background:hsla(0,0%,100%,.35);animation:none}.sx-skeleton span{display:block;width:34%;height:8px;border-radius:var(--radius-pill);background:#e2e5eb}.sx-skeleton span:first-child{width:18%;height:36px;border-radius:var(--radius-md)}.sx-skeleton span:last-child{width:24%}.sx-open-overlay{position:absolute;z-index:1;inset:0;display:block;border:0;border-radius:inherit;background:transparent;cursor:pointer}.sx-meta{display:flex;flex:1 1;flex-direction:column;padding:19px 20px 18px}.sx-meta-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sx-card-title-group{min-width:0}.sx-title{margin:0;overflow:hidden;color:var(--text-primary);font-size:18px;line-height:1.35;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.sx-author{display:flex;align-items:center;gap:6px;margin-top:7px;color:var(--text-muted);font-size:12px}.sx-author-mark{width:21px;height:21px;justify-content:center;border-radius:50%;font-size:10px;font-weight:800}.sx-author-mark,.sx-edit-action{display:inline-flex;align-items:center;color:var(--accent);background:var(--accent-glow)}.sx-edit-action{min-height:34px;gap:6px;flex:none;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;transition:color var(--dur) var(--ease-soft),background var(--dur) var(--ease-soft)}.sx-card:hover .sx-edit-action{color:#fff;background:var(--gradient-accent)}.sx-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin-top:17px;padding-top:15px;border-top:1px solid var(--border)}.sx-stats{gap:12px;min-width:0;color:var(--text-muted);font-size:12px}.sx-stat,.sx-stats{display:inline-flex;align-items:center}.sx-stat{gap:4px}.sx-copy{position:relative;z-index:2;display:inline-flex;min-height:34px;align-items:center;gap:6px;flex:none;padding:0 10px;white-space:nowrap}.sx-empty{display:flex;min-height:340px;flex-direction:column;padding:48px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);background:var(--bg-card);text-align:center}.sx-empty,.sx-empty-icon{align-items:center;justify-content:center}.sx-empty-icon{display:inline-flex;width:48px;height:48px;margin-bottom:14px;border-radius:var(--radius-md);color:var(--accent);background:var(--accent-glow)}.sx-empty h3{margin:0 0 5px;color:var(--text-primary)}.sx-empty p{margin:0 0 18px}@media (max-width:920px){.sx-head{align-items:flex-start;flex-direction:column;gap:26px}.sx-head-guide{width:100%}.sx-browser-top{align-items:stretch;flex-direction:column;gap:16px}.sx-toolbar{width:100%;justify-content:stretch}}@media (max-width:640px){.sx-page{padding-bottom:72px}.sx-hero{padding:44px 0 34px}.sx-head{gap:22px}.sx-eyebrow{margin-bottom:13px}.sx-page-title{margin-bottom:11px;font-size:36px}.sx-page-sub{font-size:15px;line-height:1.65}.sx-head-guide{padding:14px}.sx-head-guide-icon{width:38px;height:38px}.sx-gallery{padding-top:16px}.sx-browser{margin-bottom:18px;padding:14px}.sx-browser-heading-icon{width:38px;height:38px}.sx-toolbar{align-items:stretch;flex-direction:column}.sx-search{width:100%;flex-basis:auto}.sx-sort{justify-content:space-between}.sx-sort select{min-width:154px}.sx-filter-scroll{margin-right:-14px;margin-left:-14px;padding-right:14px;padding-left:14px;overflow-x:auto;scrollbar-width:none}.sx-filter-scroll::-webkit-scrollbar{display:none}.sx-filters{width:max-content;flex-wrap:nowrap}.sx-grid{gap:18px}.sx-preview-bar{height:36px}.sx-meta{padding:16px}.sx-title{font-size:17px}.sx-edit-action{min-height:32px;padding-inline:9px}.sx-foot{margin-top:15px;padding-top:13px}}.snipix-code-tools{flex:none;width:max-content;color:#0d0d0d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.snipix-code-tools,.snipix-view-switch{display:flex;align-items:center;gap:2px;height:36px}.snipix-view-switch{--active:0;position:relative;width:74px}.snipix-view-switch:before{content:"";position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.05);transform:translateX(calc(var(--active) * 38px));transition:transform .2s ease;pointer-events:none}.ws-view-selector{margin-right:2px;color:var(--text-secondary,#5f6368)}.ws-view-selector.is-active{color:var(--accent,#6b4ff0);background:color-mix(in srgb,var(--accent,#6b4ff0) 10%,transparent)}.ws-view-selector .material-symbols-outlined{font-size:21px;line-height:1;font-variation-settings:"FILL" 0,"wght" 450,"GRAD" 0,"opsz" 20}.snipix-tool-btn{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .15s ease}.snipix-tool-btn:hover{background:rgba(0,0,0,.05)}.snipix-tool-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.snipix-tool-btn:disabled{cursor:not-allowed;opacity:.45}.snipix-tool-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.snipix-copy{flex:0 0 36px}.snipix-copy.is-copied:after{content:"✓";position:absolute;font-size:15px;font-weight:700}.snipix-copy.is-copied svg{visibility:hidden}.snipix-code-pre{height:100%;margin:0;padding:12px;overflow:auto;background:#0f172a;color:#e2e8f0;border-radius:8px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.auth-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,18,32,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-card{position:relative;width:100%;max-width:440px;padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft-lg)}.auth-close{position:absolute;top:14px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer;border-radius:8px}.auth-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.auth-head{text-align:center;margin-bottom:28px}.auth-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.auth-subtitle{margin:8px 0 0;color:var(--text-muted);font-size:15px}.auth-form{gap:20px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:8px}.auth-label{font-size:14px;font-weight:500;color:var(--text-primary)}.auth-label-row{display:flex;justify-content:space-between;align-items:center}.auth-input{height:46px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:15px;transition:border-color var(--dur) ease,box-shadow var(--dur) ease}.auth-input:focus{outline:none;border-color:var(--border-strong);box-shadow:none}.auth-link{border:none;background:none;padding:0;color:var(--accent);font-size:14px;cursor:pointer;text-decoration:underline}.auth-submit{width:100%;height:46px;margin-top:8px;font-size:15px}.auth-error{margin:0;color:var(--error);font-size:14px}.auth-notice{margin:0;color:var(--info);font-size:14px}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 20px;color:var(--text-muted);font-size:13px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.auth-social{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.auth-social-btn{height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:background var(--dur) ease,border-color var(--dur) ease}.auth-social-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.auth-social-btn:disabled{cursor:wait;opacity:.58}.auth-switch{margin:24px 0 0;text-align:center;color:var(--text-muted);font-size:14px}.nav-auth{white-space:nowrap}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:6px;padding:6px 8px;border:none;background:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--dur) ease}.user-menu-trigger.is-open,.user-menu-trigger:hover{background:var(--bg-secondary)}.user-menu-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:200px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft-lg)}.user-dropdown-head{padding:8px 10px}.user-dropdown-name{font-size:14px;font-weight:600;color:var(--text-primary)}.user-dropdown-email{margin-top:2px;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{margin:6px 0;border-top:1px solid var(--border)}.user-dropdown-link,.user-dropdown-logout{display:block;width:100%;padding:8px 10px;border:none;background:none;border-radius:8px;font-size:14px;text-align:left;color:var(--text-secondary);cursor:pointer;text-decoration:none}.user-dropdown-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-dropdown-logout:hover{background:var(--error-bg);color:var(--error)}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important;box-shadow:none!important}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none' stroke='%23747d8c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}select.ws-insp-input{padding-right:26px}.snipix-ai-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:max-content;flex:0 0 auto;flex-shrink:0;height:36px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.snipix-ai-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--accent)}.snipix-ai-btn:disabled{opacity:.5;cursor:default}.snipix-ai-btn svg{width:15px;height:15px;fill:currentColor;stroke:none}.snipix-ai-error{padding:8px 12px;background:var(--error-bg);color:var(--error);font-size:13px}.ws-version-control{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;white-space:nowrap}.ws-edit-hint.is-locked{color:#92620b}.ws-version-control select{max-width:190px;min-height:28px;padding:3px 26px 3px 9px;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);background:var(--bg-card);font:inherit}.ws-version-control select:disabled{opacity:.62}.ai-insp{min-height:100%;overflow-y:auto}.ai-insp-classes{display:flex;flex-wrap:wrap;gap:5px;padding:14px 14px 10px;border-bottom:1px solid var(--border)}.ai-insp-tag{max-width:100%;padding:3px 8px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 7%,var(--bg-card));color:var(--accent);font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-insp-element{border-color:var(--border);background:var(--bg-card);color:var(--text-secondary)}.ai-insp-content{padding:14px;border-bottom:1px solid var(--border)}.ai-insp-section-title{margin-bottom:7px;color:var(--text-primary);font-size:12px;font-weight:700}.ai-insp-rule{padding:14px;border-bottom:1px solid var(--border)}.ai-insp-rule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.ai-insp-rule-head>span:first-child{display:grid;flex:1 1 auto;grid-gap:2px;gap:2px;min-width:0}.ai-insp-rule-head strong{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.ai-insp-rule-head small{color:var(--text-tertiary);font-size:10px;font-weight:500;line-height:1.45}.ai-insp-impact{display:flex;flex:0 0 auto;align-items:center;gap:4px;max-width:46%;padding:3px 7px;border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-tertiary);font-size:9px;line-height:1.4}.ai-insp-impact button{display:inline-grid;flex:0 0 auto;width:15px;height:15px;padding:0;place-items:center;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-tertiary);font:700 9px/1 ui-serif,Georgia,serif;cursor:help}.ai-insp-category+.ai-insp-category{margin-top:10px}.ai-insp-category-title{margin-bottom:6px;color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ai-insp-row{display:grid;grid-template-columns:minmax(100px,.9fr) minmax(0,1.35fr);align-items:center;grid-gap:8px;gap:8px;min-height:32px;margin-bottom:7px}.ai-insp-row.is-advanced{grid-template-columns:minmax(112px,1fr) minmax(0,1.15fr)}.ai-insp-property-label{display:flex;align-items:center;gap:5px;min-width:0;color:var(--text-secondary);font-size:11px;font-weight:550;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-insp-property-label>span{display:grid;min-width:0}.ai-insp-property-label small{color:var(--text-tertiary);font:500 9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis}.ai-insp-property-label em{flex:0 0 auto;padding:1px 4px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 10%,var(--bg-card));color:var(--accent);font-size:9px;font-style:normal;font-weight:700}.ai-insp-measure{display:grid;grid-template-columns:minmax(0,1fr) 58px;min-width:0}.ai-insp-measure .ws-insp-input{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ai-insp-measure select{min-width:0;padding:0 20px 0 7px;border:1px solid var(--border);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:var(--bg-card);background-position:right 5px center;color:var(--text-secondary);font-size:10px}.ai-insp-color{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:stretch;min-width:0}.ai-insp-color input[type=color]{width:32px;height:32px;padding:3px;border:1px solid var(--border);border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--bg-card);cursor:pointer}.ai-insp-color .ws-insp-input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ai-insp-opacity{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;grid-gap:7px;gap:7px}.ai-insp-opacity input[type=range]{width:100%;accent-color:var(--accent)}.ai-insp-opacity output{color:var(--text-secondary);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.ai-insp-select{min-width:0}.ai-insp-composite{display:grid;grid-gap:7px;gap:7px;min-width:0}.ai-insp-box-control,.ai-insp-radius-control{padding:7px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 58%,transparent)}.ai-insp-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.ai-insp-mini-field{display:grid;grid-gap:3px;gap:3px;min-width:0}.ai-insp-mini-field>em{color:var(--text-tertiary);font-size:9px;font-style:normal;font-weight:650}.ai-insp-mini-field .ai-insp-measure{grid-template-columns:minmax(0,1fr) 44px}.ai-insp-mini-field .ai-insp-measure select{padding-right:15px;padding-left:4px;background-position:right 2px center}.ai-insp-inline-add,.ai-insp-link-btn{justify-self:start;padding:0;border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:650;cursor:pointer}.ai-insp-inline-add:hover,.ai-insp-link-btn:hover{text-decoration:underline}.ai-insp-width>.ai-insp-measure,.ai-insp-width>.ws-insp-input{width:100%}.ai-insp-subrow{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;grid-gap:6px;gap:6px;min-width:0}.ai-insp-shadow-grid label>em,.ai-insp-subrow>em{color:var(--text-tertiary);font-size:9px;font-style:normal;font-weight:650}.ai-insp-shadow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.ai-insp-shadow-grid label{display:grid;grid-gap:3px;gap:3px;min-width:0}.ai-insp-shadow-grid .ai-insp-measure{grid-template-columns:minmax(0,1fr) 45px}.ai-insp-shadow-grid .ai-insp-measure select{padding-left:5px;padding-right:16px;background-position:right 3px center}.ai-insp-row:has(.ai-insp-composite){align-items:start}.ai-insp-empty-rule{margin:0;color:var(--text-tertiary);font-size:11px;line-height:1.6}.ai-insp-accordion{margin:0;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.ai-insp-accordion>summary{display:flex;min-height:35px;align-items:center;justify-content:space-between;gap:8px;color:var(--text-primary);font-size:11px;font-weight:700;list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-insp-accordion>summary::-webkit-details-marker{display:none}.ai-insp-accordion>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;transition:transform .16s ease}.ai-insp-accordion[open]>summary svg{transform:rotate(180deg)}.ai-insp-accordion-body{padding:2px 0 8px}.ai-insp-accordion.is-advanced{margin-top:4px}.ai-insp-accordion.is-advanced>summary{color:var(--text-secondary)}.ai-insp-accordion.is-nested{margin:0 0 6px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 70%,transparent)}.ai-insp-accordion.is-nested>summary{min-height:32px;color:var(--text-secondary);font-size:10px}.ai-insp-accordion.is-nested .ai-insp-accordion-body{padding-bottom:5px}.ai-insp-inline-add{margin:2px 0 7px}.ai-insp-style-picker{position:relative;margin-top:10px}.ai-insp-add-style{width:100%;min-height:32px;border:1px dashed color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 4%,transparent);color:var(--accent);font-size:11px;font-weight:700;cursor:pointer}.ai-insp-add-style:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.ai-insp-style-menu{display:grid;grid-gap:8px;gap:8px;margin-top:7px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);box-shadow:0 10px 28px rgba(0,0,0,.1)}.ai-insp-style-menu>strong{color:var(--text-tertiary);font-size:9px;letter-spacing:.04em}.ai-insp-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px}.ai-insp-style-grid button{min-height:28px;padding:4px 7px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-size:10px;text-align:left;cursor:pointer}.ai-insp-style-grid button:hover{border-color:var(--border-strong);color:var(--accent)}.ai-insp-raw-add{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:5px;gap:5px}.ai-insp-state-actions{display:grid;grid-gap:7px;gap:7px;padding:12px 14px 18px}.ai-insp-state-actions:empty{display:none}.ai-insp-state-actions button{min-height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:650;cursor:pointer}.ai-insp-state-actions button:hover{border-color:var(--border-strong);color:var(--accent)}.ai-insp-add{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px;gap:6px;margin-top:8px}.ai-insp-add-btn{min-width:52px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:650;cursor:pointer}.ai-insp-add-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--accent)}.ai-insp-add-btn:disabled{opacity:.45;cursor:default}.ai-insp-advanced{margin:4px 14px 16px;padding:9px 10px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 72%,transparent)}.ai-insp-advanced summary{color:var(--text-secondary);font-size:11px;font-weight:650;cursor:pointer}.ai-insp-advanced p{margin:8px 0 0;color:var(--text-tertiary);font-size:10px;line-height:1.55}.shop-inspector{min-height:100%;overflow-y:auto}.shop-identity{display:flex;min-height:42px;align-items:center;gap:5px;padding:9px 14px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.shop-identity::-webkit-scrollbar{display:none}.shop-identity button,.shop-identity strong,.shop-identity>span{flex:0 0 auto;margin:0;border:0;background:transparent;color:var(--text-tertiary);font-size:10px;font-weight:650;white-space:nowrap}.shop-identity button.is-active,.shop-identity strong{color:var(--accent)}.shop-identity button{padding:0;cursor:pointer}.shop-identity i{margin-right:5px;color:var(--text-tertiary);font-style:normal}.shop-target{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);color:var(--text-tertiary);font-size:10px}.shop-target select{min-width:120px;height:29px;padding:0 26px 0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-card);color:var(--text-secondary);font-size:10px}.shop-context{display:grid;grid-gap:10px;gap:10px;padding:14px;border-bottom:1px solid var(--border)}.shop-context>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.shop-context strong{color:var(--text-primary);font-size:13px}.shop-context span{color:var(--text-tertiary);font-size:10px}.shop-state-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));grid-gap:2px;gap:2px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--bg-secondary)}.shop-state-switch button{min-height:25px;padding:3px 6px;border:0;border-radius:5px;background:transparent;color:var(--text-tertiary);font:inherit;font-size:9px;cursor:pointer}.shop-state-switch button:hover{color:var(--text-primary)}.shop-state-switch button.is-active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,.06)}.shop-effects{padding:12px 14px 13px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 38%,transparent)}.shop-effects-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.shop-effects-head strong{color:var(--text-primary);font-size:11px;font-weight:650}.shop-effects-head span{color:var(--text-tertiary);font-family:var(--font-mono,monospace);font-size:9px}.shop-effect-grid{display:flex;flex-wrap:wrap;gap:6px}.shop-effect-chip{display:inline-flex;min-height:28px;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--border);border-radius:7px;background:var(--bg-primary);color:var(--text-secondary);font:inherit;font-size:10px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.shop-effect-chip i{width:6px;height:6px;border-radius:2px;background:var(--accent,#4f46e5);opacity:.72}.shop-effect-chip:hover{border-color:color-mix(in srgb,var(--accent,#4f46e5) 42%,var(--border));background:color-mix(in srgb,var(--accent,#4f46e5) 6%,var(--bg-primary));color:var(--text-primary)}.shop-effect-chip.is-active{border-color:color-mix(in srgb,var(--accent,#4f46e5) 45%,var(--border));background:color-mix(in srgb,var(--accent,#4f46e5) 9%,var(--bg-primary));color:var(--text-primary)}.shop-effect-chip.is-active i{opacity:1}.shop-effect-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--accent,#4f46e5) 45%,transparent);outline-offset:1px}.shop-effects-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.shop-effects-foot p{margin:0;color:var(--text-tertiary);font-size:9px;line-height:1.45}.shop-effects-foot button{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--text-tertiary);font:inherit;font-size:9px;cursor:pointer}.shop-effects-foot button:hover{color:var(--text-primary);text-decoration:underline}.shop-tier{margin:0}.shop-tier-title{padding:11px 14px 7px;color:var(--text-tertiary);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.shop-tier-more{border-bottom:1px solid var(--border)}.shop-tier-more>summary{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;color:var(--text-secondary);font-size:10px;font-weight:650;cursor:pointer}.shop-tier-more>summary::-webkit-details-marker{display:none}.shop-tier-more>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .16s ease}.shop-tier-more[open]>summary svg{transform:rotate(180deg)}.shop-tier-more>div>.shop-section:last-child{border-bottom:0}.shop-dependency{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 7px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--accent,#4f46e5) 18%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--accent,#4f46e5) 5%,var(--bg-primary));color:var(--text-tertiary);font-size:9px;line-height:1.4}.shop-dependency button,.shop-setting-issue button{flex:0 0 auto;padding:3px 6px;border:1px solid color-mix(in srgb,var(--accent,#4f46e5) 28%,var(--border));border-radius:5px;background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:9px;cursor:pointer}.shop-setting.has-issue{margin:2px -7px;padding:7px;border-radius:7px;background:color-mix(in srgb,#f59e0b 6%,transparent)}.shop-setting-issue{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#9a6700;font-size:9px;line-height:1.4}.shop-media-action{width:100%;min-height:32px;margin:2px 0 8px;border:1px solid color-mix(in srgb,var(--accent,#4f46e5) 30%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--accent,#4f46e5) 7%,var(--bg-primary));color:var(--text-primary);font:inherit;font-size:10px;font-weight:650;cursor:pointer}.shop-media-action:hover{background:color-mix(in srgb,var(--accent,#4f46e5) 11%,var(--bg-primary))}.shop-inline-note{margin:0 0 5px;padding:7px 8px;border-radius:6px;background:var(--bg-secondary);color:var(--text-tertiary);font-size:9px;line-height:1.45}.shop-section{margin:0;border-bottom:1px solid var(--border)}.shop-section>summary{display:flex;min-height:43px;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;color:var(--text-primary);font-size:11px;font-weight:700;list-style:none;cursor:pointer}.shop-section>summary::-webkit-details-marker{display:none}.shop-section>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;transition:transform .16s ease}.shop-section[open]>summary svg{transform:rotate(180deg)}.shop-section-body{padding:0 14px 12px}.shop-section.is-advanced{background:color-mix(in srgb,var(--bg-secondary) 34%,transparent)}.shop-setting{padding:7px 0}.shop-setting-main{display:grid;grid-template-columns:minmax(92px,.82fr) minmax(0,1.35fr);align-items:center;grid-gap:9px;gap:9px}.shop-label{min-width:0;color:var(--text-secondary);font-size:10px;font-weight:580;line-height:1.4}.shop-label>span{display:grid;grid-gap:1px;gap:1px}.shop-label small{color:var(--text-tertiary);font:500 8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis}.shop-control{min-width:0}.shop-control select,.shop-input,.shop-target select{width:100%;min-width:0;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;background-color:var(--bg-card);color:var(--text-primary);font-size:10px}.shop-control select:focus,.shop-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.shop-unit{display:grid;grid-template-columns:minmax(0,1fr) 58px}.shop-unit .shop-input{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.shop-unit select{padding:0 20px 0 7px;border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)}.shop-color{display:grid;grid-template-columns:32px minmax(0,1fr)}.shop-color input[type=color]{width:32px;height:32px;padding:3px;border:1px solid var(--border);border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--bg-card);cursor:pointer}.shop-color .shop-input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.shop-source{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:17px;padding-top:3px;color:var(--text-tertiary);font-size:8px}.shop-source.is-override{color:var(--accent)}.shop-source button{padding:0;border:0;background:transparent;color:inherit;font-size:8px;font-weight:650;cursor:pointer}.shop-linked{position:relative}.shop-link{position:absolute;z-index:1;top:6px;right:calc(100% + 8px);width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--text-tertiary);font-size:11px;cursor:pointer}.shop-link.is-active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.shop-side-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.shop-side-grid label{display:grid;grid-gap:2px;gap:2px;min-width:0}.shop-side-grid em{color:var(--text-tertiary);font-size:8px;font-style:normal}.shop-side-grid .shop-unit{grid-template-columns:minmax(0,1fr) 42px}.shop-side-grid .shop-unit select{padding-left:3px;padding-right:13px}.shop-pair{grid-template-columns:1fr 1fr}.shop-composite,.shop-pair{display:grid;grid-gap:5px;gap:5px}.shop-range{display:grid;grid-template-columns:1fr 34px;align-items:center;grid-gap:6px;gap:6px}.shop-range input{width:100%;accent-color:var(--accent)}.shop-range output{color:var(--text-secondary);font-size:9px;text-align:right}.shop-content .ws-insp-textarea{min-height:70px}.shop-custom-existing{display:grid;grid-gap:7px;gap:7px;padding:8px 0}.shop-custom-existing strong{color:var(--text-secondary);font-size:10px}.shop-custom-existing p{margin:0;color:var(--text-tertiary);font-size:9px;line-height:1.5}@media (prefers-reduced-motion:reduce){.shop-section>summary svg{transition:none}}.dashboard{max-width:var(--content-wide,1080px);margin:0 auto;padding:2rem 1.25rem 4rem}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.dashboard-head h1{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.dashboard-sub{margin:.25rem 0 0;color:var(--text-secondary);font-size:.85rem}.dashboard-section{margin-top:1.75rem}.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.dashboard-section-head h2{margin:0;font-size:1.1rem;font-weight:700}.dashboard-trend-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;overflow:hidden}.snipix-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.75rem;gap:.75rem}.snipix-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem}.snipix-stat-label{color:var(--text-secondary);font-size:.8rem}.snipix-stat-value{font-size:1.6rem;font-weight:800;margin-top:.25rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.snipix-stat-hint{color:var(--text-tertiary);font-size:.72rem;margin-top:.1rem}.snipix-seg{display:inline-flex;gap:2px;padding:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px}.snipix-seg button{padding:.3rem .8rem;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer}.snipix-seg button.is-active{background:var(--accent);color:#fff}.snipix-legend{display:flex;gap:1rem;margin-top:.6rem;font-size:.75rem;color:var(--text-secondary)}.snipix-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.snipix-record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.snipix-record-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.snipix-record-main{flex:1 1;min-width:0}.snipix-record-title{font-weight:700;font-size:.92rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.snipix-record-meta{color:var(--text-secondary);font-size:.78rem;margin-top:.2rem}.snipix-record-actions{display:flex;gap:.35rem;flex-wrap:wrap}.snipix-record-actions .btn{white-space:nowrap}.snipix-pin{background:var(--accent-glow,#efeaff);color:var(--accent)}.snipix-badge,.snipix-pin{border-radius:999px;padding:0 .5rem;font-size:.68rem;font-weight:700}.snipix-badge-opt{background:var(--success-bg,#e6f6ee);color:var(--success)}.snipix-expire{color:var(--warning)}.history-toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.history-search{flex:1 1;min-width:180px}.history-search,.history-sort{padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary)}.snipix-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.snipix-pagination button{padding:.35rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer}.snipix-pagination button:disabled{opacity:.4;cursor:default}.snipix-diff{font-size:12px;line-height:1.5;margin:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem}.snipix-diff-line{white-space:pre-wrap}.snipix-diff-line.is-add{background:color-mix(in srgb,var(--success) 14%,transparent)}.snipix-diff-line.is-del{background:color-mix(in srgb,var(--error) 14%,transparent);text-decoration:line-through;color:var(--text-secondary)}.btn-danger{color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--error) 10%,transparent)}@media (max-width:640px){.dashboard{padding:1.25rem .85rem 3rem}.dashboard-head,.snipix-record-item{flex-direction:column;align-items:flex-start}}.pricing-page{min-height:70vh;padding:4.5rem 0 5rem;background:var(--bg-primary)}.pricing-hero{max-width:760px;text-align:center}.pricing-hero .sx-eyebrow{justify-content:center}.pricing-hero h1{margin:1rem 0 .75rem;color:var(--text-primary);font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;letter-spacing:-.045em}.pricing-hero>p{max-width:650px;margin:0 auto;color:var(--text-secondary);line-height:1.75}.pricing-toggle{display:inline-flex;gap:3px;margin-top:1.75rem;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card)}.pricing-toggle button{min-width:86px;padding:.55rem 1rem;border:0;border-radius:999px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.pricing-toggle button.is-active{background:var(--accent);color:#fff;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 28%,transparent)}.pricing-alert{margin-top:1.25rem;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--error) 35%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--error) 8%,var(--bg-card));color:var(--error);font-size:.85rem}.pricing-loading{margin-top:2rem}.pricing-loading .sx-skeleton{min-height:320px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:2.5rem}.pricing-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:1.5rem;border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);background:var(--bg-card);box-shadow:var(--shadow-sm)}.pricing-card.is-featured{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 13%,transparent)}.pricing-card-head h2{margin:0 0 1.2rem;font-size:1.15rem}.pricing-card-head strong{color:var(--text-primary);font-size:2rem;letter-spacing:-.04em}.pricing-card-head span{margin-left:.25rem;color:var(--text-tertiary);font-size:.75rem}.pricing-card>p{min-height:2.7em;margin:.55rem 0 1rem;line-height:1.6}.pricing-card ul,.pricing-card>p{color:var(--text-secondary);font-size:.82rem}.pricing-card ul{display:grid;grid-gap:.7rem;gap:.7rem;margin:0 0 1.5rem;padding:0;list-style:none}.pricing-card li:before{content:"✓";margin-right:.5rem;color:var(--success);font-weight:800}.pricing-cta{width:100%;margin-top:auto;justify-content:center}.pricing-packs{margin-top:4rem}.pricing-packs header{text-align:center}.pricing-free h2,.pricing-packs h2{margin:0;font-size:1.35rem}.pricing-free p,.pricing-packs header p{margin:.45rem 0 0;color:var(--text-secondary);font-size:.85rem}.pricing-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-top:1.25rem}.pricing-pack{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.pricing-pack strong{font-size:.92rem}.pricing-pack span{color:var(--text-secondary);font-weight:700}.pricing-pack-all{display:block;padding:1rem 1.1rem;grid-column:1/-1;justify-self:center;width:100%;max-width:380px}.pricing-pack-all>strong{display:block;margin-bottom:.75rem}.pricing-pack-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:1rem;gap:1rem;padding:.6rem 0;border-top:1px solid var(--border)}.pricing-pack-row:first-of-type{border-top:none}.pricing-pack-row span:first-child{font-weight:700}.pricing-pack-row span:nth-child(2){color:var(--text-secondary);font-weight:700}.pricing-free{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1.4rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.subscription-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.subscription-actions{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}@media (max-width:860px){.pricing-grid,.pricing-pack-grid,.subscription-status-grid{grid-template-columns:1fr}.pricing-card.is-featured{order:-1}}@media (max-width:640px){.pricing-page{padding:2.75rem 0 3.5rem}.pricing-alert,.pricing-free,.pricing-grid,.pricing-loading,.pricing-packs{margin-right:.85rem;margin-left:.85rem}.pricing-pack{grid-template-columns:1fr auto}.pricing-pack .btn{grid-column:1/-1;justify-content:center}.pricing-pack-row{grid-template-columns:1fr auto}.pricing-pack-row .btn{grid-column:1/-1;justify-content:center}.pricing-free{align-items:flex-start;flex-direction:column}}.console{display:flex;background:var(--bg-primary)}.console-sidebar{width:248px;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;gap:1rem;padding:1.25rem .9rem;border-right:1px solid var(--border);overflow-y:auto}.console-brand{display:flex;align-items:center;gap:.6rem;padding:0 .4rem .5rem}.console-brand-logo{height:26px;width:auto;object-fit:contain;display:block}.console-brand-text small{color:var(--text-muted);font-weight:500;font-size:11px}.console-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.console-nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none}.console-nav a.is-active,.console-nav a:hover{color:var(--text-primary)}.console-nav a.is-active{box-shadow:inset 0 0 0 1px var(--border)}.console-nav-links a{font-weight:500;color:var(--text-muted);font-size:12px}.console-sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.console-user{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem}.console-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-glow,#efeaff);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:12px;flex-shrink:0}.console-user-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.console-user-text small,.console-user-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-user-text small{color:var(--text-muted);font-size:11px}.console-logout{text-align:left;padding:.4rem .7rem;border:none;background:transparent;color:var(--text-secondary);font-size:12px;border-radius:var(--radius-sm);cursor:pointer}.console-logout:hover{color:var(--error);background:color-mix(in srgb,var(--error) 8%,transparent)}.console-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.console-content{flex:1 1;max-width:1040px;margin:0 auto;padding:2rem 1.5rem 4rem}.console-mobile-header{display:none}.console-page-head{margin-bottom:1.5rem}.console-page-head h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.console-page-desc{margin:.3rem 0 0;color:var(--text-secondary);font-size:.85rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:.9rem;gap:.9rem}.media-card{border:1px solid var(--border);overflow:hidden;background:var(--bg-card);display:flex;flex-direction:column}.media-card-preview{position:relative;aspect-ratio:4/3;width:100%;border:0;padding:0;background:var(--bg-secondary,#f1f5f9);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-card-preview img{width:100%;height:100%;object-fit:cover}.media-card-preview.is-video:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}.media-card-video-badge{position:relative;z-index:1;color:#fff;font-size:22px}.media-card-unknown{color:var(--muted,#64748b);font-size:20px}.media-card-info{padding:.6rem .7rem;display:flex;flex-direction:column;gap:.25rem}.media-card-info strong{font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-card-info>span{font-size:.72rem;color:var(--text-secondary)}.media-card-actions{display:flex;gap:.4rem;margin-top:.3rem}.btn-danger{background:transparent;color:#dc2626;border-color:rgba(220,38,38,.35)}.btn-danger:hover{background:rgba(220,38,38,.08)}.media-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:24px}.media-modal-body{position:relative;background:#fff;border-radius:14px;padding:16px;max-width:min(900px,92vw);max-height:92vh;overflow:auto}.media-modal-body img,.media-modal-body video{max-width:100%;max-height:76vh;border-radius:8px;display:block}.media-modal-body p{margin:10px 4px 0;font-size:.85rem;color:#333;overflow-wrap:anywhere}.media-modal-close{position:absolute;top:8px;right:12px;border:0;background:rgba(0,0,0,.5);color:#fff;width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer;z-index:2}.console-alert{border-radius:10px;padding:10px 12px;margin:0 0 14px;font-size:.85rem}.console-alert-error{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.3);color:#b91c1c}.console-alert-warn{background:rgba(180,83,9,.08);border:1px solid rgba(180,83,9,.3);color:#92400e}.console-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;max-width:640px}.console-divider{border-top:1px solid var(--border);margin:1.5rem 0}.console-stats-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.console-section-head h2,.console-stats-head h2{margin:0;font-size:1.05rem;font-weight:700}.console-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.75rem}.console-stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.15rem}.console-stat-label{color:var(--text-muted);font-size:.78rem}.console-stat-value{font-size:1.5rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.console-stat-hint{color:var(--text-muted);font-size:.72rem;margin-top:.15rem}.console-section{margin-top:1.75rem}.console-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.console-avg{color:var(--text-secondary);font-size:.85rem}.console-avg strong{color:var(--text-primary)}.console-seg{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:999px}.console-seg button{padding:.3rem .85rem;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer}.console-seg button.is-active{background:var(--accent);color:#fff}.console-tabs{margin-bottom:.9rem}.console-chart{position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .5rem}.console-tooltip{position:absolute;top:.4rem;transform:translateX(-50%);pointer-events:none;z-index:2;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:11px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:2px;white-space:nowrap}.console-tooltip span{display:flex;align-items:center;gap:.35rem}.console-tooltip i{width:8px;height:8px;border-radius:50%;display:inline-block}.console-legend{display:flex;gap:1rem;margin-top:.6rem;font-size:.75rem;color:var(--text-secondary)}.console-legend i{width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle;display:inline-block}.console-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.console-recent-row{display:flex;align-items:center;gap:1rem;padding:.7rem .4rem;border-bottom:1px solid var(--border)}.console-recent-row:last-child{border-bottom:none}.console-recent-main{flex:1 1;min-width:0}.console-recent-title{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.4rem}.console-recent-meta{color:var(--text-secondary);font-size:.76rem;margin-top:.15rem}.console-link{color:var(--accent);font-size:.82rem;font-weight:600;text-decoration:none}.console-pin{background:var(--accent-glow,#efeaff);color:var(--accent);border-radius:999px;padding:0 .45rem;font-size:.66rem;font-weight:700}.console-toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.console-search{flex:1 1;min-width:180px}.console-search,.console-sort{padding:.4rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:.82rem}.console-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.console-table-head,.console-table-row{display:grid;grid-template-columns:minmax(180px,2fr) 84px 1fr 1fr 1.6fr;grid-gap:.75rem;gap:.75rem;align-items:center;padding:.65rem .9rem}.console-table-head{color:var(--text-muted);font-size:.72rem;font-weight:700}.console-table-row{border-top:1px solid var(--border);font-size:.82rem}.console-table-row:hover{background:var(--bg-card)}.console-table-title{display:flex;align-items:center;gap:.4rem;font-weight:600}.console-cell-meta small,.console-table-title small{display:block;color:var(--text-muted);font-size:.7rem;font-weight:400}.console-cell-num{display:flex;flex-direction:column;color:var(--text-secondary)}.console-cell-down{color:var(--success)}.console-cell-meta{color:var(--text-secondary)}.console-expire{color:var(--warning)}.console-expire-safe{color:var(--text-muted);display:block}.console-table-actions{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.console-table-actions .btn{white-space:nowrap}.console-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;line-height:0}.console-icon-btn svg{display:block}.console-badge{padding:0 .5rem;font-size:.68rem;font-weight:700;background:var(--bg-secondary);color:var(--text-secondary)}.console-badge-opt{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.console-btn-danger{color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,transparent)}.console-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.console-pagination button{padding:.35rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.82rem}.console-pagination button:disabled{opacity:.4;cursor:default}.console-empty{background:var(--bg-secondary);border:1px dashed var(--border);padding:2rem;text-align:center;color:var(--text-secondary);font-size:.85rem}.console-empty,.console-skel{border-radius:var(--radius-md)}.console-skel{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:console-shimmer 1.2s infinite}@keyframes console-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.console-back{margin-bottom:.75rem}.console-back a{color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:600}.console-back a:hover{color:var(--accent)}.console-detail-head{margin-bottom:1.25rem}.console-detail-head h1{margin:0;font-size:1.4rem;font-weight:800}.console-detail-actions{margin-top:.9rem;display:flex;gap:.5rem}.console-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.console-summary{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.8rem 1rem;display:flex;flex-direction:column;gap:.15rem}.console-summary small{color:var(--text-muted);font-size:.72rem}.console-summary strong{font-size:1.1rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.console-code,.console-diff{font-size:12px;line-height:1.5;margin:0;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem}.console-diff-line{white-space:pre-wrap}.console-diff-line.is-add{background:color-mix(in srgb,var(--success) 14%,transparent)}.console-diff-line.is-del{background:color-mix(in srgb,var(--error) 14%,transparent);text-decoration:line-through;color:var(--text-secondary)}.console-auth{min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--bg-primary)}.console-auth-card{max-width:360px;text-align:center}.console-auth-card h1{font-size:1.25rem;margin:0 0 .4rem}.console-auth-card p{color:var(--text-secondary);font-size:.85rem;margin:0 0 1.25rem}.console-auth-actions{display:flex;gap:.5rem;justify-content:center}.console-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:60;display:flex}.console-drawer{width:280px;max-width:85vw;background:var(--bg-secondary);position:relative}.console-drawer .console-sidebar{width:100%;border-right:none}.console-drawer-close{position:absolute;top:.6rem;right:.6rem;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--text-secondary);font-size:18px;cursor:pointer;z-index:2}@media (max-width:900px){.console-sidebar:not(.is-mobile){display:none}.console-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--bg-primary);z-index:10}.console-mobile-brand{font-weight:800;font-size:13px}.console-burger{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .5rem;color:var(--text-primary);cursor:pointer}.console-content{padding:1.25rem 1rem 3rem}.console-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.console-table-head{display:none}.console-table-row{grid-template-columns:1fr;gap:.4rem;padding:.8rem}.console-table-actions{justify-content:flex-start}}@media (max-width:560px){.console-stats,.console-status-grid{grid-template-columns:1fr}}.ws-header-task{display:inline-flex;height:30px;align-items:center;gap:7px;flex:none;padding:0 5px 0 10px;border:1px solid color-mix(in srgb,#0ea5e9 26%,var(--border,#e5e7eb));border-radius:999px;color:#0369a1;background:color-mix(in srgb,#0ea5e9 7%,var(--bg-card,#fff));font-size:11px;font-weight:650;white-space:nowrap}.ws-header-task button{height:22px;padding:0 7px;border:0;border-radius:999px;color:inherit;background:rgba(14,165,233,.1);font:inherit;cursor:pointer}.ws-ai-status{position:relative;flex:none}.ws-ai-status .snipix-ai-btn.is-running{border-color:color-mix(in srgb,#0ea5e9 42%,var(--border));color:#0369a1;background:color-mix(in srgb,#0ea5e9 8%,var(--bg-card))}.ws-ai-status .snipix-ai-btn.is-ready{border-color:color-mix(in srgb,#16a34a 40%,var(--border));color:#15803d;background:color-mix(in srgb,#16a34a 7%,var(--bg-card))}.ws-ai-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#0ea5e9;box-shadow:0 0 0 4px rgba(14,165,233,.12);animation:ws-ai-run-pulse .9s ease-in-out infinite alternate}.ws-ai-popover{position:absolute;z-index:90;top:calc(100% + 9px);right:0;display:grid;width:min(410px,calc(100vw - 32px));max-height:min(430px,calc(100dvh - 88px));overflow:auto;border:1px solid var(--border,#e5e7eb);border-radius:13px;color:var(--text-primary,#111827);background:var(--bg-card,#fff);box-shadow:0 20px 48px rgba(17,24,39,.16),0 2px 8px rgb(17 24 39/8%);text-align:left}.ws-ai-popover>footer,.ws-ai-popover>header{display:flex;align-items:center;gap:8px;padding:12px 14px}.ws-ai-popover>header{justify-content:space-between;border-bottom:1px solid var(--border,#e5e7eb)}.ws-ai-popover>header>strong{font-size:13px}.ws-ai-popover>header>span{color:var(--text-muted,#64748b);font-size:11px;font-weight:650}.ws-ai-popover>header>span.is-generating,.ws-ai-popover>header>span.is-preparing,.ws-ai-popover>header>span.is-queued,.ws-ai-popover>header>span.is-restoring,.ws-ai-popover>header>span.is-running,.ws-ai-popover>header>span.is-stopping{color:#0284c7}.ws-ai-popover>header>span.is-ready{color:#15803d}.ws-ai-popover-body{display:grid;grid-template-columns:1fr auto;grid-gap:9px 10px;gap:9px 10px;padding:14px}.ws-ai-popover-body>.ws-ai-lock-note,.ws-ai-popover-body>dl,.ws-ai-popover-body>p,.ws-ai-popover-body>strong{grid-column:1/-1}.ws-ai-popover-body>strong{font-size:12px;font-weight:650}.ws-ai-popover-body>p{margin:0;color:var(--text-muted,#64748b);font-size:11px;line-height:1.55}.ws-ai-progress{width:100%;height:4px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,#0ea5e9 14%,var(--border,#e5e7eb))}.ws-ai-progress i{display:block;height:100%;border-radius:inherit;background:#0ea5e9;transition:width .24s ease}.ws-ai-progress-value{color:var(--text-muted,#64748b);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ws-ai-popover-body dl{display:grid;grid-gap:5px;gap:5px;margin:2px 0 0}.ws-ai-popover-body dl>div{display:flex;justify-content:space-between;gap:16px}.ws-ai-popover-body dt{color:var(--text-muted,#64748b);font-size:11px}.ws-ai-popover-body dd{margin:0;color:var(--text-primary,#111827);font-size:11px;font-weight:650}.ws-ai-lock-note{padding:8px 9px;border-radius:7px;color:#854d0e;background:#fef9c3;font-size:11px;line-height:1.45}.ws-ai-run-actions{justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--border,#e5e7eb)}.ai-insp.is-disabled{opacity:.68;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes ws-ai-run-pulse{0%{transform:scale(.9);box-shadow:0 0 0 3px rgba(14,165,233,.1)}to{transform:scale(1.08);box-shadow:0 0 0 7px rgba(14,165,233,.18)}}@media (prefers-reduced-motion:reduce){.ws-ai-status-dot,.ws-toast{animation:none!important}.ws-ai-progress i{transition:none!important}}@media (max-width:720px){.ws-header-task{display:none}.ws-ai-popover{position:fixed;top:72px;right:10px;left:10px;width:auto}}.console{min-height:100vh;gap:8px}.console,.console-sidebar{padding:8px;background:var(--bg-secondary)}.console-sidebar{width:280px;height:calc(100vh - 16px);top:8px;gap:12px;border:0;border-radius:var(--radius-lg,14px);transition:width .18s ease,padding .18s ease}.console-brand{min-height:48px;padding:8px 10px;overflow:hidden}.console-brand-logo{height:25px;max-width:132px}.console-nav-section{display:flex;flex-direction:column;gap:4px}.console-nav-label{min-height:24px;padding:5px 10px;color:var(--text-muted);font-size:11px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.console-nav{gap:2px}.console-nav a{min-height:36px;gap:10px;padding:7px 10px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);font-size:13px;font-weight:550;white-space:nowrap}.console-nav a svg{flex:0 0 18px}.console-nav a.is-active,.console-nav a:hover{background:var(--bg-card)}.console-nav a.is-active{box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 6%,transparent),inset 0 0 0 1px var(--border)}.console-nav-links{margin-top:auto}.console-sidebar-footer{margin-top:0;gap:4px;padding:8px 0 0}.console-user{min-height:44px;gap:9px;padding:6px 8px;border-radius:var(--radius-sm,8px)}.console-avatar{width:32px;height:32px}.console-user-text{flex:1 1}.console-user-text strong{font-size:12px}.console-user-text small{font-size:10px}.console-logout{min-height:32px;padding:6px 10px;font-weight:550}.console-main{min-height:calc(100vh - 16px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg,14px);background:var(--bg-primary);box-shadow:0 1px 3px color-mix(in srgb,var(--text-primary) 5%,transparent)}.console-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;height:52px;flex:0 0 52px;align-items:center;gap:8px;padding:0 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.console-header h1{margin:0;font-size:14px;font-weight:650;letter-spacing:-.01em}.console-sidebar-trigger{display:inline-grid;width:30px;height:30px;place-items:center;margin-left:-8px;padding:0;border:0;border-radius:var(--radius-sm,8px);color:var(--text-secondary);background:transparent;cursor:pointer}.console-sidebar-trigger:hover{color:var(--text-primary);background:var(--bg-secondary)}.console-header-separator{width:1px;height:16px;margin:0 4px;background:var(--border)}.console-header-action{display:inline-flex;min-height:30px;align-items:center;justify-content:center;margin-left:auto;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm,8px);color:var(--text-primary);background:var(--bg-card);font-size:12px;font-weight:600;text-decoration:none}.console-header-action:hover{border-color:var(--accent);color:var(--accent)}.console-content{width:100%;max-width:none;margin:0;padding:24px 24px 56px}.console-page,.dashboard{width:100%;max-width:1440px;margin:0 auto}.dashboard{padding:0}.console-page-head,.dashboard-head{min-height:54px;margin-bottom:20px}.console-page-head h1,.dashboard-head h1{margin:0;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:700;letter-spacing:-.025em}.console-page-desc,.console-page-head>p,.dashboard-sub{max-width:720px;margin:5px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55}.console-overview-toolbar{margin-bottom:12px}.console-stats-head{min-height:36px;margin-bottom:12px}.console-section-head h2,.console-stats-head h2{font-size:14px;font-weight:650}.console-stats,.console-stats-primary,.subscription-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.console-stat,.console-summary,.snipix-stat-card{min-height:128px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md,12px);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--bg-card)),var(--bg-card));box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 5%,transparent)}.console-stat-label,.snipix-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.console-stat-value,.snipix-stat-value{margin-top:8px;font-size:clamp(1.65rem,2.5vw,2rem);font-weight:700;letter-spacing:-.03em}.console-stat-hint,.snipix-stat-hint{margin-top:auto;padding-top:10px;color:var(--text-muted);font-size:11px;line-height:1.4}.console-section,.dashboard-section{margin-top:24px}.console-section-head,.dashboard-section-head{margin-bottom:12px}.console-chart,.dashboard-trend-wrap{padding:18px 16px 12px;border:1px solid var(--border);border-radius:var(--radius-md,12px);background:var(--bg-card);box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 4%,transparent)}.console-chart{overflow-x:auto}.console-legend{margin:10px 4px 0}.console-seg{gap:2px;padding:3px;border-radius:var(--radius-sm,8px);background:var(--bg-secondary)}.console-seg button{min-height:28px;padding:4px 10px;border-radius:calc(var(--radius-sm, 8px) - 2px);font-size:12px;font-weight:550}.console-recent{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md,12px);background:var(--bg-card)}.console-recent-row{min-height:62px;padding:10px 14px}.console-recent-title{font-size:13px;font-weight:650}.console-recent-meta{font-size:11px}.console-toolbar{gap:8px;margin-bottom:12px;padding:0}.console-search,.console-sort{min-height:36px;padding:7px 10px;border-radius:var(--radius-sm,8px);font-size:12px;outline:none}.console-search:focus,.console-sort:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.console-table{border-radius:var(--radius-md,12px);background:var(--bg-card);box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 4%,transparent)}.console-table-head,.console-table-row{min-height:48px;padding:10px 14px}.console-table-head{background:var(--bg-secondary);font-size:11px}.console-table-row{font-size:12px}.console-table-row:hover{background:color-mix(in srgb,var(--bg-secondary) 68%,transparent)}.console-icon-btn{min-width:30px;min-height:30px;padding:6px}.console-badge{display:inline-flex;min-height:22px;align-items:center;border:1px solid var(--border);border-radius:999px}.console-auth-card,.console-empty{border:1px dashed var(--border);border-radius:var(--radius-md,12px);background:var(--bg-card)}.console-auth-card{padding:28px}.console-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.console-detail-head h1{font-size:1.5rem;font-weight:700}.console-detail-actions{margin-top:0}.console-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.console-summary{min-height:96px}.console-summary strong{margin-top:6px;font-size:1.35rem}.console-code,.console-diff{padding:16px;border-radius:var(--radius-md,12px);background:var(--bg-card)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.media-card{border-radius:var(--radius-md,12px);box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 4%,transparent);transition:transform .16s ease,box-shadow .16s ease}.media-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 8%,transparent)}.media-card-info{gap:5px;padding:12px}.media-card-info strong{font-size:13px}.media-card-info>span{font-size:11px}.media-card-actions{margin-top:6px}.subscription-status-grid .snipix-stat-card{display:flex;flex-direction:column}.subscription-actions{margin-top:16px}@media (min-width:901px){.console.is-sidebar-collapsed>.console-sidebar{width:64px;padding-inline:6px}.console.is-sidebar-collapsed>.console-sidebar .console-brand{justify-content:center;padding-inline:4px}.console.is-sidebar-collapsed>.console-sidebar .console-brand-logo{width:34px;max-width:34px;object-fit:cover;object-position:left}.console.is-sidebar-collapsed>.console-sidebar .console-logout,.console.is-sidebar-collapsed>.console-sidebar .console-nav a span,.console.is-sidebar-collapsed>.console-sidebar .console-nav-label,.console.is-sidebar-collapsed>.console-sidebar .console-user-text{display:none}.console.is-sidebar-collapsed>.console-sidebar .console-nav a{justify-content:center;padding-inline:8px}.console.is-sidebar-collapsed>.console-sidebar .console-user{justify-content:center;padding-inline:4px}}@media (max-width:1180px){.console-stats,.console-stats-primary,.console-summary-grid,.subscription-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.console{gap:0;padding:0;background:var(--bg-primary)}.console-main{min-height:100vh;border:0;border-radius:0;box-shadow:none}.console-header{height:50px;flex-basis:50px;padding:0 16px}.console-sidebar:not(.is-mobile){display:none}.console-drawer{width:280px;background:var(--bg-secondary)}.console-drawer .console-sidebar{height:100vh;top:0;border-radius:0}.console-content{padding:20px 16px 48px}.console-table-head{display:none}.console-table-row{grid-template-columns:1fr;gap:5px;padding:12px}.console-table-actions{justify-content:flex-start}.console-detail-head{flex-direction:column}}@media (max-width:620px){.console-header-action{display:none}.console-page-head,.dashboard-head{margin-bottom:16px}.console-stats-head{align-items:flex-start;flex-direction:column}.console-stats,.console-stats-primary,.console-summary-grid,.subscription-status-grid{grid-template-columns:1fr;gap:10px}.console-stat,.snipix-stat-card{min-height:112px;padding:16px}.console-seg{max-width:100%;overflow-x:auto}.console-seg button{white-space:nowrap}.console-toolbar{align-items:stretch;flex-direction:column}.console-search,.console-sort{width:100%}.console-recent-row{align-items:flex-start;flex-direction:column}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card-actions{flex-wrap:wrap}}@media (max-width:420px){.media-grid{grid-template-columns:1fr}}