:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#176f78;text-decoration:none}a:hover{text-decoration:underline}header,.topbar{height:68px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid #e5e9ef;position:sticky;top:0;z-index:10}.brand{font-size:25px;font-weight:850;letter-spacing:-1px;color:#172033;text-decoration:none}.brand span{color:#0f8b83}nav{display:flex;gap:22px;margin-left:auto}nav a{color:#4a5669;font-size:14px;text-decoration:none}.lang,.locale{border:1px solid #cbd4df;background:#fff;border-radius:8px;padding:7px 11px;cursor:pointer}.hero{padding:56px 16px 28px;text-align:center;max-width:780px;margin:auto}.hero h1{font-size:clamp(32px,5.5vw,56px);line-height:1.08;letter-spacing:-1.5px;margin:14px 0}.hero p{color:#5b677a;font-size:17px;line-height:1.7}.eyebrow{display:inline-block;color:#0f766e;background:#dff7f3;border-radius:99px;padding:7px 13px;font-size:.83rem;font-weight:700}.disclaimer{max-width:1120px;margin:0 auto 24px;padding:15px 18px;border-radius:12px;background:#fff6dc;border:1px solid #f0d68b;display:flex;gap:12px;line-height:1.55;font-size:14px}.ad-placeholder,.ad-slot{max-width:1120px;min-height:76px;margin:18px auto;border:1px dashed #c7ced8;border-radius:10px;color:#8b94a2;display:grid;place-items:center;font-size:12px}main{padding:0 20px 50px;max-width:1160px;margin:auto}.card,.workspace{max-width:1120px;margin:22px auto;background:#fff;border:1px solid #e2e7ed;border-radius:18px;padding:28px;box-shadow:0 8px 32px #192b450a}h2{font-size:22px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}label{font-size:13px;color:#596579;font-weight:650}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #cbd4df;background:#fff;border-radius:9px;padding:11px 12px;font:inherit;color:#172033}.note{font-size:13px;color:#697588;line-height:1.65}.results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.results div{padding:17px;background:#f5f7fa;border-radius:12px}.results .primary{background:linear-gradient(135deg,#e4f8f4,#ebefff)}.results span{display:block;color:#687487;font-size:12px;margin-bottom:7px}.results strong{font-size:20px}button{font:inherit;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.actions button{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:10px 15px}.actions .primary{background:linear-gradient(135deg,#0f766e,#4f46e5);border:0;color:#fff;font-weight:700}.actions button:disabled{opacity:.45;cursor:not-allowed}.drop-zone{min-height:170px;border:2px dashed #96c9c4;background:#f3fbfa;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;padding:24px;position:relative}.drop-zone:hover,.drop-zone.dragging{border-color:#4f46e5;background:#f0f1ff}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e9edf2}th{color:#687487;font-size:12px}td small{display:block;color:#929baa}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px auto;max-width:1120px}.trust-grid article{background:#fff;border:1px solid #e4e9ef;padding:20px;border-radius:14px}.trust-grid h2{font-size:1rem;margin:0 0 8px}.trust-grid p{font-size:.88rem;line-height:1.6;color:#657086;margin:0}footer{padding:34px 20px;text-align:center;background:#172033;color:#aeb7c5;font-size:13px;display:flex;justify-content:center;flex-wrap:wrap;gap:16px}footer a{color:#bce7e2}.file-list{display:grid;gap:10px;margin-top:14px}.file-card{border:1px solid #e1e7ee;border-radius:12px;padding:14px}.status{min-height:24px;margin-top:12px;color:#0f766e;font-weight:700}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.presets button{border:1px solid #dfe4ea;background:#fff;border-radius:20px;padding:7px 12px;font-size:13px}.presets button.active{border-color:#0f766e;background:#eaf8f6;color:#0f766e;font-weight:700}.preview-wrap{display:flex;justify-content:center;margin-top:18px;overflow:auto}.preview-wrap canvas{max-width:100%;height:auto;border-radius:12px;box-shadow:0 12px 40px #0000001f}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pkg-list{display:grid;gap:12px}.pkg-card{border:1px solid #e1e7ee;border-radius:12px;padding:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end}@media(max-width:760px){header,.topbar{padding:12px 16px;gap:12px;flex-wrap:wrap;height:auto}nav{width:100%;margin:0;justify-content:space-between;font-size:13px}.form-grid,.results,.trust-grid,.pkg-card{grid-template-columns:1fr 1fr}.card,.workspace{padding:18px}.color-row{grid-template-columns:1fr}}@media(max-width:480px){.form-grid,.results,.trust-grid,.pkg-card{grid-template-columns:1fr}}