@import url('/assets/css/everyday-life-tools.css');
.workspace{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);gap:22px}.panel{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.panel h2,.panel h3{margin-top:0}.stack{display:grid;gap:12px}.mini-form{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.mini-form .wide{grid-column:1/-1}.mini-form label{display:block;font-size:.84rem;font-weight:750}.mini-form input,.mini-form select,.mini-form textarea{width:100%;min-height:44px;margin-top:5px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text)}.mini-form textarea{min-height:82px;resize:vertical}.board{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.board.three{grid-template-columns:repeat(3,1fr)}.lane{min-height:190px;padding:13px;border:1px solid var(--border);border-top:5px solid var(--p);border-radius:12px;background:var(--card)}.lane:nth-child(2){border-top-color:var(--purple)}.lane:nth-child(3){border-top-color:var(--green)}.lane:nth-child(4){border-top-color:var(--orange)}.lane h3{margin:0 0 10px;font-size:1rem}.item{margin:8px 0;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.item strong,.item span{display:block}.item span{color:var(--muted);font-size:.8rem}.item-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tiny{padding:5px 8px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text);cursor:pointer;font-size:.76rem}.output-card{padding:22px;border-radius:15px;background:linear-gradient(145deg,#1d4ed8,#7c3aed 62%,#db2777);color:#fff;min-height:330px}.output-card h2,.output-card h3{margin-top:0}.output-card pre{white-space:pre-wrap;font:500 .9rem/1.65 Inter,sans-serif}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.metric{padding:12px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.12)}.metric small,.metric strong{display:block}.metric strong{font-size:1.18rem}.deck-card{display:grid;place-items:center;min-height:300px;padding:32px;border-radius:18px;background:linear-gradient(145deg,#0891b2,#2563eb 52%,#7c3aed);color:#fff;text-align:center}.deck-card .big{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.2}.palette{display:flex;min-height:220px;border-radius:16px;overflow:hidden}.swatch{flex:1;display:flex;align-items:end;justify-content:center;padding:14px 6px;color:#fff;font-weight:800;text-shadow:0 1px 3px #000}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.data-table input,.data-table select{width:100%;min-width:110px;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text)}.file-drop{padding:20px;border:2px dashed var(--border);border-radius:12px;text-align:center;background:var(--card)}.tag{display:inline-block;margin:3px;padding:5px 9px;border-radius:99px;background:color-mix(in srgb,var(--p) 12%,var(--surface));color:var(--p);font-size:.78rem;font-weight:700}.warning{padding:12px;border-left:4px solid var(--orange);background:color-mix(in srgb,var(--orange) 8%,var(--surface));color:var(--muted)}@media(max-width:900px){.workspace{grid-template-columns:1fr}.board.three{grid-template-columns:1fr}}@media(max-width:650px){.mini-form,.board,.metric-row{grid-template-columns:1fr}.mini-form .wide{grid-column:auto}.palette{min-height:300px;flex-direction:column}.swatch{align-items:center}}