:root{--font:'Manrope','Segoe UI',sans-serif;--ink:#0f172a;--muted:#64748b;--line:#dbe4ef;--line-strong:#c7d3e2;--surface:#fff;--surface-soft:#f8fafc;--accent:#0f766e;--accent-ink:#0b5f58}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:linear-gradient(180deg,#f8fbfa,#edf3f8)}.u-page{max-width:1080px;margin:0 auto;padding:20px}.u-page h1{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.02em}.u-page p{margin:6px 0 14px;color:var(--muted)}.u-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px;box-shadow:0 12px 24px rgba(15,23,42,.05)}.u-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.u-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.u-field label{display:block;font-size:.84rem;color:#334155;margin-bottom:6px}.u-field input,.u-field select,.u-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;background:#fff;transition:border-color .2s,box-shadow .2s}.u-field textarea{min-height:110px;resize:vertical}.u-field input:focus-visible,.u-field select:focus-visible,.u-field textarea:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.14)}.u-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.u-btn{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:9px 12px;font:inherit;font-weight:700;cursor:pointer;transition:transform .12s,border-color .2s,background-color .2s,box-shadow .2s}.u-btn:hover{border-color:var(--line-strong);background:var(--surface-soft)}.u-btn:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.14)}.u-btn:active{transform:translateY(1px)}.u-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.u-btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.u-preview{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;line-height:1.55;white-space:pre-wrap}.u-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.u-total{margin-top:10px;font-weight:800}.u-img-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.u-img-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid var(--line)}@media(max-width:960px){.u-page{padding:16px}.u-grid,.u-grid3{grid-template-columns:1fr}.u-btn{min-height:44px;padding:10px 14px}.u-img-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}