.shell{margin:0 auto;max-width:1040px;padding:28px 20px 56px}.topbar{justify-content:space-between;margin-bottom:24px}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px}.brand-logo{width:auto;height:38px;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.25;padding-left:14px;border-left:1px solid var(--line-strong)}.brand-text strong{font-size:15px;font-weight:650;letter-spacing:-.01em}.brand-text span{color:var(--muted);font-size:13px}.studio{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:20px}.panel-preview{display:flex;flex-direction:column;gap:16px}.field-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.field-head label{font-size:13px;font-weight:600;letter-spacing:.01em}.btn-link{color:var(--muted);font-size:12px;padding:2px 4px;border-radius:6px}.btn-link:hover{color:var(--text);background:var(--surface-sunken)}#qr-content{resize:vertical;min-height:62px;font-size:14px;line-height:1.45;word-break:break-all}.status{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;min-height:20px;font-size:12.5px;color:var(--muted)}.status strong{font-weight:600;color:var(--text)}.status[data-tone=ok]{color:#4c7a53}.status[data-tone=error]{color:var(--danger)}.chip-fix{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;color:#8a6400;font-size:11px;padding:1px 8px}.wa{margin-top:16px;padding:14px;border:1px solid var(--whats-line);border-radius:var(--radius-sm);background:var(--whats-soft);animation:rise .22s var(--ease)}.wa-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.wa-logo{flex:none;width:26px;height:auto;display:block}.wa-title{display:flex;flex-direction:column;line-height:1.3;min-width:0}.wa-title strong{font-size:13.5px;font-weight:620}.wa-title span{font-size:12px;color:var(--whats-deep);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa textarea{resize:vertical;min-height:72px;font-size:13.5px;line-height:1.45;border-color:var(--whats-line);background:var(--surface)}.wa textarea:focus{border-color:var(--whats);box-shadow:0 0 0 4px rgba(37,211,102,.16)}.wa-note{margin:8px 0 0;font-size:11.5px;color:var(--muted)}.utm-block{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.utm-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);font-size:13.5px;font-weight:550}.utm-toggle:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-sunken)}.utm-toggle[data-on=true]{background:var(--accent-soft);border-color:var(--accent-line);color:#6f5100}.switch{margin-left:auto;position:relative;width:34px;height:19px;border-radius:999px;background:var(--line-strong);transition:background-color .18s var(--ease)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease)}.utm-toggle[data-on=true] .switch{background:var(--accent-strong)}.utm-toggle[data-on=true] .switch:after{transform:translateX(15px)}.utm{margin-top:12px}.utm-rows{display:flex;flex-direction:column;gap:10px}.utm-row{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 32px;grid-gap:8px;gap:8px;align-items:start;animation:rise .2s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(-4px)}}.utm-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;margin-top:-4px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg);pointer-events:none}.utm-cell select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;font-size:13.5px;font-weight:550}.utm-cell input{font-size:13.5px}.utm-hint,.utm-key{font-size:11px;color:var(--faint);padding-left:2px}.utm-key{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.01em}.icon-btn{display:grid;place-items:center;width:32px;height:38px;border-radius:var(--radius-sm);color:var(--faint)}.icon-btn:hover{background:var(--surface-sunken);color:var(--danger)}.btn-add{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;border:1px dashed var(--accent-line);border-radius:var(--radius-sm);background:var(--surface);color:#8a6400;font-size:13px;font-weight:550}.btn-add:hover:not(:disabled){background:var(--accent-soft);border-style:solid}.utm-note{margin:12px 0 0;font-size:11.5px;line-height:1.45;color:var(--faint)}.stage{display:grid;place-items:center;padding:22px;min-height:268px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft)}.stage[data-alpha=true]{background-color:#fff;background-image:conic-gradient(#eceef1 25%,transparent 0 50%,#eceef1 0 75%,transparent 0);background-size:18px 18px}.stage-qr{width:224px;height:224px;display:block;animation:pop .24s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.stage-empty{align-items:center;gap:8px;color:var(--faint);font-size:13px}.result,.stage-empty{display:flex;flex-direction:column}.result{gap:10px}.result-url{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5;word-break:break-all;max-height:66px;overflow:auto}.result-actions{display:flex;gap:8px}.btn-soft{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:13px;font-weight:550}.btn-soft:hover{border-color:var(--line-strong);background:var(--surface-soft)}.export{flex-direction:column;padding-top:16px;border-top:1px solid var(--line)}.export,.export-row{display:flex;gap:12px}.export-row{align-items:center}.export-label{width:74px;flex:none;font-size:12.5px;color:var(--muted)}.seg{display:flex;flex:1 1;gap:3px;padding:3px;border-radius:11px;background:var(--surface-sunken);border:1px solid var(--line)}.seg button{flex:1 1;padding:6px 4px;border-radius:8px;color:var(--muted);font-size:12.5px;font-weight:600}.seg button:hover:not([data-on=true]){color:var(--text)}.seg button[data-on=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.export-note{margin:-4px 0 0;padding-left:86px;font-size:11.5px;color:var(--faint)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:12px;background:linear-gradient(180deg,var(--accent) 0,var(--accent-strong) 100%);color:#17181c;font-size:14.5px;font-weight:650;box-shadow:0 6px 18px rgba(229,163,38,.34)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px rgba(229,163,38,.42)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--surface-sunken);color:var(--faint);box-shadow:none}.btn-note{font-size:12px;font-weight:500;opacity:.7}.recents{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}.recents-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.recents-head h2{margin:0;font-size:14px;font-weight:650}.recents-head p{margin:2px 0 0}.btn-ghost,.recents-head p{font-size:12.5px;color:var(--muted)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-weight:550}.btn-ghost:hover{color:var(--danger);border-color:var(--line-strong)}.recents-empty{margin:0;padding:22px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--faint);font-size:13px;text-align:center}.recents-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));list-style:none;margin:0;padding:0}.recents-grid li{position:relative}.recent-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.recent-card:hover{border-color:var(--accent-line);background:var(--surface-soft);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.recent-card img,.recent-thumb-fallback{flex:none;width:46px;height:46px;border-radius:7px;background:#fff;border:1px solid var(--line);padding:2px}.recent-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.recent-text strong{font-size:13px;font-weight:600}.recent-text span,.recent-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-text span{color:var(--faint);font-size:11.5px}.recent-remove{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:7px;opacity:0}.recent-remove:focus-visible,.recents-grid li:hover .recent-remove{opacity:1}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:36px;padding-top:16px;border-top:1px solid var(--line);color:var(--faint);font-size:12px}@media (max-width:860px){.studio{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.shell{padding:20px 14px 44px}.utm-row{grid-template-columns:minmax(0,1fr) 32px}.utm-row .utm-cell:first-child{grid-column:1/-1}.export-row{align-items:flex-start;flex-direction:column;gap:6px}.export-label{width:auto}.export-note{margin-top:0;padding-left:0}.seg{width:100%}.recent-remove{opacity:1}}