:root{--brand:#14a3a3;--brand-contrast:#fff;--bg:#121618;--frame:#1a1f22;--panel:#1f2528;--panel-2:#262d31;--panel-3:#2e363b;--border:#323b40;--text:#e9edef;--text-2:#b8c2c7;--muted:#84919a;--danger:#e5484d;--warning:#e0a326;--success:#33b27b;--lvl-normal:#33b27b;--lvl-mild:#d6a21e;--lvl-moderate:#e57a2c;--lvl-severe:#e5484d;--radius:10px;--radius-sm:6px;--shadow:0 10px 30px #00000059;--font:"Segoe UI", system-ui, -apple-system, "Noto Sans", "Noto Sans Arabic", Roboto, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);margin:0;padding:0}body{min-height:100vh}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:.1px;margin:0;font-weight:600}h1{font-size:22px}h2{font-size:17px}h3{color:var(--text-2);font-size:14px}p{margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::selection{background:color-mix(in srgb, var(--brand) 45%, transparent)}[dir=rtl] .flip{transform:scaleX(-1)}.ss-app{background:radial-gradient(1200px 600px at 50% -10%, color-mix(in srgb, var(--text) 7%, var(--bg)) 0%, var(--bg) 60%);flex-direction:column;min-height:100vh;display:flex}.ss-topbar{height:var(--topbar-h,52px);background:var(--frame);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:12px;padding:0 18px;display:flex;position:sticky;top:0}.ss-topbar .brand{color:var(--brand);letter-spacing:.4px;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.ss-topbar .brand img{object-fit:contain;max-width:140px;height:30px}.ss-topbar .brand img.pl{height:var(--logo-top-h,30px);max-width:var(--logo-top-w,140px)}.ss-topbar .spacer{flex:1}.ss-iconbtn{width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:inline-grid}.ss-iconbtn:hover{background:var(--panel-2);color:var(--text)}.ss-user{color:var(--text-2);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.ss-user:hover{background:var(--panel-2)}.ss-main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:22px}.ss-main.full{max-width:none;padding:0}.ss-banner{align-items:center;gap:12px;padding:10px 18px;font-size:13px;display:flex}.ss-banner.warn{background:color-mix(in srgb, var(--warning) 18%, var(--frame));color:color-mix(in srgb, var(--warning) 40%, var(--text))}.ss-banner.danger{background:color-mix(in srgb, var(--danger) 18%, var(--frame));color:color-mix(in srgb, var(--danger) 40%, var(--text))}.ss-home{place-items:center;min-height:calc(100vh - 160px);display:grid}.ss-tiles{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.ss-tile{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--border);width:132px;height:132px;color:var(--text-2);cursor:pointer;font:inherit;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:10px;font-size:12.5px;transition:border-color .15s,transform .15s,color .15s;display:flex}.ss-tile:hover{border-color:var(--brand);color:var(--text);transform:translateY(-2px)}.ss-tile svg{width:46px;height:46px;color:var(--brand)}.ss-tile.primary{border-color:color-mix(in srgb, var(--brand) 60%, var(--border))}.ss-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.ss-card.tight{padding:12px}.ss-section-title{color:var(--text);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.ss-section-title:before{content:"";background:var(--brand);border-radius:2px;width:3px;height:14px}.ss-row{align-items:center;gap:12px;display:flex}.ss-col{flex-direction:column;gap:12px;display:flex}.ss-grow{flex:1;min-width:0}.ss-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ss-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ss-muted{color:var(--muted)}.ss-small{font-size:12px}.ss-divider{background:var(--border);height:1px;margin:12px 0}.ss-page-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ss-page-head .ss-grow h1+p{margin-top:2px}@media (max-width:900px){.ss-grid-2,.ss-grid-3{grid-template-columns:1fr}.ss-main{padding:14px}}.ss-btn{border:1px solid var(--border);background:var(--panel-2);height:36px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:filter .15s,background .15s,border-color .15s;display:inline-flex}.ss-btn:hover:not(:disabled){border-color:var(--muted)}.ss-btn:disabled{opacity:.45;cursor:not-allowed}a.ss-btn{text-decoration:none}.ss-btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.ss-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.ss-btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.ss-btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.ss-btn.ghost:hover:not(:disabled){background:var(--panel-2);border-color:#0000}.ss-btn.outline{border-color:var(--brand);color:var(--brand);background:0 0}.ss-btn.pill{border-radius:999px}.ss-btn.sm{height:28px;padding:0 10px;font-size:12px}.ss-btn.lg{height:44px;padding:0 22px;font-size:14px}.ss-btn.block{width:100%}.ss-btn svg{width:16px;height:16px}.ss-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ss-spin}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss-field{grid-template-columns:140px 1fr;align-items:center;gap:6px 14px;display:grid}.ss-field.stack{grid-template-columns:1fr}.ss-field>label{color:var(--text-2);font-size:13px}.ss-field>label .req{color:var(--danger);margin-inline-end:6px}.ss-field .hint,.ss-field .error{grid-column:2;font-size:12px}.ss-field.stack .hint,.ss-field.stack .error{grid-column:1}.ss-field .hint{color:var(--muted)}.ss-field .error{color:#ff9b9e}.ss-input,.ss-select,.ss-textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);width:100%;height:38px;color:var(--text);font:inherit;padding:0 12px}.ss-textarea{resize:vertical;height:auto;min-height:90px;padding:10px 12px}.ss-input::placeholder,.ss-textarea::placeholder{color:#6c787f}.ss-input:focus,.ss-select:focus,.ss-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent);outline:none}.ss-input[aria-invalid=true]{border-color:var(--danger)}.ss-input.code{letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums;height:52px;font-size:22px}.ss-pills{flex-wrap:wrap;gap:8px;display:inline-flex}.ss-pill{border:1px solid var(--border);background:var(--panel-2);height:32px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.ss-pill[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.ss-check{color:var(--text-2);align-items:flex-start;gap:10px;font-size:13px;display:flex}.ss-check input{accent-color:var(--brand);margin-top:3px}.ss-form{flex-direction:column;gap:14px;display:flex}.ss-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.ss-actions.center{justify-content:center}.ss-color{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);width:52px;height:38px;padding:3px}.ss-auth{background:radial-gradient(900px 500px at 50% 0%, color-mix(in srgb, var(--text) 7%, var(--bg)) 0%, var(--bg) 65%);place-items:center;min-height:100vh;padding:24px;display:grid}.ss-auth-box{flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.ss-auth-logo{place-items:center;margin-bottom:10px;display:grid}.ss-auth-logo .mark{border:2px solid var(--brand);width:92px;height:92px;color:var(--brand);letter-spacing:2px;place-items:center;font-size:34px;font-weight:300;display:grid}.ss-auth-logo img{max-width:240px;max-height:90px}.ss-auth-logo img.pl{max-height:var(--logo-auth-h,90px);max-width:var(--logo-auth-w,240px)}.ss-auth-logo .name{color:var(--brand);letter-spacing:3px;text-transform:uppercase;margin-top:8px;font-size:11px}.ss-iconinput{position:relative}.ss-iconinput svg{inset-inline-start:12px;width:16px;height:16px;color:var(--muted);position:absolute;top:50%;transform:translateY(-50%)}.ss-iconinput .ss-input{padding-inline-start:38px}.ss-auth .links{justify-content:space-between;font-size:13px;display:flex}.ss-table-wrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);overflow:auto}.ss-table{border-collapse:collapse;width:100%;font-size:13px}.ss-table th{text-align:start;color:var(--text-2);background:var(--panel-2);white-space:nowrap;padding:10px 14px;font-weight:600;position:sticky;top:0}.ss-table td{border-top:1px solid var(--border);color:var(--text);padding:10px 14px}.ss-table tr.clickable{cursor:pointer}.ss-table tr.clickable:hover td{background:color-mix(in srgb, var(--brand) 8%, transparent)}.ss-table tr.selected td{background:color-mix(in srgb, var(--brand) 16%, transparent)}.ss-table .num{text-align:end;font-variant-numeric:tabular-nums}.ss-link{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ss-link.danger{color:#ff8f93}.ss-badge{background:var(--panel-3);height:22px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.ss-badge.brand{background:color-mix(in srgb, var(--brand) 22%, transparent);color:color-mix(in srgb, var(--brand) 70%, white)}.ss-badge.ok{background:color-mix(in srgb, var(--success) 22%, transparent);color:#8ee6bc}.ss-badge.warn{background:color-mix(in srgb, var(--warning) 22%, transparent);color:#ffd98c}.ss-badge.danger{background:color-mix(in srgb, var(--danger) 22%, transparent);color:#ffadb0}.lvl-NORMAL{--lvl:var(--lvl-normal)}.lvl-MILD{--lvl:var(--lvl-mild)}.lvl-MODERATE{--lvl:var(--lvl-moderate)}.lvl-SEVERE{--lvl:var(--lvl-severe)}.ss-level{color:var(--lvl);align-items:center;gap:6px;font-weight:600;display:inline-flex}.ss-level:before{content:"";background:var(--lvl);border-radius:50%;width:8px;height:8px}.ss-levelbar{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.ss-levelbar span{background:var(--panel-3);border-radius:3px;height:6px}.ss-levelbar span.on{background:var(--lvl)}.ss-levelbar-labels{color:var(--muted);grid-template-columns:repeat(4,1fr);gap:3px;margin-top:3px;font-size:10.5px;display:grid}.ss-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050809a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ss-modal{background:var(--frame);border:1px solid var(--border);width:100%;max-width:560px;max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:14px;padding:22px 26px;position:relative;overflow:auto}.ss-modal.wide{max-width:820px}.ss-modal h2{text-align:center;margin-bottom:18px;font-size:19px;font-weight:500}.ss-modal .close{top:12px;position:absolute;inset-inline-end:12px}.ss-toasts{top:64px;z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;inset-inline-end:18px}.ss-toast{background:var(--panel-2);border:1px solid var(--border);min-width:260px;max-width:380px;box-shadow:var(--shadow);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.ss-toast.ok{border-color:color-mix(in srgb, var(--success) 60%, var(--border))}.ss-toast.error{border-color:color-mix(in srgb, var(--danger) 60%, var(--border))}.ss-toast svg{flex:none;width:18px;height:18px}.ss-toast.ok svg{color:var(--success)}.ss-toast.error svg{color:var(--danger)}.ss-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.ss-tab{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:600}.ss-tab[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.ss-sidenav{flex-direction:column;gap:2px;display:flex}.ss-sidenav button,.ss-sidenav a{text-align:start;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 12px;font-size:13px;text-decoration:none}.ss-sidenav button:hover,.ss-sidenav a:hover{background:var(--panel-2)}.ss-sidenav [aria-current=page],.ss-sidenav [aria-current=true]{background:var(--brand);color:var(--brand-contrast);font-weight:600}.ss-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.ss-empty>svg{width:120px;height:100px}.ss-ring{width:180px;height:180px;position:relative}.ss-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ss-ring .value{color:var(--text);place-items:center;font-size:30px;font-weight:600;display:grid;position:absolute;inset:0}.ss-ring-glow{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--brand) 60%, transparent))}.ss-progress{background:var(--panel-3);border-radius:3px;height:6px;overflow:hidden}.ss-progress>span{background:var(--brand);height:100%;transition:width .4s;display:block}.ss-capture{height:calc(100dvh - var(--topbar-h,52px));grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(260px,27vw,340px) minmax(0,1fr);display:grid;overflow:hidden}.ss-capture-panel{background:var(--frame);border-inline-end:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.ss-capture-panel .scroll{flex-direction:column;flex:1;gap:clamp(6px,1.2vh,12px);min-height:0;padding:clamp(6px,1.2vh,12px);display:flex;overflow:hidden}.ss-capture-panel .scroll>.ss-guide.grow{background:#0b0e10;flex:1 1 0;min-height:0;margin:0}.ss-capture-panel .scroll>.ss-guide.grow .ss-guide-map{width:100%;height:100%;position:absolute;inset:0}.ss-capture-panel .scroll>.ss-guide.grow.photo img{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ss-guide-map .gm-label{fill:#fff;paint-order:stroke;stroke:#000000bf;stroke-width:4px;font-size:21px;font-weight:700}.ss-guide-map .gm-label.on{fill:var(--brand);stroke:#fff}.ss-capture-panel .ss-slot{aspect-ratio:auto;height:clamp(38px,8.5vh,84px)}.ss-capture-panel .ss-slots{gap:clamp(4px,.9vh,8px);padding:clamp(4px,.9vh,8px)}.ss-capture-panel .ss-mag-head{padding:clamp(4px,.8vh,7px) 10px}.ss-capture-panel .ss-mag-head .ss-grow{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (max-height:720px){.ss-capture-panel .legend{display:none}}@media (max-height:560px){.ss-capture-panel .ss-guide{display:none}}.ss-mag-group{background:var(--panel);border-radius:8px;overflow:hidden}.ss-mag-head{color:var(--text-2);background:var(--panel-3);align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.ss-mag-group.active .ss-mag-head{background:var(--brand);color:var(--brand-contrast)}.ss-slots{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.ss-slot{aspect-ratio:4/3;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);cursor:pointer;font:inherit;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:10.5px;display:flex;position:relative;overflow:hidden}.ss-slot svg{width:20px;height:20px;color:var(--brand)}.ss-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ss-slot .tag{bottom:0;color:#fff;text-align:center;background:#0009;padding:1px 0;font-size:10px;position:absolute;inset-inline:0}.ss-slot.required:after{content:"";top:4px;background:var(--warning);border-radius:50%;width:6px;height:6px;position:absolute;inset-inline-end:4px}.ss-slot.done:after{background:var(--success)}.ss-slot[aria-pressed=true]{border:2px solid var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent)}.ss-capture-view{background:#070909;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.ss-capture-view .stage{flex:1 1 0;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.ss-capture-view .stage>img,.ss-capture-view .stage>video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ss-capture-bar{flex:none}.ss-capture-view .hud{top:12px;gap:8px;display:flex;position:absolute;inset-inline-start:12px}.ss-capture-bar{background:var(--frame);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.ss-capture-bar .ss-btn{min-width:130px}@media (max-width:700px){.ss-capture{grid-template-rows:none;grid-template-columns:1fr;height:auto;overflow:visible}.ss-capture-panel .scroll{overflow:visible}.ss-capture-view .stage{min-height:300px}}.ss-result{height:calc(100vh - var(--topbar-h,52px));grid-template-columns:210px 170px 1fr 330px;display:grid}.ss-result>*{min-height:0}.ss-result-nav{background:var(--frame);border-inline-end:1px solid var(--border);flex-direction:column;gap:14px;padding:14px 10px;display:flex}.ss-result-nav .who{padding:0 4px}.ss-result-nav .who b{font-size:14px;display:block}.ss-thumbs{background:var(--frame);border-inline-end:1px solid var(--border);flex-direction:column;gap:10px;padding:10px;display:flex;overflow:auto}.ss-thumb{border:1px solid var(--border);cursor:pointer;background:var(--panel);color:var(--text-2);font:inherit;text-align:center;border-radius:8px;padding:0;overflow:hidden}.ss-thumb img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.ss-thumb span{padding:4px;font-size:11px;display:block}.ss-thumb[aria-pressed=true]{border:2px solid var(--brand)}.ss-viewer{background:#070909;flex-direction:column;min-width:0;display:flex}.ss-viewer .title{text-align:center;color:var(--text-2);padding:10px;font-size:13px}.ss-viewer .stage{flex:1;place-items:center;padding:10px;display:grid;overflow:hidden}.ss-viewer .stage img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.ss-panel{background:var(--frame);border-inline-start:1px solid var(--border);flex-direction:column;gap:14px;padding:14px;display:flex;overflow:auto}.ss-score{align-items:center;gap:14px;display:flex}.ss-score .big{color:var(--brand);font-size:40px;font-weight:700;line-height:1}.ss-indicator{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.ss-indicator[aria-pressed=true]{border-color:var(--brand)}.ss-cases{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ss-case{border:1px solid var(--border);cursor:pointer;background:var(--panel-2);font:inherit;color:var(--text-2);border-radius:6px;padding:0;overflow:hidden}.ss-case img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.ss-case span{padding:3px;font-size:10px;display:block}.ss-case[aria-pressed=true]{border:2px solid var(--brand)}.ss-product{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.ss-product .img{background:#fff;border-radius:6px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.ss-product .img img{object-fit:contain;width:100%;height:100%}@media (max-width:1200px){.ss-result{grid-template-columns:180px 1fr 320px}.ss-thumbs{display:none}}@media (max-width:900px){.ss-result{grid-template-columns:1fr;height:auto}.ss-viewer .stage{min-height:280px}}.ss-exams{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:640px){.ss-exams{grid-template-columns:1fr}}.ss-exam{border:2px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;text-align:start;cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:10px;display:flex;position:relative}.ss-exam img{aspect-ratio:16/10;object-fit:cover;border-radius:10px;width:100%}.ss-exam .body{flex-direction:column;gap:4px;display:flex}.ss-exam.on{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 30%, transparent)}.ss-exam .check{top:18px;color:#fff;background:#0000008c;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid;position:absolute;inset-inline-end:18px}.ss-exam.on .check{background:var(--brand)}.ss-guide{border-radius:8px;margin:8px 8px 0;position:relative;overflow:hidden}.ss-guide img{aspect-ratio:16/10;object-fit:cover;border-radius:8px;width:100%;display:block}.ss-guide figcaption{top:8px;color:#fff;text-shadow:0 1px 3px #000c;font-size:13px;font-weight:600;position:absolute;inset-inline-start:10px}.ss-areas{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:720px){.ss-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}.ss-area{border:2px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;text-align:start;cursor:pointer;border-radius:14px;flex-direction:column;gap:8px;padding:10px;transition:border-color .15s,transform .15s;display:flex}.ss-area:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 60%, var(--border))}.ss-area.on{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 30%, transparent)}.ss-area.done{opacity:.55;cursor:default}.ss-area .head{align-items:center;gap:8px;display:flex}.ss-area .num{background:color-mix(in srgb, var(--brand) 75%, #000);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.ss-area.on .num{background:var(--brand)}.ss-area .name{font-weight:600}.ss-area img{aspect-ratio:10/9;object-fit:cover;border-radius:10px;width:100%;display:block}.ss-split{grid-template-columns:1fr 340px;gap:16px;display:grid}@media (max-width:1100px){.ss-split{grid-template-columns:1fr}}.ss-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ss-toolbar .ss-input{max-width:320px}.ss-public{--bg:#f4f6f7;--panel:#fff;--panel-2:#f2f5f6;--panel-3:#e4e9ec;--border:#e1e6e9;--text:#1d2327;--text-2:#3a4449;--muted:#6b777e;--frame:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--text);min-height:100vh}.ss-public .wrap{flex-direction:column;gap:16px;max-width:860px;margin:0 auto;padding:24px 18px 60px;display:flex}.ss-public header{border-bottom:4px solid var(--brand);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.ss-public header img{max-width:200px;max-height:56px}.ss-photo-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ss-photo-grid figure{margin:0}.ss-photo-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%;display:block}.ss-photo-grid figcaption{color:var(--muted);text-align:center;margin-top:3px;font-size:11px}@media (max-width:640px){.ss-photo-grid{grid-template-columns:repeat(2,1fr)}}.ss-kbd{background:var(--panel-3);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.ss-code{background:var(--panel-2);border:1px solid var(--border);white-space:pre-wrap;word-break:break-all;border-radius:6px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;overflow-x:auto}.ss-qr{background:#fff;border-radius:8px;padding:10px;display:inline-block}.ss-chart{width:100%;height:180px}.ss-chart .axis{stroke:var(--border)}.ss-chart .line{fill:none;stroke:var(--brand);stroke-width:2.5px}.ss-chart .dot{fill:var(--brand)}.ss-chart text{fill:var(--muted);font-size:10px}.ss-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.ss-slot.bad{outline-offset:-2px;outline:2px solid #ff6b6b}.ss-slot.bad:after{content:"!";top:4px;color:#111;text-align:center;background:#ff6b6b;border-radius:50%;width:16px;height:16px;font:700 11px/16px system-ui;position:absolute;inset-inline-start:6px}.ss-lock{background:var(--panel-3);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:inline-flex}.ss-lock a{color:var(--brand);font-weight:600}.ss-locked-box{border:1px dashed var(--border);background:var(--panel-2);border-radius:10px;padding:14px}.ss-env-band{z-index:1000;pointer-events:none;color:#fff;letter-spacing:.08em;background:#d97706;border-radius:0 0 8px 8px;padding:5px 14px;font:700 11px/1 system-ui,sans-serif;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}html:has(.ss-env-band) body{box-shadow:inset 0 3px #d97706}