@font-face{font-family:Momo Signature;src:url(/assets/MomoSignature-Regular-HXsmjSEh.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--bg-1: #14110e;--bg-2: #1c1814;--panel: rgba(27, 23, 19, .82);--panel-border: rgba(255, 255, 255, .08);--panel-fill: rgba(255, 255, 255, .03);--paper: #f9f4e8;--paper-2: #efe6d3;--paper-border: rgba(84, 61, 33, .18);--brand: #f6e6ca;--text: #f4ede4;--muted: #c1b5a6;--success-bg: rgba(47, 122, 95, .14);--radius-sm: 18px;--shadow: 0 28px 70px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(900px 500px at top center,rgba(181,139,85,.12),transparent 55%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 100%);color:var(--text);font-family:Avenir Next,Helvetica Neue,sans-serif}.app{max-width:1240px;margin:0 auto;padding:20px 24px 56px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px}.brandText{display:flex;align-items:center;min-height:100%}.logo{width:68px;height:auto;display:block;filter:drop-shadow(0 16px 28px rgba(0,0,0,.22));flex-shrink:0}.title{display:block;font-family:Momo Signature,cursive;font-size:34px;font-weight:400;line-height:1;letter-spacing:.01em;color:var(--brand)}.topbarMeta{display:flex;align-items:center;justify-self:end;white-space:nowrap;font-size:12px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8f}.content{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.stage{position:relative;min-height:720px;overflow:hidden;border-radius:32px;border:1px solid var(--paper-border);background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);box-shadow:0 32px 80px #00000042,inset 0 1px #ffffff59}.stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(125,92,48,.03) 0,rgba(125,92,48,.03) 1px,transparent 1px,transparent 14px);opacity:.45;pointer-events:none}.signatureGuide{position:absolute;right:52px;bottom:96px;left:52px;z-index:1;display:grid;gap:10px;pointer-events:none}.signatureGuideLabel{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#30251975}.signatureGuideLine{height:1px;background:linear-gradient(90deg,#755c372e,#755c376b 18% 82%,#755c372e)}.emptyState{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:48px}.emptyCard{max-width:500px;padding:32px;border-radius:28px;background:#ffffff7a;border:1px solid rgba(84,61,33,.12);box-shadow:0 24px 60px #38260e1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#201a16}.emptyEyebrow{margin-bottom:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#30251980}.emptyTitle{margin:0;font-size:32px;line-height:1.1}.emptyBody{margin:16px 0 0;color:#201a16b8;font-size:16px;line-height:1.6}.emptySteps{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:step}.emptySteps li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;color:#201a16c7;font-size:15px;line-height:1.5}.emptySteps li:before{content:counter(step);counter-increment:step;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#201a1614;font-size:13px;font-weight:700}.ink{position:absolute;inset:0;width:100%;height:100%;background:transparent;z-index:2}.panel{display:grid;gap:16px;padding:20px;border-radius:32px;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panelSection{display:grid;gap:14px;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:var(--panel-fill)}.sectionHeader{display:grid;gap:6px}.sectionTitle{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e}.sectionText{font-size:14px;line-height:1.55;color:var(--muted)}.cameraPreview{display:block;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);object-fit:cover;background:#070707}.cameraMeta{font-size:13px;color:var(--muted)}.btn{min-height:46px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px);background:#ffffff12}.btn.block{width:100%}.btn.primary{background:#f5c77c29;border-color:#f5c77c57;color:#fff3de}.btn.primary:hover:not(:disabled){background:#f5c77c38}.btn.danger{background:#ff5f5f29;border-color:#ff5f5f5c;color:#ffe5e5}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.inlineNotice{padding:12px 14px;border-radius:16px;font-size:14px;line-height:1.5;border:1px solid transparent}.inlineNotice.success{background:var(--success-bg);border-color:#2f7a5f42;color:#dff7ec}@media(max-width:1080px){.content{grid-template-columns:1fr}.stage{min-height:640px}}@media(max-width:720px){.app{padding:20px 16px 40px}.topbar{align-items:flex-start;grid-template-columns:1fr;gap:12px;margin-bottom:18px;padding-bottom:12px}.topbarMeta{justify-self:start}.brand{gap:10px}.logo{width:62px}.title{font-size:28px}.stage{min-height:560px}.signatureGuide{right:24px;bottom:72px;left:24px}.emptyState,.emptyCard{padding:24px}.emptyTitle{font-size:26px}}