@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Teko:wght@500;600;700&display=swap";:root{--bg-main:#090909;--bg-soft:#141414;--text-main:#f8f3e7;--text-dim:#b9b3a5;--accent:#ff9f1a;--accent-strong:#ffb300;--stroke:#ffffff1f;--shadow:0 18px 45px #00000059}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--text-main);background:radial-gradient(circle at 20% 10%, #2a1a05 0%, transparent 45%), radial-gradient(circle at 80% 0%, #211708 0%, transparent 35%), var(--bg-main);margin:0;font-family:Barlow,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.home-page{z-index:1;width:min(1080px,100% - 2.5rem);margin:0 auto;padding:4rem 0 5rem;position:relative}.hero-panel{border:1px solid var(--stroke);box-shadow:var(--shadow);background:linear-gradient(140deg,#ff9f1a1a,#0a0a0adb);border-radius:22px;padding:2.5rem;animation:.65s ease-out rise-in}.eyebrow{color:var(--accent);letter-spacing:.08em;margin:0;font-family:Teko,sans-serif;font-size:1.5rem}.hero-panel h1{letter-spacing:.02em;margin:.4rem 0 0;font-family:Teko,sans-serif;font-size:clamp(2.6rem,7vw,4.5rem);line-height:.95}.hero-copy{max-width:38rem;color:var(--text-dim);margin:1rem 0 0;font-size:1.1rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.8rem;display:grid}.feature-tile{border:1px solid var(--stroke);background:linear-gradient(#ffffff05,#ff9f1a14);border-radius:18px;padding:1.6rem 1.4rem;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.8s ease-out rise-in;position:relative}.feature-tile:hover{border-color:#ffb30080;transform:translateY(-4px);box-shadow:0 10px 25px #ff9f1a2e}.tile-index{color:var(--accent);letter-spacing:.08em;margin-bottom:.4rem;font-family:Teko,sans-serif;font-size:1.5rem;display:inline-flex}.feature-tile h2{margin:0;font-size:1.4rem;font-weight:600}.feature-tile p{color:var(--text-dim);margin:.7rem 0 0}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=780px){.home-page{width:min(1080px,100% - 1.25rem);padding-top:2rem}.hero-panel{border-radius:16px;padding:1.4rem}.feature-grid{grid-template-columns:1fr}}.tool-page{z-index:1;place-items:center;width:min(900px,100% - 2rem);min-height:100vh;margin:0 auto;padding:2rem 0;display:grid;position:relative}.tool-card{border:1px solid var(--stroke);width:min(720px,100%);box-shadow:var(--shadow);background:linear-gradient(155deg,#ffffff08,#ff9f1a12);border-radius:20px;padding:2rem;animation:.45s ease-out rise-in}.tool-kicker{color:var(--accent);letter-spacing:.08em;margin:0;font-family:Teko,sans-serif;font-size:1.4rem}.tool-card h1{margin:.4rem 0 0;font-family:Teko,sans-serif;font-size:clamp(2rem,5vw,3.2rem);line-height:.95}.tool-card p{color:var(--text-dim);margin:1rem 0 0;font-size:1.05rem}.mode-switch{border:1px solid var(--stroke);background:#ffffff05;border-radius:999px;gap:.5rem;margin-top:1.2rem;padding:.35rem;display:inline-flex}.mode-button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.48rem .9rem;font-weight:600}.mode-button.is-active{color:#1a1208;background:linear-gradient(90deg,#ff9f1a,#ffbf47)}.form-grid{gap:.68rem;margin-top:1.25rem;display:grid}.panel-grid{border:1px solid var(--stroke);background:#ffffff05;border-radius:12px;gap:.65rem;margin-top:.2rem;padding:.85rem;display:grid}.panel-title{color:var(--accent);letter-spacing:.03em;font-size:.85rem;font-weight:700}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;display:grid}.field-label{color:var(--text-dim);font-size:.9rem}.field-input,.field-area{border:1px solid var(--stroke);width:100%;color:var(--text-main);background:#00000047;border-radius:12px;padding:.7rem .85rem;font-family:inherit;font-size:.98rem}.file-picker-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-picker-label{color:#1a1208;letter-spacing:.02em;cursor:pointer;background:linear-gradient(90deg,#ff9f1a,#ffbf47);border:1px solid #ffb3008c;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.56rem 1rem;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}.file-picker-label:hover{filter:brightness(1.03);transform:translateY(-1px)}.file-picked-name{color:var(--text-dim);word-break:break-all;margin:0;font-size:.9rem}.field-input:focus,.field-area:focus{border-color:#ffb3008c;outline:none;box-shadow:0 0 0 2px #ffb3001f}.field-area{resize:vertical;min-height:120px}.action-row{flex-wrap:wrap;gap:.6rem;margin-top:.2rem;display:flex}.primary-button,.ghost-button{cursor:pointer;border-radius:999px;padding:.56rem 1rem;font-weight:700;transition:transform .2s,filter .2s}.primary-button{color:#1a1208;background:linear-gradient(90deg,#ff9f1a,#ffbf47);border:1px solid #ffb3008c}.ghost-button{border:1px solid var(--stroke);color:var(--text-main);background:#ffffff08}.primary-button:hover,.ghost-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.error-text{color:#ff7c6f;margin:.15rem 0;font-size:.92rem}.hint-text{color:var(--text-dim);margin:0;font-size:.88rem}.image-preview{border:1px solid var(--stroke);background:#00000038;border-radius:12px;max-width:100%;margin-top:.2rem}.back-button{color:#1a1208;letter-spacing:.02em;background:linear-gradient(90deg,#ff9f1a,#ffbf47);border:1px solid #ffb3008c;border-radius:999px;justify-content:center;align-items:center;min-width:9rem;margin-top:1.4rem;padding:.62rem 1.1rem;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}.back-button:hover{filter:brightness(1.04);transform:translateY(-2px)}@media (width<=780px){.tool-page{width:min(900px,100% - 1rem)}.tool-card{border-radius:16px;padding:1.35rem}.compact-grid{grid-template-columns:1fr}}