*{box-sizing:border-box}:root{color:#171717;background:#efe9df;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(255,255,255,.74),transparent 30%),linear-gradient(180deg,#f4efe5 0%,#ece6db 100%)}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:28px}.workspace{max-width:1480px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.composer{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(360px,.9fr);gap:18px;align-items:stretch}.composer-copy,.input-panel,.preview-card{border:1px solid rgba(62,48,28,.12);border-radius:18px;background:rgba(255,252,247,.84);box-shadow:0 16px 40px #563f1614;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.composer-copy{padding:28px}.eyebrow{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#efe4d0;color:#775726;font-size:12px;font-weight:700}.composer-copy h1{margin:16px 0 10px;font-size:34px;line-height:1.08}.composer-copy p{margin:0;max-width:54ch;color:#5e5a53;line-height:1.6}.input-panel{display:flex;flex-direction:column;gap:14px;padding:22px}.input-panel label{font-size:13px;font-weight:700;color:#4f4638}.input-panel textarea{min-height:138px;width:100%;resize:vertical;border:1px solid #d7cfbf;border-radius:14px;padding:16px 18px;background:#fffefb;color:#201e1a;font-size:18px;line-height:1.55;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-panel textarea:focus{border-color:#c9a76b;box-shadow:0 0 0 4px #c9a76b29}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-field{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid #ded5c5;border-radius:12px;padding:10px 12px;background:#fffdf8}.control-field span{color:#5a503f;font-size:13px;font-weight:700}.control-field input{width:76px;border:1px solid #d3cab9;border-radius:9px;padding:7px 8px;background:#fffefb;color:#201e1a;font-size:14px;font-weight:700;outline:none}.control-field input:focus{border-color:#c9a76b;box-shadow:0 0 0 3px #c9a76b24}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats{display:flex;gap:10px;flex-wrap:wrap}.stats span{padding:6px 10px;border-radius:999px;background:#f5eee2;color:#6d5932;font-size:12px;font-weight:600}.panel-footer button{border:0;border-radius:12px;padding:11px 16px;background:#1f1f1f;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.panel-footer button:hover{background:#111}.error-banner{padding:12px 16px;border-radius:14px;background:#fff2ef;border:1px solid #f1b2a5;color:#8c3422;font-size:14px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}.preview-card--empty{min-height:520px}.preview-header{display:flex;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid rgba(62,48,28,.08)}.preview-label{margin-bottom:6px;color:#8f6730;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.preview-header h2{margin:0;font-size:22px;line-height:1.15}.preview-header p{margin:6px 0 0;color:#68635b;font-size:14px;line-height:1.5}.status{flex-shrink:0;padding:6px 10px;border-radius:999px;background:#f0e8db;color:#765c2b;font-size:12px;font-weight:700}.status.ready{background:#e8f4e8;color:#2f6b3f}.preview-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.download-button{border:1px solid rgba(31,31,31,.12);border-radius:10px;padding:8px 11px;background:#fffdfa;color:#2d2923;font-size:12px;font-weight:800;cursor:pointer}.download-button:hover:not(:disabled){border-color:#1f1f1f3d;background:#f8f0e2}.download-button:disabled{cursor:not-allowed;opacity:.55}.preview-surface{position:relative;padding:18px;min-height:500px}.preview-surface--empty{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(247,243,236,.72))}.preview-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(33,33,33,.08);color:#6c6459;font-size:13px}.svg-frame{position:relative;min-width:0}.svg-frame svg{width:100%;height:auto;display:block;border-radius:18px}@media (max-width: 1380px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1180px){.composer,.preview-grid{grid-template-columns:1fr}.preview-header{flex-direction:column}.preview-actions{flex-direction:row;align-items:center;justify-content:space-between}}@media (max-width: 720px){.app-shell{padding:16px}.composer-copy,.input-panel,.preview-card{border-radius:16px}.composer-copy h1{font-size:28px}.input-panel textarea{font-size:16px}.control-grid{grid-template-columns:1fr}.panel-footer{flex-direction:column;align-items:stretch}.panel-footer button{width:100%}.preview-surface{min-height:360px;padding:14px}}