:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eefcf9;background:#090a0c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#090a0c}body{margin:0;min-width:320px;min-height:100vh;background:#090a0c}button,textarea,input{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,3vw,36px);border-bottom:1px solid color-mix(in srgb,#33d6c4 24%,transparent);background:color-mix(in srgb,#090a0c 91%,#111319);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0d2222;color:#33d6c4;font-weight:900;border:1px solid color-mix(in srgb,#33d6c4 38%,transparent)}.brand strong{font-size:15px;line-height:1.1}.topbar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.topbar nav a{padding:8px 10px;border-radius:8px;font-size:13px;color:color-mix(in srgb,#eefcf9 72%,transparent)}.topbar nav a:hover{background:#181d25;color:#eefcf9}.app{width:min(1480px,100%);margin:0 auto;padding:clamp(18px,3vw,34px)}h1{margin:0;font-size:clamp(28px,4.4vw,58px);line-height:.97;letter-spacing:0;max-width:900px}h2{margin:0;font-size:15px;letter-spacing:0}p{margin:0;line-height:1.6;color:color-mix(in srgb,#eefcf9 72%,transparent)}textarea{width:100%;min-height:520px;resize:vertical;border:0;outline:0;padding:18px;color:#eefcf9;background:color-mix(in srgb,#111319 92%,#090a0c);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.panel-title{min-height:54px;display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid color-mix(in srgb,#33d6c4 18%,transparent)}.panel-title svg{color:#33d6c4;flex:0 0 auto}.panel-title button,.file-button{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 11px;border-radius:8px;color:#eefcf9;background:#181d25;border:1px solid color-mix(in srgb,#33d6c4 22%,transparent);font-size:12px;font-weight:760}.file-button input{display:none}.input-card,.result-card,.command-card,.layer-card,.timeline-card,.threat-card{overflow:hidden;border-radius:8px;background:#111319;border:1px solid color-mix(in srgb,#33d6c4 20%,transparent);box-shadow:0 18px 45px color-mix(in srgb,#000 12%,transparent)}.finding{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:12px 15px;border-top:1px solid color-mix(in srgb,#33d6c4 12%,transparent)}.finding svg{margin-top:2px}.finding strong{display:block;font-size:13px;line-height:1.25}.finding p{margin-top:3px;font-size:12px}.finding small{display:inline-block;margin-top:7px;font-size:11px;color:color-mix(in srgb,#eefcf9 56%,transparent)}.finding.pass svg,.stat.pass strong,.score-dial.pass svg{color:#21b26f}.finding.warn svg,.stat.warn strong,.score-dial.warn svg{color:#d98d00}.finding.fail svg,.stat.fail strong,.score-dial.fail svg{color:#ef4056}.finding.info svg,.stat.info strong{color:#33d6c4}.score-dial{min-width:170px;aspect-ratio:1;display:grid;place-items:center;gap:0;align-content:center;border-radius:999px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,#33d6c4 28%,transparent),transparent 60%),#111319;border:1px solid color-mix(in srgb,#33d6c4 34%,transparent)}.score-dial svg{width:28px;height:28px;margin-bottom:4px}.score-dial strong{display:block;font-size:52px;line-height:.9}.score-dial span{margin-top:8px;font-size:12px;color:color-mix(in srgb,#eefcf9 68%,transparent)}.stat-row,.tofu-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px 15px}.stat{min-width:0;padding:12px;border-radius:8px;background:#181d25;border:1px solid color-mix(in srgb,#33d6c4 14%,transparent)}.stat span{display:block;font-size:11px;color:color-mix(in srgb,#eefcf9 60%,transparent)}.stat strong{display:block;margin-top:4px;font-size:clamp(18px,3vw,26px);line-height:1;overflow-wrap:anywhere}.command-box{position:relative;min-height:134px;margin:0;padding:18px 52px 18px 18px;white-space:pre-wrap;overflow:auto;color:#eefcf9;background:color-mix(in srgb,#090a0c 70%,#000);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55}.command-box button{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#eefcf9;background:#181d25}.action-brief,.tofu-review,.docker-title,.trace-top,.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.action-brief p,.tofu-review p,.docker-title p,.trace-top p,.prompt-head p{max-width:780px;margin-top:12px;font-size:15px}.action-grid,.tofu-grid,.docker-grid,.trace-grid,.prompt-grid{display:grid;gap:16px;align-items:start}.action-grid{grid-template-columns:minmax(360px,1fr) minmax(420px,.92fr)}.action-app{background-image:linear-gradient(90deg,color-mix(in srgb,#33d6c4 10%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,#33d6c4 8%,transparent) 1px,transparent 1px);background-size:42px 42px}.action-app .command-card{grid-column:2}.tofu-stats{grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin-bottom:16px}.tofu-grid{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr)}.resource-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.resource-pill{padding:13px;border-radius:8px;background:#111319;border-left:5px solid #33d6c4;box-shadow:0 10px 28px color-mix(in srgb,#000 8%,transparent)}.resource-pill strong{display:block;font-size:12px;overflow-wrap:anywhere}.resource-pill span{display:block;margin-top:7px;font-size:11px;color:color-mix(in srgb,#eefcf9 62%,transparent)}.docker-grid{grid-template-columns:minmax(380px,.9fr) minmax(430px,1.1fr)}.docker-app{background-image:linear-gradient(135deg,color-mix(in srgb,#33d6c4 14%,transparent) 0 12px,transparent 12px 30px)}.layer-rail{display:flex;flex-wrap:wrap;gap:8px;padding:15px}.layer-rail span{padding:8px 10px;border-radius:7px;color:#eefcf9;background:linear-gradient(135deg,#181d25,color-mix(in srgb,#33d6c4 18%,#111319));border:1px solid color-mix(in srgb,#33d6c4 28%,transparent);font-size:11px;font-weight:800}.trace-grid{grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr)}.trace-app{background:radial-gradient(circle at 8% 14%,color-mix(in srgb,#33d6c4 22%,transparent),transparent 28%),radial-gradient(circle at 92% 8%,color-mix(in srgb,#ff5ea8 18%,transparent),transparent 24%),#090a0c}.timeline{padding:14px 15px;display:grid;gap:8px}.span-line{display:grid;grid-template-columns:112px 1fr 64px;align-items:center;gap:10px;min-height:34px;font-size:12px}.span-line>span{color:color-mix(in srgb,#eefcf9 68%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.span-line i{display:block;min-width:44px;max-width:100%;padding:6px 8px;border-radius:7px;background:linear-gradient(90deg,#33d6c4,#ff5ea8);color:#050505;font-style:normal;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.span-line.error i{background:linear-gradient(90deg,#ff4668,#ffb84d)}.span-line em{font-style:normal;text-align:right;color:color-mix(in srgb,#eefcf9 72%,transparent)}.prompt-grid{grid-template-columns:minmax(370px,.9fr) minmax(430px,1.1fr)}.prompt-app{background-image:radial-gradient(circle at 15% 20%,color-mix(in srgb,#33d6c4 16%,transparent),transparent 26%),linear-gradient(180deg,#090a0c,color-mix(in srgb,#181d25 45%,#090a0c))}.threat-zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:15px}.threat-zones span{min-height:72px;display:grid;place-items:center;border-radius:8px;color:#eefcf9;background:#181d25;border:1px solid color-mix(in srgb,#33d6c4 22%,transparent);font-weight:850}.prompt-commands{display:grid;gap:10px;background:transparent;border:0;box-shadow:none}.prompt-commands .panel-title,.prompt-commands .command-box{border-radius:8px;background:#111319;border:1px solid color-mix(in srgb,#33d6c4 20%,transparent)}@media(max-width:980px){.topbar,.action-brief,.tofu-review,.docker-title,.trace-top,.prompt-head{align-items:flex-start;flex-direction:column}.topbar nav{justify-content:flex-start}.score-dial{width:min(220px,100%);min-width:0}.action-grid,.tofu-grid,.docker-grid,.trace-grid,.prompt-grid{grid-template-columns:1fr}.action-app .command-card{grid-column:auto}.tofu-stats,.resource-strip,.threat-zones{grid-template-columns:repeat(2,minmax(0,1fr))}textarea{min-height:380px}}@media(max-width:560px){.app{padding:14px}h1{font-size:31px}.stat-row,.tofu-stats,.resource-strip,.threat-zones{grid-template-columns:1fr}.span-line{grid-template-columns:1fr;align-items:start}.span-line i{margin-left:0!important;width:100%!important}.span-line em{text-align:left}}
