*{box-sizing:border-box}:root{--navy:#001a72;--ink:#0d0f26;--border:#e4e4ea;--muted:#6b6f80;--bg:#f6f7f9}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{max-width:1280px;margin:0 auto;padding:32px 24px 64px}.title{font-size:24px;font-weight:700;margin:0 0 4px}.subtitle{color:var(--muted);margin:0 0 28px;font-size:14px}.layout{display:grid;grid-template-columns:360px 1fr;grid-gap:28px;gap:28px;align-items:start}@media (max-width:900px){.layout{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.section-title{font-size:11px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--border)}.section-title:first-child{margin-top:0;padding-top:0;border-top:none}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field input[type=text],.field select{height:36px;width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;padding:0 10px;font-size:14px;background:#fff;color:var(--ink)}.row{display:flex;gap:8px}.row>*{flex:1 1;min-width:0}.color-row{display:flex;gap:8px;align-items:center;min-width:0}.color-row input[type=text],.color-row select{flex:1 1;min-width:0}.color-row input[type=color]{flex:0 0 auto;width:38px;height:36px;border:1px solid var(--border);border-radius:8px;padding:2px;background:#fff}.preview-card{position:-webkit-sticky;position:sticky;top:24px}.preview-img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:10px;background:repeating-conic-gradient(#eee 0 25%,#fafafa 0 50%) 50% /20px 20px}.url-box{margin-top:16px;display:flex;gap:8px}.url-box input{flex:1 1;height:38px;border:1px solid var(--border);border-radius:8px;padding:0 10px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);background:#fff}button{height:38px;padding:0 16px;border:none;border-radius:8px;background:var(--navy);color:#fff;font-size:14px;font-weight:600;cursor:pointer}button:hover{opacity:.92}.hint{font-size:12px;color:var(--muted);margin-top:8px}