.pic-tool{--p:#0b1a10;--p2:#0f2015;--l:#1c4c2d;--l2:#28663c;--g:#39ff88;--t:#e4f3e8;--m:#86a38e;--s:#b7cbbc;max-width:1200px;margin:auto;color:var(--t);font-family:ui-monospace,"Cascadia Code",monospace}.pic-tool *{box-sizing:border-box}.pic-tool .hidden{display:none!important}.pic-tool button,.pic-tool select,.pic-tool input{font:inherit}.pic-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:end}.pic-eyebrow{margin:0 0 8px;color:var(--g);font-size:.72rem;letter-spacing:.17em}.pic-intro h1{margin:0;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.9}.pic-intro>p{color:var(--s);line-height:1.7}.pic-privacy{display:flex;gap:16px;padding:16px 20px;margin:24px 0;border:1px solid var(--l2);border-left:4px solid var(--g);background:var(--p)}.pic-privacy span{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid var(--g);border-radius:50%;color:var(--g)}.pic-privacy p{margin:5px 0 0;color:var(--m);font-size:.78rem}.pic-console{padding:24px;border:1px solid var(--l);background:var(--p)}.pic-console>label{display:block;margin-bottom:9px;color:var(--s)}.pic-input-row{display:grid;grid-template-columns:1fr auto}.pic-input-row input{min-width:0;padding:17px;border:1px solid var(--l2);border-right:0;background:#041009;color:var(--g);font-size:1.08rem;outline:0}.pic-input-row button{padding:0 24px;border:0;background:var(--g);color:#031007;font-weight:800;cursor:pointer}.pic-options{display:flex;align-items:end;gap:14px;margin-top:16px}.pic-options label{display:grid;gap:6px;color:var(--m);font-size:.7rem}.pic-tool select,.pic-quiet,.pic-outline{padding:9px 12px;border:1px solid var(--l2);background:#06120b;color:var(--t)}.pic-quiet{cursor:pointer}.pic-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;color:var(--m);font-size:.7rem}.pic-example{padding:7px 10px;border:1px solid var(--l);background:transparent;color:var(--g);cursor:pointer}.pic-error{margin-top:16px;padding:13px 16px;border:1px solid #713239;background:#37191c;color:#ffb5b7}.pic-result,.pic-history-box{margin-top:30px;border:1px solid var(--l);background:var(--p)}.pic-result-head{display:flex;align-items:end;justify-content:space-between;padding:20px}.pic-result-head h2{margin:0}.pic-outline{background:transparent;color:var(--g);cursor:pointer}.pic-summary{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--l)}.pic-metric{padding:17px;border-right:1px solid var(--l)}.pic-metric strong,.pic-metric span{display:block}.pic-metric strong{font-size:1.15rem;overflow-wrap:anywhere}.pic-metric span{margin-top:5px;color:var(--m);font-size:.65rem}.pic-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.pic-result-grid table{width:100%;border-collapse:collapse}.pic-result-grid th,.pic-result-grid td{padding:12px 16px;border-bottom:1px solid var(--l);text-align:left;font-size:.76rem}.pic-result-grid th{width:38%;color:var(--m)}.pic-result-grid td{color:var(--g)}.pic-result-grid article{padding:20px;border-left:1px solid var(--l);color:var(--s);font-size:.78rem;line-height:1.6}.pic-history-box{padding:20px}.pic-history{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pic-history button{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--l);background:var(--p2);color:var(--t);text-align:left;cursor:pointer}.pic-history button span{color:var(--m);font-size:.68rem}.pic-history>span{color:var(--m);font-size:.75rem}
@media(max-width:900px){.pic-summary{grid-template-columns:repeat(3,1fr)}.pic-result-grid{grid-template-columns:1fr}.pic-result-grid article{border-left:0;border-top:1px solid var(--l)}}
@media(max-width:650px){.pic-intro{display:block}.pic-intro>p{margin-top:20px}.pic-input-row{grid-template-columns:1fr}.pic-input-row input{border-right:1px solid var(--l2)}.pic-input-row button{padding:14px}.pic-options{align-items:stretch;flex-direction:column}.pic-summary,.pic-history{grid-template-columns:1fr 1fr}.pic-result-head{align-items:flex-start;flex-direction:column;gap:14px}}