:root{--bg: #f6f3ee;--surface: #fffdf8;--surface-strong: #f4ede1;--ink: #172033;--muted: #5c657a;--line: #d8cdbb;--accent: #14532d;--accent-soft: #dff2e5;--danger: #b42318;--shadow: 0 24px 60px rgba(23, 32, 51, .12);font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top,rgba(255,255,255,.8),transparent 38%),linear-gradient(180deg,#f5efe5 0%,var(--bg) 100%)}a{color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.hero{display:grid;gap:14px;margin-bottom:24px}.hero-title{margin:0;font-size:clamp(2.1rem,5vw,3.5rem);line-height:.95;letter-spacing:-.05em}.hero-copy,.helper-text,.meta-copy,.status-text{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{display:grid;gap:8px}.form-group.full{grid-column:1 / -1}label{font-size:.9rem;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;color:var(--ink)}.actions,.preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}button,.button-link{border:none;border-radius:999px;padding:13px 20px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover,.button-link:hover{transform:translateY(-1px)}button.primary,.button-link.primary{background:var(--ink);color:#fff;box-shadow:0 12px 24px #1720332e}button.secondary,.button-link.secondary{background:var(--surface-strong);color:var(--ink)}button.ghost,.button-link.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.7}.button-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.status-box{margin-top:16px;padding:14px 16px;border-radius:16px;background:var(--surface-strong);border:1px solid var(--line)}.status-box.error{background:#fef3f2;border-color:#fecdca;color:var(--danger)}.history-list{display:grid;gap:14px;margin-top:18px}.history-item{padding:16px;border-radius:18px;border:1px solid var(--line);background:#fff}.history-item h3,.preview-meta h2{margin:0 0 8px;font-size:1.05rem}.history-meta,.preview-meta dl{display:grid;gap:6px;color:var(--muted);font-size:.92rem}.preview-shell{display:grid;gap:18px}.preview-stage{min-height:80vh;padding:0;overflow:hidden}.preview-stage iframe{width:100%;min-height:80vh;border:none;background:#fff}.preview-meta dl{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-meta dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.preview-meta dd{margin:0 0 12px;color:var(--ink);font-weight:600}@media(max-width:960px){.layout{grid-template-columns:1fr}}@media(max-width:720px){.shell{width:min(100% - 20px,100%);padding-top:18px}.card{padding:18px;border-radius:18px}.form-grid,.preview-meta dl{grid-template-columns:1fr}}