:root{--bg:#f2f2f7;--surface:#ffffff;--surface-2:#f7f7fa;--surface-3:#ededf2;--material:rgba(255,255,255,0.72);--material-strong:rgba(255,255,255,0.86);--ink:#1c1c1e;--ink-2:rgba(60,60,67,0.6);--ink-3:rgba(60,60,67,0.35);--ink-on-accent:#ffffff;--line:rgba(60,60,67,0.12);--line-2:rgba(60,60,67,0.2);--hairline:rgba(60,60,67,0.1);--accent:#007aff;--accent-press:#0060df;--accent-soft:rgba(0,122,255,0.12);--accent-border:rgba(0,122,255,0.4);--accent-ring:rgba(0,122,255,0.28);--grad:linear-gradient(180deg,#3a94ff,#007aff);--ok:#34c759;--ok-soft:rgba(52,199,89,0.14);--ok-border:rgba(52,199,89,0.36);--amber:#ff9500;--amber-ink:#c76b00;--amber-soft:rgba(255,149,0,0.14);--amber-border:rgba(255,149,0,0.36);--danger:#ff3b30;--danger-soft:rgba(255,59,48,0.12);--danger-border:rgba(255,59,48,0.38);--star:#ffcc00;--sh-sm:0 1px 2px rgba(0,0,0,0.05),0 1px 1px rgba(0,0,0,0.04);--sh:0 4px 16px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.05);--sh-lg:0 18px 50px rgba(0,0,0,0.2),0 4px 12px rgba(0,0,0,0.08);--r-xl:22px;--r:16px;--r-sm:12px;--r-xs:9px;--r-pill:999px;--ease:cubic-bezier(0.32,0.72,0,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur:0.22s;--dur-fast:0.14s;--blur:saturate(180%) blur(20px);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--material:rgba(30,30,32,0.72);--material-strong:rgba(30,30,32,0.88);--ink:#ffffff;--ink-2:rgba(235,235,245,0.6);--ink-3:rgba(235,235,245,0.3);--line:rgba(84,84,88,0.55);--line-2:rgba(84,84,88,0.75);--hairline:rgba(84,84,88,0.4);--accent:#0a84ff;--accent-press:#409cff;--accent-soft:rgba(10,132,255,0.22);--accent-border:rgba(10,132,255,0.5);--accent-ring:rgba(10,132,255,0.4);--grad:linear-gradient(180deg,#0a84ff,#0060df);--ok:#30d158;--ok-soft:rgba(48,209,88,0.2);--ok-border:rgba(48,209,88,0.45);--amber:#ff9f0a;--amber-ink:#ffb84d;--amber-soft:rgba(255,159,10,0.2);--amber-border:rgba(255,159,10,0.45);--danger:#ff453a;--danger-soft:rgba(255,69,58,0.2);--danger-border:rgba(255,69,58,0.5);--star:#ffd60a;--sh-sm:0 1px 2px rgba(0,0,0,0.5);--sh:0 6px 20px rgba(0,0,0,0.55);--sh-lg:0 24px 60px rgba(0,0,0,0.7);color-scheme:dark}}:root[data-theme=dark]{--bg:#000000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--material:rgba(30,30,32,0.72);--material-strong:rgba(30,30,32,0.88);--ink:#ffffff;--ink-2:rgba(235,235,245,0.6);--ink-3:rgba(235,235,245,0.3);--line:rgba(84,84,88,0.55);--line-2:rgba(84,84,88,0.75);--hairline:rgba(84,84,88,0.4);--accent:#0a84ff;--accent-press:#409cff;--accent-soft:rgba(10,132,255,0.22);--accent-border:rgba(10,132,255,0.5);--accent-ring:rgba(10,132,255,0.4);--grad:linear-gradient(180deg,#0a84ff,#0060df);--ok:#30d158;--ok-soft:rgba(48,209,88,0.2);--ok-border:rgba(48,209,88,0.45);--amber:#ff9f0a;--amber-ink:#ffb84d;--amber-soft:rgba(255,159,10,0.2);--amber-border:rgba(255,159,10,0.45);--danger:#ff453a;--danger-soft:rgba(255,69,58,0.2);--danger-border:rgba(255,69,58,0.5);--star:#ffd60a;--sh-sm:0 1px 2px rgba(0,0,0,0.5);--sh:0 6px 20px rgba(0,0,0,0.55);--sh-lg:0 24px 60px rgba(0,0,0,0.7);color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:var(--ink)}::placeholder{color:var(--ink-3)}*{scrollbar-width:thin;scrollbar-color:var(--line-2) rgba(0,0,0,0)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill);border:3px solid rgba(0,0,0,0);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:padding-box;border:3px solid rgba(0,0,0,0)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4{font-weight:700;letter-spacing:-.022em;line-height:1.2;margin:0}h1{letter-spacing:-.03em}b,strong{font-weight:650}a{color:var(--accent);text-decoration:none}.spacer{flex:1 1}.icon{width:18px;height:18px;flex-shrink:0}.icon--sm{width:16px;height:16px;flex-shrink:0}.icon--xs{width:13px;height:13px;flex-shrink:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media(max-width:480px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media(max-width:480px){.grid-3{grid-template-columns:1fr}}.is-hidden{display:none}.button{--btn-h:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--btn-h);padding:0 18px;border:.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:15px;font-weight:590;letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--sh-sm);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur-fast) var(--ease)}.button:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-2);transform:translateY(-1px);box-shadow:var(--sh)}.button:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:var(--sh-sm);transition-duration:var(--dur-fast)}.button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--accent-ring)}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{background:var(--grad);border-color:rgba(0,0,0,0);color:var(--ink-on-accent);box-shadow:0 4px 14px var(--accent-ring)}.button--primary:hover:not(:disabled){background:var(--grad);border-color:rgba(0,0,0,0);filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 9px 24px var(--accent-ring),0 2px 6px var(--accent-ring)}.button--primary:active:not(:disabled){filter:brightness(.98);transform:translateY(0) scale(.97);box-shadow:0 3px 10px var(--accent-ring)}.button--danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft);box-shadow:none}.button--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 6px 18px var(--danger-soft)}.button--danger:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:none}.button--ghost{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);box-shadow:none}.button--ghost:hover:not(:disabled){background:var(--surface-3);border-color:rgba(0,0,0,0);transform:none;box-shadow:none}.button--ghost:active:not(:disabled){background:var(--surface-3);transform:scale(.96);box-shadow:none}.button--sm{--btn-h:36px;padding:0 14px;font-size:14px;border-radius:var(--r-xs)}.button--icon{padding:0;width:var(--btn-h);flex-shrink:0}.button--block{width:100%}.button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);border:.5px solid rgba(0,0,0,0);font-size:12px;font-weight:600;text-transform:capitalize;letter-spacing:-.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--active{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-border)}.badge--draft{background:var(--surface-3);color:var(--ink-2);border-color:var(--line-2)}.badge--archived{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.landing{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:40px 20px}@media(max-width:480px){.landing{padding:28px 18px}}.landing__inner{width:100%;max-width:720px;text-align:center;animation:landing-rise .6s var(--ease-out) both}.landing__logo{width:68px;height:68px;margin:0 auto 24px;border-radius:var(--r-xl);background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 14px 34px var(--accent-ring),inset 0 1px 0 hsla(0,0%,100%,.4)}.landing__logo .icon{width:32px;height:32px}.landing__title{font-size:34px;letter-spacing:-.035em;margin:0 0 10px}@media(max-width:480px){.landing__title{font-size:27px}}.landing__lead{max-width:480px;margin:0 auto 36px;color:var(--ink-2);font-size:16px;line-height:1.5}@media(max-width:480px){.landing__lead{margin-bottom:28px;font-size:15px}}.landing__choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media(max-width:720px){.landing__choices{grid-template-columns:1fr}}.landing__footer{margin-top:26px;color:var(--ink-2);font-size:14px}.landing__link{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;color:var(--accent);font-weight:600}.landing__link:hover{text-decoration:underline}.landing--dragging .choice--load{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-3px)}.choice{padding:28px 26px;border:.5px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh);text-align:left;cursor:pointer;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease)}@media(max-width:480px){.choice{padding:22px 20px}}.choice:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}.choice:active{transform:translateY(-1px)}.choice__icon{width:48px;height:48px;margin-bottom:18px;border-radius:var(--r);display:grid;place-items:center;border:.5px solid rgba(0,0,0,0)}.choice--load .choice__icon{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.choice--create .choice__icon{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-border)}.choice__title{margin:0 0 6px;font-size:18px}.choice__text{margin:0;color:var(--ink-2);font-size:14px;line-height:1.5}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}}.shell{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.shell__workspace{position:relative;flex:1 1;display:flex;min-height:0}.shell__scrim{display:none}@media(max-width:720px){.shell--nav-open .shell__scrim{display:block;position:absolute;inset:0;z-index:25;background:rgba(0,0,0,.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:overlay-in var(--dur) var(--ease-out)}}.topbar{gap:10px;padding:13px 22px;border-bottom:.5px solid var(--line);background:var(--material-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:30}.topbar,.topbar__brand{display:flex;align-items:center}.topbar__brand{gap:11px;font-weight:700;font-size:18px;letter-spacing:-.02em;min-width:0}.topbar__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__menu{display:none}@media(max-width:720px){.topbar{gap:6px;padding:9px 12px}.topbar__menu{display:inline-flex}.topbar__name{display:none}.topbar .topbar__actions .button{padding:0 9px;gap:5px}.topbar .topbar__actions .button__label,.topbar__back .button__label{display:none}.topbar__back{padding:0 9px}}.topbar__mark{width:34px;height:34px;border-radius:var(--r-xs);background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 3px 8px var(--accent-ring),inset 0 1px 0 hsla(0,0%,100%,.35)}.topbar__mark .icon{width:20px;height:20px}.topbar__actions{display:flex;align-items:center;gap:10px}@media(max-width:720px){.topbar__actions{gap:6px}}.count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:11px;font-weight:700}.sidebar{width:328px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-right:.5px solid var(--line);background:var(--material);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}@media(max-width:1080px){.sidebar{width:280px}}@media(max-width:720px){.sidebar{position:absolute;inset:0 auto 0 0;z-index:26;width:min(84vw,300px);background:var(--surface);box-shadow:var(--sh-lg);transform:translateX(-100%);transition:transform var(--dur) var(--ease-out);will-change:transform}.shell--nav-open .sidebar{transform:translateX(0)}}.sidebar__head{padding:14px;border-bottom:.5px solid var(--line)}.sidebar__list{flex:1 1;overflow-y:auto;padding:10px}.sidebar__empty{padding:36px 22px;text-align:center;color:var(--ink-3);font-size:14px}.sidebar__foot{padding:13px 16px;border-top:.5px solid var(--line);color:var(--ink-3);font-size:13px}.search{position:relative}.search__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search__input{width:100%;padding:11px 12px 11px 38px;border:.5px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface-2);color:var(--ink);font-size:15px;transition:box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.search__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.product-item{display:flex;align-items:center;gap:14px;padding:13px 14px;margin-bottom:4px;border-radius:var(--r-sm);border:.5px solid rgba(0,0,0,0);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.product-item:hover{background:var(--surface-3)}.product-item--active{border-color:var(--accent-border)}.product-item--active,.product-item--active:hover{background:var(--accent-soft)}.product-item__thumb{width:60px;height:60px;flex-shrink:0;border-radius:var(--r-sm);background:var(--surface-3);color:var(--ink-3);display:grid;place-items:center;overflow:hidden}.product-item__thumb img{width:100%;height:100%;object-fit:cover}.product-item__info{flex:1 1;min-width:0}.product-item__name{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-item__status{margin-left:auto;flex-shrink:0;padding:2px 7px;border-radius:var(--r-xs);font-size:10px;font-weight:700;letter-spacing:.02em}.product-item__status--added{color:var(--ok);background:var(--ok-soft);border:.5px solid var(--ok-border)}.product-item__status--modified{color:var(--amber-ink);background:var(--amber-soft);border:.5px solid var(--amber-border)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);flex-shrink:0}.status-dot--draft{background:var(--ink-3)}.status-dot--archived{background:var(--danger)}.canvas{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.canvas__topbar{flex-shrink:0;padding:11px 24px;border-bottom:.5px solid var(--line);background:var(--material);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}@media(max-width:720px){.canvas__topbar{padding:10px 16px}}.canvas__cols{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 472px;overflow:hidden}@media(max-width:1080px){.canvas__cols{grid-template-columns:minmax(0,1fr);overflow-y:auto}}@media(max-width:720px){.canvas__cols[data-mobile-view=edit] .canvas__preview,.canvas__cols[data-mobile-view=preview] .canvas__form{display:none}}.canvas__preview{min-height:0;overflow-y:auto;padding:24px}@media(max-width:1080px){.canvas__preview{overflow:visible}}@media(max-width:720px){.canvas__preview{padding:16px}}.canvas__form{min-height:0;overflow-y:auto;padding:24px;border-left:.5px solid var(--line)}@media(max-width:1080px){.canvas__form{overflow:visible;border-left:none;border-top:.5px solid var(--line)}}@media(max-width:720px){.canvas__form{padding:16px}}.canvas__empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--ink-2);padding:40px}.canvas__empty p{margin:0 0 16px}.view-toggle{display:none}@media(max-width:720px){.view-toggle{display:inline-flex;padding:2px;border-radius:var(--r-pill);border:.5px solid var(--line-2);background:var(--surface-2)}}.view-toggle button{border:none;background:none;font:inherit;color:inherit;cursor:pointer;padding:5px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--ink-2)}.view-toggle button.is-active{background:var(--accent-soft);color:var(--accent)}.crumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--ink-2);font-size:14px}.change,.crumb{align-items:center}.change{display:inline-flex;gap:6px;padding:3px 10px;border-radius:var(--r-pill);border:.5px solid;font-size:12px;font-weight:600}.change--added{color:var(--ok);border-color:var(--ok-border);background:var(--ok-soft)}.change--modified{color:var(--amber-ink);border-color:var(--amber-border);background:var(--amber-soft)}.change--unchanged{color:var(--ink-3);border-color:var(--line-2);background:var(--surface-2)}.change-tags{display:inline-flex;flex-wrap:wrap;gap:6px}.diff-tag{padding:2px 8px;border-radius:var(--r-xs);background:var(--surface-2);color:var(--ink-2);font-size:11px;font-weight:600}.diff-tag,.preview{border:.5px solid var(--line)}.preview{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh);overflow:hidden}.preview__flag{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:.5px solid var(--line);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600}.preview__flag-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.preview__gallery{display:grid;grid-template-columns:84px 1fr;grid-gap:16px;gap:16px;padding:20px}.preview__thumbs{display:flex;flex-direction:column;gap:8px}.preview__thumb{width:74px;height:74px;flex-shrink:0;border-radius:var(--r-sm);overflow:hidden;border:2px solid var(--line);background:var(--surface-2);color:var(--ink-3);cursor:pointer;display:grid;place-items:center;transition:border-color var(--dur-fast) var(--ease)}.preview__thumb--active{border-color:var(--accent)}.preview__thumb img{width:100%;height:100%;object-fit:cover}.preview__main{aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--surface-2);border:.5px solid var(--line);display:grid;place-items:center}.preview__main img{width:100%;height:100%;object-fit:cover}.preview__placeholder{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:20px;color:var(--ink-3);font-size:13px;text-align:center}.preview__placeholder .icon{width:38px;height:38px}.preview__detail{padding:18px 20px 22px;border-top:.5px solid var(--line)}.preview__title{font-size:24px;letter-spacing:-.03em;line-height:1.2;margin:0 0 8px}.preview__title--empty{color:var(--ink-3);font-weight:600}.preview__rating{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--star);font-size:14px}.preview__stars{display:inline-flex;gap:1px}.preview__star{width:15px;height:15px;color:var(--star)}.preview__reviews{color:var(--ink-3);font-size:12px}.preview__price{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.preview__price-now{font-size:27px;font-weight:700;letter-spacing:-.02em}.preview__price-was{color:var(--ink-3);text-decoration:line-through;font-size:16px}.preview__price-save{color:var(--ok);font-weight:600;font-size:13px}.preview__stock{margin:8px 0 18px;font-size:13px;font-weight:600}.preview__stock--in{color:var(--ok)}.preview__stock--out{color:var(--danger)}.preview__option{margin-bottom:16px}.preview__option-label{margin-bottom:8px;color:var(--ink-2);font-size:13px}.preview__option-label b{color:var(--ink)}.preview__swatches{display:flex;flex-wrap:wrap;gap:8px}.preview__swatch{min-width:44px;padding:8px 14px;border:1.5px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.preview__swatch:hover{border-color:var(--ink-3)}.preview__swatch--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.preview__cta{display:flex;gap:10px;margin:18px 0 16px}.preview__buy,.preview__cart{flex:1 1;padding:12px;border:none;border-radius:var(--r-pill);font-size:14px;font-weight:650;cursor:default}.preview__cart{background:var(--surface-3);color:var(--ink)}.preview__buy{background:var(--grad);color:#fff;box-shadow:0 4px 14px var(--accent-ring)}.preview__desc{padding-top:16px;border-top:.5px solid var(--line)}.preview__desc h4{margin:0 0 6px;font-size:14px}.preview__desc-text{color:var(--ink-2);font-size:14px;line-height:1.6;white-space:pre-wrap}.preview__desc-text--empty{color:var(--ink-3);font-style:italic}.preview__desc-text--html{white-space:normal}.preview__desc-text--html p{margin:0 0 8px}.preview__desc-text--html ol,.preview__desc-text--html ul{margin:0 0 8px;padding-left:20px}.preview__desc-text--html a{color:var(--accent)}.preview__desc-text--html :last-child{margin-bottom:0}.form{display:flex;flex-direction:column;gap:16px}.card{border:.5px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--sh-sm);overflow:hidden}.card__head{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:.5px solid var(--line)}@media(max-width:720px){.card__head{padding:14px 16px}}.card__title{font-size:18px;font-weight:650;letter-spacing:-.02em}.card__sub{color:var(--ink-3);font-size:13px;font-weight:500}.card__body{padding:22px}@media(max-width:720px){.card__body{padding:16px}}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field:last-child{margin-bottom:0}.field__error{color:var(--danger);font-size:13px;font-weight:500}.link-button{border:none;background:none;color:inherit;padding:0;color:var(--accent);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.field-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap}.field-label__req{color:var(--danger);font-weight:700}.field-label__opt{color:var(--ink-3);font-weight:500;font-size:12px}.input{width:100%;padding:12px 14px;border:.5px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface-2);color:var(--ink);font-size:16px;transition:box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);background:var(--surface)}.input--invalid{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.input--mini{padding:9px 11px;font-size:15px}.input option{background:var(--surface);color:var(--ink)}textarea.input{min-height:112px;line-height:1.55;resize:vertical}.input-prefix{position:relative}.input-prefix__symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-weight:600;pointer-events:none}.input-prefix .input{padding-left:24px}.variant-scope{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--accent-soft);border:.5px solid var(--accent-border);color:var(--accent);font-size:13px;font-weight:600}.variant-list{margin-top:16px}.variant-list__title{margin-bottom:6px;font-size:13px;font-weight:600;color:var(--ink-2)}.variant-row{display:grid;grid-template-columns:1fr 108px 92px;grid-gap:10px;gap:10px;align-items:center;padding:9px 0;border-top:.5px solid var(--line)}.variant-row:first-of-type{border-top:none}.variant-row__label{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-row__label small{display:block;color:var(--ink-3);font-weight:500;font-size:12px}.hint-button{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;width:22px;height:22px;border-radius:50%;border:.5px solid var(--line-2);background:var(--surface-2);color:var(--amber);display:grid;place-items:center;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.hint-button:hover{background:var(--amber-soft);border-color:var(--amber-border);transform:scale(1.1)}.hint-button .icon{width:13px;height:13px}.card__head .hint-button,.field-label .hint-button{margin-left:auto}@media(max-width:720px){.attribute__name,.chip-input,.image-item__input,.images__adder-input,.input,.input--mini,.search__input{font-size:16px}}@media(max-width:480px){.variant-row{grid-template-columns:1fr 1fr}.variant-row__label{grid-column:1/-1}}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch__input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:51px;height:31px;flex-shrink:0;border-radius:var(--r-pill);background:var(--line-2);transition:background var(--dur) var(--ease)}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform var(--dur) var(--ease)}.switch__input:checked+.switch__track{background:var(--ok)}.switch__input:checked+.switch__track:after{transform:translateX(20px)}.switch__input:focus-visible+.switch__track{box-shadow:0 0 0 4px var(--accent-ring)}.switch__text{font-size:14px;font-weight:600}.accordion{border:.5px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--sh-sm);overflow:hidden}.accordion__summary{display:flex;align-items:center;gap:8px;padding:14px 18px;cursor:pointer;font-size:15px;font-weight:600;list-style:none}.accordion__summary::-webkit-details-marker{display:none}.accordion__chevron{width:18px;height:18px;flex-shrink:0;margin-left:auto;color:var(--ink-3);transition:transform var(--dur) var(--ease)}.accordion[open] .accordion__chevron{transform:rotate(180deg)}.accordion__body{padding:0 18px 18px}.savebar{position:-webkit-sticky;position:sticky;bottom:0;z-index:8;flex-shrink:0;display:flex;align-items:center;gap:12px;border-top:.5px solid var(--line);background:var(--material-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);padding:12px 24px max(12px,env(safe-area-inset-bottom))}@media(max-width:720px){.savebar{gap:8px;padding:10px 16px max(10px,env(safe-area-inset-bottom))}.savebar .savebar__delete{padding:0 11px}.savebar .savebar__delete .button__label{display:none}}.savebar__status{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:13px;font-weight:500;color:var(--ink-3)}.savebar__status--dirty{color:var(--amber-ink)}@media(max-width:480px){.savebar__status{display:none}.savebar__status--dirty{display:inline-flex}}.callout{border-radius:var(--r-sm);background:var(--amber-soft);border:.5px solid var(--amber-border);color:var(--amber-ink);font-size:13px}.callout,.note{display:flex;gap:10px;padding:12px 14px;line-height:1.5}.note{border-radius:var(--r-sm);background:var(--surface-2);border:.5px solid var(--line);color:var(--ink-2);font-size:12.5px}.note .icon{flex-shrink:0}.hint,.note .icon{color:var(--ink-3)}.hint{margin:0;font-size:13.5px;line-height:1.5}.attribute{padding:12px;margin-bottom:12px;border:.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface-2)}.attribute__head{display:flex;align-items:center;gap:8px;margin-bottom:11px}.attribute__name{flex:1 1;min-width:0;padding:8px 11px;border:.5px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface);color:var(--ink);font-weight:600;outline:none}.attribute__name:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.attribute__name.input--invalid{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.attribute__chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 7px 5px 12px;border:.5px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600}.chip__remove{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;width:18px;height:18px;border-radius:50%;color:var(--ink-3);display:grid;place-items:center}.chip__remove:hover{background:var(--danger-soft);color:var(--danger)}.chip-input{width:108px;padding:6px 12px;border:1px dashed var(--line-2);border-radius:var(--r-pill);background:rgba(0,0,0,0);color:var(--ink);font-size:13px;outline:none}.chip-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);border-style:solid}.chip-input:disabled{opacity:.5;cursor:not-allowed}.add-attribute{width:100%;border-style:dashed;background:var(--surface-2)}.add-attribute:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.menu-backdrop{position:fixed;inset:0;z-index:90}.menu{position:fixed;z-index:91;padding:7px;border:.5px solid var(--line-2);border-radius:var(--r-sm);box-shadow:var(--sh-lg);background:var(--material-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);overflow-y:auto;animation:menu-in var(--dur-fast) var(--ease-out)}.menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--r-xs);background:rgba(0,0,0,0);color:var(--ink);font-size:14px;font-weight:500;text-align:left;transition:background var(--dur-fast) var(--ease)}.menu__item .icon{color:var(--ink-3)}.menu__item:hover{background:var(--accent-soft)}.menu__item:hover,.menu__item:hover .icon{color:var(--accent)}.menu__item--custom{color:var(--accent);font-weight:600}.menu__sep{height:.5px;margin:5px 4px;background:var(--line)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.images{display:flex;flex-direction:column;gap:10px}.images__adder{display:flex;gap:8px}.images__adder-input{flex:1 1;padding:10px 12px;border:.5px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface-2);color:var(--ink);outline:none;transition:box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.images__adder-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.image-item{display:flex;align-items:center;gap:10px;padding:8px;border:.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}.image-item__thumb{width:46px;height:46px;flex-shrink:0;border-radius:var(--r-xs);background:var(--surface-3);color:var(--ink-3);display:grid;place-items:center;overflow:hidden}.image-item__thumb img{width:100%;height:100%;object-fit:cover}.image-item__fields{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px}.image-item__input{width:100%;padding:7px 9px;border:.5px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface);color:var(--ink);font-size:12.5px;outline:none}.image-item__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.overlay{position:fixed;inset:0;z-index:70;padding:30px;display:grid;place-items:center;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlay-in var(--dur) var(--ease-out)}@media(max-width:720px){.overlay{padding:14px;align-items:end}}.modal{width:100%;max-width:780px;max-height:80vh;display:flex;flex-direction:column;border:.5px solid var(--line-2);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-lg);overflow:hidden;animation:modal-in var(--dur) var(--ease-out)}@media(max-width:720px){.modal{max-height:86vh}}.modal__head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:.5px solid var(--line)}@media(max-width:720px){.modal__head{padding:14px 16px}}.modal__title{font-size:18px;letter-spacing:-.02em}.modal__body{overflow-y:auto;padding:8px 0}.diff-summary{display:flex;flex-wrap:wrap;gap:8px}.diff-stat{padding:3px 10px;border-radius:var(--r-pill);border:.5px solid;font-size:12px;font-weight:600}.diff-stat--added{color:var(--ok);border-color:var(--ok-border);background:var(--ok-soft)}.diff-stat--modified{color:var(--amber-ink);border-color:var(--amber-border);background:var(--amber-soft)}.diff-stat--removed{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.diff-row{display:flex;align-items:center;gap:14px;padding:12px 22px;border-left:3px solid rgba(0,0,0,0)}@media(max-width:720px){.diff-row{gap:10px;padding:11px 16px}}.diff-row+.diff-row{border-top:.5px solid var(--line)}.diff-row--added{border-left-color:var(--ok);background:linear-gradient(90deg,var(--ok-soft),transparent 60%)}.diff-row--modified{border-left-color:var(--amber);background:linear-gradient(90deg,var(--amber-soft),transparent 60%)}.diff-row--removed{border-left-color:var(--danger);background:linear-gradient(90deg,var(--danger-soft),transparent 60%)}.diff-row--removed .diff-row__name{text-decoration:line-through;color:var(--ink-3)}.diff-row--muted{color:var(--ink-3);font-size:12.5px}.diff-row__sign{width:22px;flex-shrink:0;text-align:center;font-size:16px;font-weight:800}.diff-row--added .diff-row__sign{color:var(--ok)}.diff-row--modified .diff-row__sign{color:var(--amber)}.diff-row--removed .diff-row__sign{color:var(--danger)}.diff-row__main{flex:1 1;min-width:0}.diff-row__name{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-row__changes{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.diff-row__open{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:13px;font-weight:600}.diff-row__open:hover{text-decoration:underline}.diff-empty{padding:44px 20px;text-align:center;color:var(--ink-3)}.confirm{max-width:460px}.confirm__body{padding:20px 22px;color:var(--ink-2);font-size:15px;line-height:1.6}.confirm__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0 22px 20px}@media(max-width:720px){.confirm__actions .button{flex:1 1 100%}}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:10px;padding:12px 18px;border:.5px solid var(--line-2);border-radius:var(--r);background:var(--material-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--sh-lg);color:var(--ink);font-size:14px;font-weight:500;animation:toast-in var(--dur) var(--ease-out)}.toast__icon{width:20px;height:20px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff}.toast--good .toast__icon{background:var(--ok)}.toast--bad{border-color:var(--danger-border)}.toast--bad .toast__icon{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.tour-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.32);animation:overlay-in var(--dur) var(--ease-out)}.tour-ring{position:fixed;z-index:101;border-radius:var(--r-sm);pointer-events:none;border:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-ring),0 0 26px var(--accent-ring);transition:all var(--dur) var(--ease-out);animation:ring-pulse 1.8s var(--ease) infinite}.tour-ring--preview{border-color:var(--amber);box-shadow:0 0 0 4px var(--amber-soft),0 0 26px var(--amber-soft);animation:none}.tour-tag{position:fixed;z-index:102;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);background:var(--amber);color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;box-shadow:var(--sh);pointer-events:none}.tour-card{position:fixed;z-index:103;width:320px;max-width:calc(100vw - 24px);padding:18px;border:.5px solid var(--line-2);border-radius:var(--r);background:var(--material-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--sh-lg);animation:modal-in var(--dur) var(--ease-out)}.tour-card__step{margin-bottom:6px;color:var(--accent);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tour-card__title{margin:0 0 6px;font-size:16px}.tour-card__body{margin:0 0 14px;color:var(--ink-2);font-size:14px;line-height:1.5}.tour-card__actions{display:flex;align-items:center;gap:8px}@keyframes ring-pulse{0%,to{box-shadow:0 0 0 4px var(--accent-ring),0 0 26px var(--accent-ring)}50%{box-shadow:0 0 0 7px var(--accent-soft),0 0 34px var(--accent-ring)}}