.app-page{background:
  radial-gradient(circle at 8% 4%, rgba(104,232,255,.19), transparent 28%),
  radial-gradient(circle at 88% 9%, rgba(183,124,255,.17), transparent 31%),
  radial-gradient(circle at 50% 86%, rgba(131,255,199,.08), transparent 30%),
  #070914;
}
.prototype-shell{padding-bottom:46px}.app-hero.compact{padding:48px 0 24px}.app-hero-grid{display:grid;grid-template-columns:1fr 310px;gap:24px;align-items:end}.app-hero h1{font-size:clamp(2.3rem,5vw,5rem);line-height:.94;letter-spacing:-.06em;margin:0 0 18px}.usage-card{border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:0 20px 70px rgba(0,0,0,.24)}.usage-label{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.usage-meter{height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:16px 0 12px}.usage-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.usage-row{display:flex;align-items:baseline;gap:6px}.usage-row b{font-size:2.2rem}.usage-row span{color:var(--muted)}
.processor-workbench{display:grid;grid-template-columns:280px minmax(0,1fr) minmax(340px,.85fr);gap:16px;align-items:start}.processor-sidebar,.input-panel,.output-panel,.history-section{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));border-radius:30px;box-shadow:0 20px 70px rgba(0,0,0,.21)}.processor-sidebar{padding:14px;position:sticky;top:92px}.side-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900;padding:8px 10px 14px}.processor-option{width:100%;display:grid;grid-template-columns:34px 1fr;gap:0 10px;text-align:left;align-items:center;border:1px solid transparent;background:transparent;color:white;border-radius:20px;padding:13px 11px;cursor:pointer}.processor-option:hover,.processor-option.active{background:rgba(104,232,255,.09);border-color:rgba(104,232,255,.24)}.processor-option span{grid-row:1/3;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:var(--cyan)}.processor-option b{font-size:.96rem}.processor-option small{grid-column:2;color:var(--muted);line-height:1.35;margin-top:3px}.input-panel,.output-panel{padding:20px;min-height:650px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-head h2{font-size:1.55rem;letter-spacing:-.025em;margin:12px 0 7px}.panel-head p{color:var(--muted);line-height:1.55;margin:0;max-width:620px}.tiny-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.065);color:white;border-radius:14px;padding:10px 12px;font-weight:750;cursor:pointer}.tiny-btn:hover{background:rgba(255,255,255,.11)}.success{border-color:rgba(131,255,199,.26);background:rgba(131,255,199,.08)}.quick-samples{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sample-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:var(--soft);border-radius:999px;padding:9px 12px;cursor:pointer}.sample-btn:hover{border-color:rgba(104,232,255,.34);color:white}.drop-zone{display:grid;place-items:center;text-align:center;border:1.5px dashed rgba(104,232,255,.38);background:rgba(104,232,255,.055);border-radius:24px;padding:23px 18px;cursor:pointer;margin-bottom:12px;transition:.18s ease}.drop-zone.dragover{background:rgba(104,232,255,.12);border-color:var(--cyan);transform:scale(1.01)}.drop-zone input{display:none}.drop-icon{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#071022;display:grid;place-items:center;font-size:1.6rem;font-weight:900;margin-bottom:10px}.drop-zone strong{display:block}.drop-zone small{display:block;color:var(--muted);line-height:1.45;max-width:520px;margin-top:6px}.file-list{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.055);padding:10px 12px;margin:0 0 12px;color:var(--soft)}.file-item{display:flex;justify-content:space-between;gap:12px;color:var(--soft);font-size:.93rem}.file-item small{color:var(--muted)}.processor-input{width:100%;min-height:246px;resize:vertical;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(5,8,19,.52);color:white;padding:18px;font:inherit;line-height:1.55;outline:none}.processor-input:focus{border-color:rgba(104,232,255,.42);box-shadow:0 0 0 4px rgba(104,232,255,.08)}.processor-input::placeholder{color:#8b95b7}.input-controls{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:13px}.input-controls select{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:white;border-radius:999px;padding:0 15px;font:inherit}.output-panel{position:relative}.empty-state,.loading-state{text-align:center;display:grid;place-items:center;align-content:center;min-height:475px;color:var(--muted)}.empty-state h3{color:white;margin:18px 0 8px}.empty-state p{line-height:1.6;max-width:430px;margin:0}.chip-graphic{position:relative;width:92px;height:92px;border-radius:28px;background:linear-gradient(135deg,rgba(104,232,255,.18),rgba(183,124,255,.14));border:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px}.chip-graphic:before{content:"";position:absolute;inset:25px;border:1px solid rgba(104,232,255,.45);border-radius:13px}.chip-graphic i{border-radius:9px;background:rgba(255,255,255,.11)}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:var(--cyan);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.output-content{color:var(--soft);line-height:1.62}.output-content h3{color:white;font-size:1.05rem;margin:20px 0 8px}.output-content h3:first-child{margin-top:0}.output-content ul,.output-content ol{margin:7px 0 0;padding-left:21px}.output-content li{margin:5px 0}.output-content .draft{white-space:pre-wrap;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:18px;padding:14px;margin-top:8px}.output-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.history-section{margin-top:18px;padding:20px}.history-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.history-head h2{font-size:1.35rem;margin:0}.history-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.history-card{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:18px;padding:14px;cursor:pointer}.history-card b{display:block;margin-bottom:5px}.history-card p{color:var(--muted);font-size:.9rem;line-height:1.45;margin:0}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;background:#10162e;color:white;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:12px 16px;box-shadow:0 18px 45px rgba(0,0,0,.35);z-index:100;transition:.2s ease}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1180px){.processor-workbench{grid-template-columns:240px 1fr}.output-panel{grid-column:1/-1}.output-panel{min-height:auto}.empty-state,.loading-state{min-height:280px}.history-list{grid-template-columns:1fr 1fr}}@media(max-width:840px){.app-hero-grid{grid-template-columns:1fr}.processor-workbench{grid-template-columns:1fr}.processor-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-title{grid-column:1/-1}.input-controls{grid-template-columns:1fr}.input-controls .btn{width:100%}.history-list{grid-template-columns:1fr}.processor-option{padding:12px 10px}}@media(max-width:560px){.app-hero.compact{padding-top:34px}.usage-card{padding:18px}.processor-sidebar,.input-panel,.output-panel,.history-section{border-radius:24px}.processor-sidebar{grid-template-columns:1fr}.panel-head{display:block}.panel-head .tiny-btn{margin-top:12px}.processor-input{min-height:210px}.drop-zone{padding:18px 12px}.output-actions .tiny-btn{width:100%}}