:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#23342e;background:#f4f6f2;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:224px;background:#153b30;color:#d8e5dc;padding:36px 24px}.brand{font-size:21px;font-weight:650;letter-spacing:-.5px}.brand .ai{color:#cbec9e;margin-left:.25em;font-weight:650}.caption{font-size:9px;letter-spacing:2px;margin-top:12px;color:#a0b6a8}nav{margin-top:60px;display:grid;gap:12px}nav button{text-align:left;background:transparent;color:#c1d3c6;border:0;padding:15px;font-size:14px}nav button.active{background:#2d5144;color:#e3f9c8}.aside-bottom{position:absolute;bottom:30px;line-height:2;color:#b2c6b7}small{color:#829086;font-size:11px;line-height:1.8}main{margin-left:224px;padding:0 40px 40px;max-width:1700px}header{height:84px;border-bottom:1px solid #dee4dc;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#829086}.badge{border:1px solid #d8e0d4;padding:8px 12px;border-radius:30px;font-size:11px;white-space:nowrap}.heading{display:flex;justify-content:space-between;align-items:center;margin:38px 0 30px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#617564}h1{font-size:30px;font-weight:550;letter-spacing:-1px;margin:12px 0}p{color:#7b887e;line-height:1.8}h2{font-size:17px;margin:0 0 22px;display:flex;justify-content:space-between}h2 span{font-size:12px;color:#a3b09f}h3{font-size:14px}.workspace{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(340px,1fr);gap:24px;align-items:start}.card{background:white;border:1px solid #e0e6dc;border-radius:14px;padding:26px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:12px;color:#617164;line-height:1.6}input,select,textarea{display:block;width:100%;border:1px solid #dbe3d8;background:#fafcf8;color:#243a2d;padding:11px;border-radius:6px;margin-top:7px;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #abc798}textarea{resize:vertical;min-height:70px}button{font:inherit;cursor:pointer;border-radius:6px;border:1px solid transparent;padding:11px 17px}button:disabled{opacity:.5;cursor:wait}.primary{background:#214c39;color:white}.secondary{background:#fff;border-color:#d4ddce;color:#3d5744}.textbutton{background:transparent;color:#406945;padding:5px}.inline{display:flex;gap:8px;align-items:center}.inline textarea{flex:1}.subheading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7ece4;margin-top:24px;padding-top:12px}.layer{padding:12px;background:#f6f8f3;border-radius:8px;margin-bottom:12px}.layer .grid{margin:10px 0;gap:8px}.layer-head{display:flex;gap:10px;align-items:center}.layer-head input{margin:0}.check{display:flex;align-items:center;gap:9px;margin:14px 0}.check input{width:15px;height:15px;margin:0}.confirm{background:#f1f6eb;padding:12px;border-radius:6px}.actions{display:flex;gap:10px}details{padding:14px 0;border-top:1px solid #e3e9de}summary{cursor:pointer;color:#617164}#error{color:#af4b36}.empty{text-align:center;padding:55px 32px}.empty h2{display:block}.orb{background:#e6efda;width:66px;height:66px;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;font-size:28px;color:#426743}.note{padding:22px;color:#8a9687;font-size:12px;line-height:1.9}.price-card{background:#183f30;color:#fff}.price-card p{color:#b1c6b5}.price{font-size:48px;letter-spacing:-2px;margin:15px 0}.price small{font-size:12px;color:#b3c9b5;letter-spacing:0}.price-meta{display:flex;justify-content:space-between;border-top:1px solid #44604d;padding-top:16px;font-size:12px;color:#d5e4cf}.status{font-size:11px;padding:6px 9px;border-radius:4px;background:#335a42;display:inline-block}.result-column .card{margin-bottom:18px}.cost-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0e9;font-size:13px}.total{font-weight:650}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric{background:#f4f7ef;padding:14px;border-radius:8px}.metric b{display:block;font-size:19px;margin-top:8px}.warning{color:#956330;background:#fff7e8;padding:14px;border-radius:8px;margin-top:12px;line-height:1.9;font-size:12px}.history-item{padding:20px 0;border-bottom:1px solid #e3e9de}.history-item h3{margin:0}.history-item p{font-size:12px}.history-item details{margin-top:12px}pre{white-space:pre-wrap;word-break:break-all;font-size:11px;max-height:350px;overflow:auto}[hidden]{display:none!important}@media(max-width:1100px){aside{width:180px;padding:30px 18px}main{margin-left:180px;padding:0 22px 30px}.workspace{grid-template-columns:1fr}.heading .badge{display:none}}@media(max-width:650px){aside{position:static;width:auto;padding:20px}.caption,.aside-bottom{display:none}nav{margin-top:18px;display:flex;gap:4px}nav button{padding:9px}main{margin:0;padding:0 16px 25px}header{height:60px}.heading{margin:25px 0}h1{font-size:24px}.workspace{display:block}.card{padding:20px}.three{grid-template-columns:repeat(2,1fr)}.result-column{margin-top:20px}}

#aiParseResult,#explanationText{white-space:pre-line}.inline{flex-wrap:wrap}.inline textarea{min-width:200px}#aiExplanation small{display:block;margin-top:12px}
.cost-stack{display:flex;height:14px;border-radius:8px;overflow:hidden;background:#eef0ec;margin:6px 0 12px;border:1px solid #e0e6dc}.cost-stack .stack-seg{display:block;height:100%;transition:opacity .15s ease}.cost-stack .stack-seg:hover{opacity:.85}.cost-stack-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#617164;margin-bottom:18px;line-height:1.6}.cost-stack-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}

/* ISEE PACK brand tokens, aligned with iseepack.com. */
:root {
  --brand-ink: #18312d;
  --brand-deep: #173c33;
  --brand-hover: #285d4c;
  --brand-leaf: #507d65;
  --brand-lime: #e1f3bc;
  --brand-paper: #f6f7f2;
  --brand-surface: #fff;
  --brand-mist: #edf2e9;
  --brand-line: #dfe6dd;
  --brand-muted: #647568;
  color: var(--brand-ink);
  background: var(--brand-paper);
  font-family: Inter, "Avenir Next", "Helvetica Neue", "PingFang SC", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body { background: var(--brand-paper); min-width: 320px; }
main { background: var(--brand-paper); }
header { color: var(--brand-muted); border-bottom-color: var(--brand-line); }
.brand { color: var(--brand-ink); font-size: 22px; font-weight: 850; letter-spacing: -.08em; line-height: 1; }
.brand .ai { color: var(--brand-leaf); margin-left: .32em; font-weight: 700; letter-spacing: -.04em; }
.caption { color: #668478; font-size: 10px; font-weight: 700; letter-spacing: .19em; }
.eyebrow { color: #668478; font-size: 11px; font-weight: 800; letter-spacing: .19em; }
h1, h2, h3 { color: var(--brand-ink); letter-spacing: -.04em; }
h1 { font-weight: 700; }
h2 { font-weight: 680; }
p, small, .note { color: var(--brand-muted); }
.badge { color: #536d60; background: #fff; border-color: var(--brand-line); font-weight: 600; }
.card { border-color: #d2ddd0; border-radius: 14px; box-shadow: 0 12px 32px #193d3108; }
.layer, .metric { background: #f8faf6; border-radius: 8px; }
label { color: #536d60; font-weight: 550; }
input, select, textarea { background: #fff; border-color: #c8d8c7; border-radius: 5px; color: var(--brand-ink); }
input::placeholder, textarea::placeholder { color: #8a998c; opacity: 1; }
input:focus, select:focus, textarea:focus { outline: 2px solid #a7cfb2; outline-offset: 1px; border-color: var(--brand-leaf); }
button { border-radius: 5px; font-weight: 650; transition: background .18s, border-color .18s, box-shadow .18s, transform .18s; }
button:focus-visible, summary:focus-visible { outline: 2px solid var(--brand-leaf); outline-offset: 2px; }
.primary { background: var(--brand-deep); color: #fff; }
.primary:hover:not(:disabled) { background: var(--brand-hover); transform: translateY(-1px); box-shadow: 0 8px 18px #173c3324; }
.secondary { color: var(--brand-deep); border-color: #c8d8c7; background: #fff; }
.secondary:hover:not(:disabled) { background: #f0f5ed; border-color: var(--brand-leaf); }
.textbutton { color: var(--brand-deep); }
.textbutton:hover:not(:disabled) { color: var(--brand-hover); text-decoration: underline; }
.price-card { background: var(--brand-deep); border-color: var(--brand-deep); }
.price-card h2, .price-card h3 { color: #fff; }
.price-card p, .price-card small { color: #d4e4d9; }
.confirm { background: #edf2e9; }
.orb { color: var(--brand-deep); background: var(--brand-lime); }
.history-item { border-bottom-color: var(--brand-line); }
.history-item:last-child { border-bottom: 0; }
.status { background: #285d4c; }
@media (prefers-reduced-motion: reduce) { button { transition: none; } .primary:hover:not(:disabled) { transform: none; } }