:root{--bg: #f6f4f2;--panel: #ffffff;--surface: #ffffff;--surface-2: var(--surface-2);--surface-3: var(--surface-3);--ink: #2b2430;--ink-soft: #7a7280;--line: #e9e4e6;--line-strong: #d9d2d6;--accent: #c8365f;--accent-soft: #fce8ee;--accent-ink: #9c2547;--ok: #2f8f5b;--shadow: 0 1px 2px rgba(43, 36, 48, .06), 0 8px 24px rgba(43, 36, 48, .06);--radius: 12px;--radius-sm: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--bg: #17141a;--panel: #201c26;--surface: #201c26;--surface-2: #2a2530;--surface-3: #322c39;--ink: #ece8ef;--ink-soft: #a89fb0;--line: #322c39;--line-strong: #463d50;--accent: #e0517d;--accent-soft: #3a2430;--accent-ink: #f3a9c1;--ok: #5cb98a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar__brand{display:flex;align-items:center;gap:12px}.topbar__logo{font-size:28px}.topbar__title{font-weight:700;font-size:16px}.topbar__sub{color:var(--ink-soft);font-size:12px}.topbar__config{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;row-gap:8px;justify-content:flex-end}.cake-switcher{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-left:8px;padding:6px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);cursor:pointer;font:inherit;max-width:280px}.cake-switcher:hover{border-color:var(--accent);background:var(--accent-soft)}.cake-switcher__name{font-weight:700;font-size:14px;color:var(--ink);max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cake-switcher__count{font-size:11px;color:var(--ink-soft)}.topbar__field{display:flex;flex-direction:column;gap:4px}.topbar__field>span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.topbar__field--narrow .input{width:110px}.topbar__history{display:flex;gap:6px;align-items:center}.shellnav{display:flex;gap:4px;margin-left:14px}.shellnav__item{padding:6px 14px;border-radius:999px;border:1px solid transparent;background:transparent;font:inherit;font-weight:600;color:var(--ink-soft);cursor:pointer}.shellnav__item--active{background:var(--accent-soft);color:var(--accent-ink)}.shell-content,.builder{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.builderbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;row-gap:8px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.builderbar>.btn{margin-bottom:1px}.cakes{flex:1;overflow-y:auto;padding:24px}.cakes__head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.cakes__title{margin:0;font-size:22px}.cakes__count{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:2px 11px;font-weight:600}.cakes__toggle{margin-left:auto;display:flex;gap:4px}.iconbtn--on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.cakes__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.cakes__list{display:flex;flex-direction:column;gap:8px}.cakerow2{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.cakerow2:hover{border-color:var(--accent)}.cakerow2__emoji{font-size:22px;flex:0 0 auto}.cakerow2__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cakerow2__name{font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cakerow2__meta{font-size:12px;color:var(--ink-soft)}.cakerow2__actions{display:flex;gap:6px;align-items:center;flex:0 0 auto}.toggle-pill{padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);font:inherit;font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap}.toggle-pill:hover{border-color:var(--accent)}.toggle-pill--on{border-color:var(--ok);color:var(--ok)}.toggle-pill:disabled{opacity:.5;cursor:not-allowed}.cake-warn{display:flex;align-items:center;gap:6px;font-size:11px;color:#b42318}.enable-block{margin:0;align-self:center;display:flex;align-items:center;gap:6px;font-size:12px;color:#b42318}.cakecard--off .cakecard__emoji,.cakecard--off .cakecard__name,.cakecard--off .cakecard__meta,.cakerow2--off .cakerow2__emoji,.cakerow2--off .cakerow2__body{opacity:.5}.cakecard{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);cursor:pointer}.cakecard:hover{border-color:var(--accent)}.cakecard__emoji{font-size:28px}.cakecard__name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cakecard__meta{font-size:12px;color:var(--ink-soft)}.cakecard__actions{display:flex;gap:6px;align-items:center;margin-top:10px}.cakecard__edit{margin-right:auto}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,300px) minmax(320px,1fr) minmax(360px,460px);gap:16px;padding:16px;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.panel__header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.panel__header h2{margin:0;font-size:14px;font-weight:700}.panel__count{margin-left:auto;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600}.panel__hint{margin-left:auto;font-size:11px;color:var(--ink-soft);max-width:60%;text-align:right}.steplist{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1}.steprow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent}.steprow:hover{background:var(--surface-2)}.steprow--active{background:var(--accent-soft);border-color:#f3c9d5}.steprow__icon{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;background:var(--surface-3);border-radius:7px;font-size:14px}.steprow--active .steprow__icon{background:var(--surface);color:var(--accent)}.steprow__body{display:flex;flex-direction:column;min-width:0;flex:1}.steprow__label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steprow__meta{font-size:11px;color:var(--ink-soft)}.steprow__actions{display:flex;gap:2px;opacity:0;transition:opacity .12s}.steprow:hover .steprow__actions,.steprow--active .steprow__actions{opacity:1}.steplist__empty{padding:20px 12px;color:var(--ink-soft);text-align:center}.addstep{display:flex;padding:12px;border-top:1px solid var(--line)}.addstep__btn{flex:1}.editor{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.editor__empty,.preview__empty{padding:40px 20px;color:var(--ink-soft);text-align:center}.editor__note{font-size:12px;color:var(--ink-soft);background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;margin:0}.field{display:flex;flex-direction:column;gap:5px}.field--inline{flex-direction:row;align-items:center;gap:8px}.field--wide{grid-column:1 / -1}.field__label{font-size:12px;font-weight:600;color:var(--ink-soft)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:14px}.options__header{display:flex;align-items:center;justify-content:space-between}.options__cols{font-size:11px;color:var(--ink-soft);padding-right:96px}.optionrow{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.optionrow__top{display:flex;gap:8px;align-items:center}.optionrow__img{display:flex;gap:6px;align-items:center}.optionrow__thumb{width:32px;height:32px;flex:0 0 auto;border-radius:6px;object-fit:cover;border:1px solid var(--line);background:var(--bg)}.optionrow__thumb--empty{display:grid;place-items:center;color:var(--ink-soft);font-size:14px}.optionrow__name{flex:1}.depgroups{display:flex;flex-direction:column;gap:12px}.depgroup{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-left:3px solid #f0b9c8;border-radius:var(--radius-sm);background:var(--surface-2)}.depgroup__title{font-size:12px;color:var(--ink-soft)}.depgroup__title strong{color:var(--accent-ink)}.depgroup__ctx{color:var(--ink-soft);font-style:italic}.optionrows__actions{display:flex;align-items:center;gap:8px}.optionrows__spacer{flex:1}.btn--sm{padding:5px 10px;font-size:12px}.optionrow__price{display:flex;align-items:center;gap:4px;width:96px}.optionrow__price .input{width:72px}.optionrow__actions{display:flex;gap:2px}.input{width:100%;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;color:var(--ink);background:var(--surface)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{resize:vertical}.withsuffix,.numberinput{display:flex;align-items:center;gap:6px}.suffix{color:var(--ink-soft);font-size:13px}.btn{padding:8px 14px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);font:inherit;font-weight:600;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}.btn--ghost{margin-left:auto;border-color:transparent;background:transparent;color:var(--ink-soft)}.btn--danger{background:#d64545;border-color:#d64545;color:#fff}.btn--danger:hover:not(:disabled){background:#b83a3a;border-color:#b83a3a;color:#fff}.confirm__msg{margin:0;font-size:14px;line-height:1.5}.iconbtn{width:24px;height:24px;border:1px solid var(--line);background:var(--surface);border-radius:6px;cursor:pointer;color:var(--ink-soft);font-size:10px;line-height:1;display:grid;place-items:center}.iconbtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.iconbtn:disabled{opacity:.3;cursor:not-allowed}.iconbtn--danger:hover:not(:disabled){border-color:#d64545;color:#d64545}.preview{flex:1;overflow-y:auto;padding:18px;background:linear-gradient(180deg,var(--accent-soft),var(--bg))}.preview__frame{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px;max-width:420px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.preview__brand{font-weight:700;font-size:16px;text-align:center;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}.dots{display:flex;align-items:center;gap:6px;margin-bottom:18px}.dot{width:8px;height:8px;border-radius:999px;background:var(--line-strong)}.dot--done{background:#f0b9c8}.dot--active{background:var(--accent);transform:scale(1.3)}.dots__label{margin-left:auto;font-size:11px;color:var(--ink-soft)}.stepview__head h3{margin:0 0 4px;font-size:17px}.req{color:var(--accent);margin-left:3px}.stepview__help{margin:0 0 14px;color:var(--ink-soft);font-size:13px}.optcards{display:flex;flex-direction:column;gap:8px}.optcard{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border:1.5px solid var(--line-strong);border-radius:10px;background:var(--surface);font:inherit;cursor:pointer;text-align:left}.optcard:hover{border-color:#f0b9c8}.optcard--sel{border-color:var(--accent);background:var(--accent-soft)}.optcard__img{width:44px;height:44px;flex:0 0 auto;border-radius:8px;object-fit:cover;border:1px solid var(--line);background:var(--bg)}.optcard__name{flex:1}.optcard__price{color:var(--accent-ink);font-weight:600;white-space:nowrap}.optcard__price--neg,.summary__price--neg{color:var(--ok)}.check{color:var(--accent)}.stepper{display:flex;align-items:center;gap:12px}.stepper__btn{width:40px;height:40px;border:1.5px solid var(--line-strong);background:var(--surface);border-radius:10px;font-size:20px;cursor:pointer}.stepper__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stepper__btn:disabled{opacity:.4;cursor:not-allowed}.stepper__value{font-size:18px;font-weight:600;min-width:70px;text-align:center}.stepper__unitprice,.counter{color:var(--ink-soft);font-size:12px}.textinput{display:flex;flex-direction:column;gap:4px}.counter{align-self:flex-end}.imageinput{display:flex;flex-direction:column;gap:8px}.imageinput__name{font-size:13px;color:var(--ok)}.preview__price{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:18px 0 12px;border-top:1px solid var(--line)}.preview__price strong{font-size:20px;color:var(--accent-ink)}.preview__deposit{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-soft);padding-bottom:6px}.preview__deposit strong{color:var(--ink);font-weight:600}.optcard__sub{display:block;font-size:11px;color:var(--ink-soft);margin-top:2px}.preview__nav{display:flex;gap:10px}.preview__nav .btn{flex:1}.summary h3{margin:0 0 12px;font-size:17px}.summary__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.summary__row{display:grid;grid-template-columns:34% 1fr auto;gap:8px;padding:8px 0;border-bottom:1px dashed var(--line);align-items:baseline}.summary__key{color:var(--ink-soft);font-size:12px}.summary__val{font-weight:500}.summary__price{color:var(--accent-ink);font-weight:600;font-size:13px}.summary__row--base .summary__price{color:var(--ink)}.steprow__grip,.optionrow__grip{cursor:grab;color:var(--line-strong);font-size:16px;line-height:1;-webkit-user-select:none;user-select:none;flex:0 0 auto;padding:8px 7px;margin:-4px 0;border-radius:6px;align-self:center}.steprow__grip:active,.optionrow__grip:active{cursor:grabbing}.steprow__grip:hover,.optionrow__grip:hover,.steprow:hover .steprow__grip{color:var(--ink-soft);background:var(--surface-2)}.steprow--over,.optionrow--over{box-shadow:inset 0 2px 0 var(--accent)}.chip{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600;vertical-align:middle}.chip--cond{background:#eef1fb;color:#4457b8}.visibility{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}.visibility__header{display:flex;align-items:center;gap:8px}.visibility__badge{margin-left:auto;font-size:11px;color:var(--ink-soft);background:var(--surface-3);border-radius:999px;padding:1px 9px}.visibility__mode{display:grid;grid-template-columns:1fr;gap:8px}.visibility__mode:has(select:nth-child(2)){grid-template-columns:1.4fr 1fr}.condlist{display:flex;flex-direction:column;gap:10px}.condrow{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.condrow__main{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center}.condrow__value{width:100%}.cond__checklist{display:flex;flex-wrap:wrap;gap:4px 14px;padding:4px 2px 2px}.cond__check{display:flex;align-items:center;gap:5px;font-size:13px}.visibility__summary{margin:0;font-size:12px;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--radius-sm);padding:8px 10px}.preview__hidden{margin:10px 0 0;font-size:12px;color:var(--ink-soft);text-align:center}.optionrow__perkg{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding-top:6px;border-top:1px dashed var(--line)}.minifield{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--ink-soft)}.minifield .input{padding:5px 7px;width:96px}.rangebox{display:flex;align-items:center;gap:4px}.rangebox .input{width:58px}.rangebox__dash{color:var(--ink-soft)}.pricing-btn{text-align:left;white-space:nowrap}.pricingform{display:flex;flex-direction:column;gap:14px}.pricingform__section{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:14px}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login__card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login__brand{font-size:22px;font-weight:800;text-align:center}.login__sub{margin:0 0 4px;text-align:center;color:var(--ink-soft);font-size:13px}.login__error{margin:0;color:#b42318;font-size:13px}.login__submit{margin-top:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b243073;display:grid;place-items:center;padding:24px;z-index:1000}.modal{width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border-radius:var(--radius);box-shadow:0 24px 64px #2b243052}.modal__header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal__title{margin:0;font-size:16px;font-weight:700}.modal__close{margin-left:auto;width:30px;height:30px;border:1px solid var(--line);background:var(--surface);border-radius:8px;cursor:pointer;color:var(--ink-soft);font-size:12px}.modal__close:hover{border-color:var(--accent);color:var(--accent)}.modal__body{padding:20px;overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.modal__lead{margin:0 0 16px;color:var(--ink-soft);font-size:13px}.typegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.typecard{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px;border:1.5px solid var(--line-strong);border-radius:10px;background:var(--surface);cursor:pointer;font:inherit}.typecard:hover{border-color:var(--accent);background:var(--accent-soft)}.typecard__icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;background:var(--surface-3);border-radius:8px;font-size:16px}.typecard:hover .typecard__icon{background:var(--surface);color:var(--accent)}.typecard__body{display:flex;flex-direction:column;gap:3px;min-width:0}.typecard__label{font-weight:600}.typecard__hint{font-size:11px;color:var(--ink-soft);line-height:1.35}.addstep-section+.addstep-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.addstep-section__title{margin:0 0 4px;font-size:13px;font-weight:700}@media(max-width:520px){.typegrid{grid-template-columns:1fr}}.cakelist{display:flex;flex-direction:column;gap:8px}.cakerow{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:6px 8px 6px 10px}.cakerow--active{border-color:var(--accent);background:var(--accent-soft)}.cakerow__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:transparent;border:none;cursor:pointer;font:inherit;color:var(--ink)}.cakerow__name{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cakerow__meta{font-size:11px;color:var(--ink-soft)}.cakerow__actions{display:flex;gap:4px;flex:0 0 auto}.issue-badge{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:11px;font-weight:800;line-height:1;color:#fff;flex:0 0 auto}.issue-badge--error{background:#d64545}.issue-badge--warning{background:#c98a1e}.steprow__label .issue-badge{margin-left:8px;vertical-align:middle}.issue-banner{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid}.issue-banner--error{background:#fdecec;border-color:#f2c2c2}.issue-banner--warning{background:#fdf5e6;border-color:#f0dcae}.issue-banner__head{font-size:12px;font-weight:700}.issue-banner--error .issue-banner__head{color:#b42318}.issue-banner--warning .issue-banner__head{color:#8a6d1b}.issue-line{display:flex;gap:8px;align-items:flex-start;font-size:12px}.issue-line--error{color:#9a2820}.issue-line--warning{color:#7a611a}.field-issues{display:flex;flex-direction:column;gap:4px}.field-issue{margin:0;display:flex;gap:6px;align-items:flex-start;font-size:12px}.field-issue--error{color:#b42318}.field-issue--warning{color:#8a6d1b}.condrow--error{border-color:#e2a0a0;background:#fdecec}.condrow--warning{border-color:#ebcd8a;background:#fdf5e6}.steplist::-webkit-scrollbar,.editor::-webkit-scrollbar,.preview::-webkit-scrollbar{width:10px}.steplist::-webkit-scrollbar-thumb,.editor::-webkit-scrollbar-thumb,.preview::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:3px solid var(--panel)}@media(max-width:1080px){.workspace{grid-template-columns:1fr;overflow-y:auto;height:auto}.app{height:auto;min-height:100vh}}