@import url(https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap);
@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:0.25rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--font-weight-medium:500;--radius-lg:0.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-white:#fff;--color-dark-white:#f6f4f0;--color-light-blue:#7e7777;--color-blue:#d86954;--color-dark-grey:#191818}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-12{width:calc(var(--spacing)*12)}.w-full{width:100%}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-blue{border-color:var(--color-blue)}.border-dark-grey{border-color:var(--color-dark-grey)}.border-light-blue{border-color:var(--color-light-blue)}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:transparent}.bg-blue{background-color:var(--color-blue)}.bg-dark-white{background-color:var(--color-dark-white)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-6{padding-inline:calc(var(--spacing)*6)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-light-blue{color:var(--color-light-blue)}.text-white{color:var(--color-white)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.outline-none{--tw-outline-style:none;outline-style:none}.hover\:opacity-90{&:hover{@media (hover:hover){opacity:90%}}}}@layer components{.text-header{font-size:28px;font-weight:600}.centred{align-items:center;display:flex;justify-content:center}.animate-spin{animation:spin 1s linear infinite}}#myPage,body,html{height:100%;width:100%}body{font-family:Onest,sans-serif}div{-ms-overflow-style:none;scrollbar-width:none}div::-webkit-scrollbar{display:none}button{cursor:pointer}input{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial}}}
:root{--ink:#191818;--terracotta:#d86954;--terracotta-deep:#c15642;--terracotta-bright:#e4745e;--white:#fff;--cream:#f6f4f0;--cream-2:#f1eee8;--peach:#fee7e0;--blush:#f0c1b8;--sage:#ebeee7;--gray-700:#606062;--gray-600:#7e7777;--gray-400:#a7a7a7;--gray-300:#d9d9d9;--gray-200:#e8e6e2;--gray-100:#f5f4f1;--border:rgba(25,24,24,.08);--border-soft:rgba(25,24,24,.06);--shadow-lift:0 18px 44px -18px rgba(30,61,68,.26),0 4px 14px -8px rgba(30,61,68,.14);--shadow-card:0 1px 2px rgba(25,24,24,.05),0 8px 24px -16px rgba(30,61,68,.18);--shadow-pop:0 24px 60px -20px rgba(30,61,68,.32),0 6px 18px -10px rgba(30,61,68,.16)}.topbar{align-items:center;background:var(--white);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:0 28px 0 32px;z-index:30}.topbar__logo{display:block;height:30px}.topbar__name{align-items:center;border:1px dashed transparent;border-radius:999px;color:var(--gray-600);display:flex;font-size:15px;gap:8px;padding:7px 14px}.topbar__name:hover{border-color:var(--border)}.topbar__name .pen{height:13px;opacity:.5;width:13px}.seg{background:var(--cream);display:flex;gap:2px;padding:4px;position:relative}.seg,.seg__thumb{border-radius:999px}.seg__thumb{background:var(--ink);bottom:4px;position:absolute;top:4px;transition:transform .22s ease,width .22s ease;z-index:0}.seg__btn{background:transparent;border:0;border-radius:999px;color:var(--gray-600);cursor:pointer;font-size:13px;font-weight:500;padding:7px 20px;position:relative;transition:color .2s;white-space:nowrap;z-index:1}.seg__btn.is-active{color:var(--white)}.topbar__nav,.topbar__tools{align-items:center;display:flex;gap:12px}.topbar__price{background:var(--peach);border-radius:999px;color:var(--terracotta-deep);font-size:14px;font-weight:600;padding:9px 16px;white-space:nowrap}.icon-btn{background:var(--cream);border:0;border-radius:999px;color:var(--ink);cursor:pointer;display:grid;height:44px;place-items:center;transition:background .18s,transform .18s;width:44px}.icon-btn:hover{background:var(--peach)}.icon-btn svg{height:20px;width:20px}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.avatar{background:var(--blush);border:1px solid var(--border);border-radius:999px;color:var(--ink);display:grid;font-size:17px;font-weight:600;height:46px;overflow:hidden;place-items:center;width:46px}.avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.side{background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:22px;padding:20px 16px;z-index:20}.sidetoggle{background:var(--cream);border-radius:999px;display:flex;padding:3px}.sidetoggle__btn{background:transparent;border:0;border-radius:999px;color:var(--gray-600);cursor:pointer;flex:1;font-size:11.5px;font-weight:500;padding:7px 4px;transition:background .18s,color .18s}.sidetoggle__btn.is-active{background:var(--ink);color:var(--white)}.side__label{color:var(--gray-400);font-size:11px;letter-spacing:.12em;padding-left:4px;text-transform:uppercase}.modes{display:flex;flex-direction:column;gap:8px}.mode-btn{align-items:center;background:var(--cream);border:0;border-radius:16px;box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:11px;line-height:1.15;min-height:52px;padding:10px 12px;text-align:left;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.mode-btn:hover{background:var(--peach)}.mode-btn .mi{color:var(--gray-600);flex:none;height:20px;width:20px}.mode-btn.is-active{background:var(--terracotta);box-shadow:0 10px 24px -12px rgba(216,105,84,.7);color:var(--white)}.mode-btn.is-active .mi{color:var(--white)}.ws-stage-bg{background:radial-gradient(circle at 1px 1px,rgba(25,24,24,.05) 1px,transparent 0) 0 0 /28px 28px,var(--cream)}.stage__hint{color:var(--gray-400);font-size:11px;left:24px;letter-spacing:.08em;pointer-events:none;position:absolute;text-transform:uppercase;top:18px}.stage__zoom{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-card);display:flex;gap:2px;padding:4px}.stage__zoom button{background:transparent;border:0;border-radius:999px;color:var(--ink);cursor:pointer;display:grid;font-size:16px;height:30px;place-items:center;width:30px}.stage__zoom button:hover{background:var(--cream)}.stage__zoom .z-val{font-size:12px;min-width:46px;padding:0 8px;text-align:center}.stage__zoom .z-focus,.stage__zoom .z-val{color:var(--gray-600)}.stage__zoom .z-focus:hover{color:var(--ink)}.ghost-infinity{align-items:center;bottom:22px;color:rgba(25,24,24,.1);display:flex;font-size:60px;font-weight:700;height:38px;line-height:1;pointer-events:none;right:22px;transform:scale(1.22);transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draw-wrap,.ghost-infinity{position:absolute}.draw-wrap svg.draw{inset:0;position:absolute}.anno.code{border:1px solid transparent;box-shadow:0 1px 2px rgba(25,24,24,.12);font-size:10.5px;font-weight:500}.anno.code.empty{background:#ffe08a;border-color:rgba(150,112,20,.38);color:#6b521a}.anno.code.obj{background:var(--terracotta);border-color:rgba(150,60,40,.4);color:#fff}.anno.code.cut{background:#cfe3f5;border-color:rgba(95,140,185,.42);color:#2f5d86}.anno.code .id{font-weight:400;margin-left:4px;opacity:.65}.anno.code.sel{background:var(--terracotta);border-color:rgba(150,60,40,.4);color:#fff}.anno.code.vert{transform:translate(-50%,-50%) rotate(-90deg)}.anno.dimv{background:#e8e8ea;color:#54545a;font-size:10.5px;font-weight:500}.popup.no-arrow:after{display:none}.pg-item{display:flex;flex-direction:column;gap:10px}.pg-cap{color:var(--gray-400);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.toggle.danger{align-items:center;color:#a8381c;display:inline-flex;justify-content:center}.toggle.danger:hover{background:var(--peach)}.anno.p-above{transform:translate(-50%,calc(-100% - 5px))}.anno.p-below{transform:translate(-50%,5px)}.anno.p-left{transform:translate(calc(-100% - 5px),-50%)}.anno.p-right{transform:translate(5px,-50%)}.anno{align-items:center;border-radius:7px;box-sizing:border-box;display:inline-flex;font-size:11px;font-weight:500;height:22px;line-height:1;padding:0 9px;position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.anno.dim{background:var(--white);border:1px solid var(--border);color:var(--gray-600)}.anno.edit{align-items:center;background:var(--peach);border:1px solid rgba(216,105,84,.45);box-shadow:0 1px 2px rgba(25,24,24,.1);color:var(--terracotta-deep);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px}.anno.edit .pen{flex:none;height:10px;opacity:.65;width:10px}.anno.connlbl{align-items:center;cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:6px}.anno.connlbl svg{flex:none;height:11px;width:11px}.anno.connlbl.ro{background:#ffe08a;border:1px solid rgba(150,112,20,.38);color:#6b521a}.anno.obj{background:var(--ink);color:var(--white)}.anno.obj-soft{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-card);color:var(--ink)}.anno.sel{background:var(--terracotta);box-shadow:0 8px 18px -8px rgba(216,105,84,.8);color:#fff}.anno .id{font-weight:400;margin-left:5px;opacity:.6}.anno.vert{transform:translate(-50%,-50%) rotate(-90deg)}.anno.conn{background:var(--ink);border:1px solid var(--ink);color:#fff}.anno.edge{background:var(--white);border:1px solid rgba(216,105,84,.4);box-shadow:0 1px 2px rgba(25,24,24,.08);color:var(--terracotta-deep)}.anno.cutlbl{background:rgba(25,24,24,.86);color:#fff;font-size:10.5px;font-weight:500}.stepper{align-items:center;display:flex;gap:4px}.stepper button{background:var(--white);border:0;border-radius:7px;box-shadow:0 1px 2px rgba(25,24,24,.08);color:var(--ink);cursor:pointer;display:grid;font-size:15px;height:24px;place-items:center;width:24px}.stepper button:hover{background:var(--peach)}.stepper .val{font-size:13px;font-weight:600;min-width:22px;text-align:center}.switch{background:var(--gray-300);border:0;border-radius:999px;cursor:pointer;display:inline-block;flex:none;height:22px;padding:3px;transition:background .18s;width:38px}.switch.on{background:var(--terracotta)}.switch .knob{background:#fff;border-radius:999px;display:block;height:16px;transition:transform .18s;width:16px}.switch.on .knob{transform:translateX(16px)}.screed-note{color:var(--gray-600);font-size:11px;text-align:center}.screed-row{align-items:flex-end;display:flex;gap:2px;justify-content:center}.sc-cell{align-items:center;display:flex;flex-direction:column;gap:2px}.sc-arrows{display:flex;gap:1px}.sc-arrows button{background:transparent;border:0;border-radius:4px;color:var(--gray-400);cursor:pointer;display:grid;font-size:10px;height:12px;line-height:1;padding:0;place-items:center;width:12px}.sc-arrows button:hover{background:var(--peach);color:var(--terracotta-deep)}.sc-arrows .sc-sp,.sc-sp{display:inline-block;height:12px;width:12px}.screed-row .sc-val{background:var(--peach);border-radius:6px;color:var(--terracotta-deep);font-size:11px;font-weight:500;padding:3px 7px}.screed-row .sc-val input{background:transparent;border:0;color:inherit;font:inherit;outline:none;padding:0;text-align:center;width:30px}.screed-row .sc-bar{background:var(--terracotta);border-radius:999px;height:16px;margin-bottom:3px;width:2px}.plan-legend{background:var(--white);border:1px solid var(--border);border-radius:14px;bottom:76px;box-shadow:var(--shadow-card);color:var(--gray-700);font-size:11.5px;left:24px;padding:12px 14px;position:absolute}.plan-legend .pl-title{color:var(--ink);font-size:12px;font-weight:600;margin-bottom:8px}.plan-legend .pl-row{align-items:center;display:flex;gap:8px;padding:2px 0}.plan-legend .pl-dot{border-radius:4px;flex:none;height:12px;width:12px}.plan-legend .pl-dot.dim{background:#e8e8ea}.plan-legend .pl-dot.edit{background:var(--peach);border:1px solid rgba(216,105,84,.5);box-sizing:border-box}.plan-legend .pl-dot.edge{background:var(--terracotta)}.plan-legend .pl-dot.conn{background:var(--ink)}.plan-legend .pl-dot.code{background:#ffe08a}.dnd{align-items:center;background:var(--white);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:14px;padding:14px 0;width:92px;z-index:15}.dnd__title{color:var(--gray-400);font-size:10px;letter-spacing:.1em;line-height:1.3;text-align:center;text-transform:uppercase}.dnd__item{align-items:center;display:flex;flex-direction:column;gap:5px;width:100%}.dnd__tile{background:var(--cream);border:1px solid var(--border-soft);border-radius:12px;color:var(--ink);cursor:grab;display:grid;height:46px;place-items:center;transition:background .16s,transform .16s,box-shadow .16s;width:60px}.dnd__tile:hover{background:var(--peach);box-shadow:var(--shadow-card);transform:translateY(-1px)}.dnd__tile svg{height:30px;width:40px}.dnd__cap{color:var(--gray-600);font-size:10.5px;line-height:1.15;max-width:78px;text-align:center}.dnd__sub{align-items:center;background:var(--peach);border-radius:999px;color:var(--terracotta-deep);display:inline-flex;font-size:10px;gap:5px;margin-top:-6px;padding:4px 10px}.dnd__sub svg{flex:none;height:11px;width:11px}.dnd .dnd__tile{position:relative}.dnd__tile .grip{display:flex;gap:2.5px;left:50%;position:absolute;top:4px;transform:translateX(-50%)}.dnd__tile .grip i{background:rgba(25,24,24,.16);border-radius:50%;height:3px;width:3px}.dnd__item.dragging .dnd__tile{background:transparent;border:1.5px dashed var(--border);box-shadow:none}.dnd__item.dragging .dnd__tile svg{opacity:.22}.dnd__item.dim,.dnd__item.dragging .dnd__cap{opacity:.45}.hint-pop{animation:hint-pop-in .22s ease both;background:var(--ink);border-radius:22px;box-shadow:var(--shadow-pop);color:var(--cream);padding:20px 22px;position:fixed;width:264px;z-index:30}.hint-pop__title{color:var(--white);font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.hint-pop__text{color:var(--gray-400);font-size:13px;line-height:1.5;margin:0 0 12px}.hint-pop__list{color:var(--gray-400);display:flex;flex-direction:column;font-size:12.5px;gap:6px;line-height:1.35;list-style:none;margin:0 0 4px;padding:0}.hint-pop__list b{color:var(--cream);font-weight:600}.hint-pop__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.12);border:none;border-radius:999px;color:var(--cream);cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:background .16s}.hint-pop__btn:hover{background:hsla(0,0%,100%,.2)}.hint-pop__timer{background:hsla(0,0%,100%,.16);border-radius:999px;height:3px;margin-top:14px;overflow:hidden}.hint-pop__timer-bar{background:var(--terracotta);border-radius:999px;display:block;height:100%;transition:width .1s linear}@keyframes hint-pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.hint-pop--arrow-right:after{border-color:transparent transparent transparent var(--ink);border-style:solid;border-width:8px 0 8px 9px;content:"";height:0;position:absolute;right:-9px;top:var(--hint-arrow-top,50%);transform:translateY(-50%);width:0}.bottom{background:var(--white);border-top:1px solid var(--border);display:flex;z-index:20}.products{align-items:center;display:flex;flex:1;gap:18px;overflow:hidden;padding:0 26px}.products__label{color:var(--gray-600);font-size:13px;line-height:1.2;width:64px}.product-chips{gap:12px}.product-chip,.product-chips{align-items:center;display:flex}.product-chip{background:var(--cream);border:0;border-radius:16px;color:var(--ink);cursor:pointer;flex-direction:column;gap:2px;height:66px;justify-content:center;transition:background .16s,box-shadow .16s;width:66px}.product-chip:hover{background:var(--peach)}.product-chip .pc-id{font-size:15px;font-weight:600}.product-chip .pc-type{color:var(--gray-600);font-size:11px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-chip .pc-thick{color:var(--gray-400);font-size:9.5px;letter-spacing:.01em}.product-chip.is-active{background:var(--terracotta);box-shadow:0 10px 22px -12px rgba(216,105,84,.7);color:#fff}.product-chip.is-active .pc-type{color:hsla(0,0%,100%,.85)}.product-chip.is-active .pc-thick{color:hsla(0,0%,100%,.7)}.product-chip.add{background:transparent;border:1.5px dashed var(--gray-300);color:var(--gray-600);gap:4px}.product-chip.add:hover{background:var(--peach);border-color:var(--terracotta);color:var(--terracotta)}.product-chip.add .plus{font-size:20px;line-height:1}.product-chip.add .pc-type{font-size:10.5px}.product-trash{background:var(--white);border:0;border-left:1px solid var(--border);color:var(--gray-600);cursor:pointer;display:grid;place-items:center;width:54px}.product-trash:hover{background:var(--peach);color:var(--terracotta-deep)}.decor{align-items:center;border-left:1px solid var(--border);display:flex;gap:14px;padding:0 18px;width:290px}.decor__info{text-align:center;width:96px}.decor__info .lbl{color:var(--gray-600);font-size:12px}.decor__info .name{background:transparent;border:0;color:var(--terracotta-deep);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:3px}.decor__swatch{background:var(--cream);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);cursor:pointer;height:72px;overflow:hidden;position:relative;width:130px}.decor__swatch img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.decor__swatch .tag{background:rgba(25,24,24,.6);border-radius:999px;bottom:7px;color:#fff;font-size:10px;left:8px;letter-spacing:.05em;padding:2px 7px;position:absolute}.pricebox{align-items:center;background:var(--peach);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:6px;justify-content:center;padding:0 22px;text-align:center;width:290px}.pricebox__val{color:var(--ink);font-size:24px;font-weight:600;line-height:1}.pricebox__val small{color:var(--gray-600);font-size:14px;font-weight:400}.btn-primary{align-items:center;background:var(--terracotta);border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 14px;transition:background .16s,transform .16s;width:100%}.btn-primary:hover{background:var(--terracotta-bright)}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.btn-primary .arrow{background:hsla(0,0%,100%,.22);border-radius:999px;display:grid;height:18px;place-items:center;width:18px}.pricebox__note{color:var(--gray-600);font-size:11px}.pricebox__note.muted{color:var(--gray-400)}.popup{border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-pop);padding:14px;width:286px;z-index:40}.popup,.popup:after{background:var(--white);position:absolute}.popup:after{content:"";height:14px;transform:rotate(45deg);width:14px}.popup.arrow-left:after{border-bottom:1px solid var(--border);border-left:1px solid var(--border);left:-8px;top:var(--arrow-pos,28px)}.popup.arrow-right:after{border-right:1px solid var(--border);border-top:1px solid var(--border);right:-8px;top:var(--arrow-pos,28px)}.popup.arrow-top:after{border-left:1px solid var(--border);border-top:1px solid var(--border);left:var(--arrow-pos,28px);top:-8px}.popup.arrow-bottom:after{border-bottom:1px solid var(--border);border-right:1px solid var(--border);bottom:-8px;left:var(--arrow-pos,28px)}.popup__head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.popup__title{font-size:14px;font-weight:600}.popup__title .id{color:var(--gray-400);font-weight:400;margin-left:5px}.popup__close{background:var(--cream);border:0;border-radius:8px;color:var(--ink);cursor:pointer;display:grid;font-size:15px;height:24px;place-items:center;width:24px}.popup__close:hover{background:var(--peach)}.popup__close svg{height:14px;width:14px}.field-group{display:flex;flex-direction:column;gap:8px}.field-label{color:var(--gray-400);font-size:11px;letter-spacing:.08em;margin:0;text-transform:uppercase}.field{align-items:center;background:var(--cream);border-radius:11px;display:flex;font-size:13px;gap:8px;padding:8px 10px}.field .f-label{color:var(--ink);flex:1}.field .f-input{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:8px;color:var(--ink);display:flex;font-size:13px;gap:4px;height:30px;justify-content:center;text-align:center;width:64px}.field .f-input.edit{background:var(--peach);border-color:rgba(216,105,84,.4);color:var(--terracotta-deep);font-weight:600}.field .f-input input{background:transparent;border:0;color:inherit;font-family:inherit;font-size:inherit;height:100%;outline:none;text-align:center;width:100%}.field .f-unit{color:var(--gray-400);font-size:11px}.toggle-row{display:flex;gap:6px}.toggle-row.col{flex-direction:column}.toggle{background:var(--cream);border:0;border-radius:10px;color:var(--ink);cursor:pointer;flex:1;font-size:12px;font-weight:500;padding:8px 10px;text-align:center;transition:background .16s,color .16s}.toggle:hover{background:var(--peach)}.toggle.is-on{background:var(--terracotta);color:#fff}.toggle.full{flex:none;width:100%}.swatch-grid{display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.swatch{align-items:center;background:var(--cream);border:1px solid var(--border);border-radius:10px;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px 4px 6px;transition:background .16s,border-color .16s}.swatch.is-on,.swatch:hover{background:var(--peach)}.swatch.is-on{border-color:var(--terracotta)}.swatch svg{color:var(--ink);height:26px;width:38px}.swatch .s-cap{color:var(--gray-600);font-size:10px}.toast{align-items:center;background:var(--ink);border-radius:14px;box-shadow:var(--shadow-pop);color:#fff;display:flex;font-size:13px;gap:10px;max-width:300px;padding:12px 16px;position:absolute;right:110px;top:96px;z-index:45}.toast .dot{background:var(--terracotta);border-radius:999px;flex:none;height:8px;width:8px}.panel{background:var(--white);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:18px;overflow:auto;padding:26px 26px 40px}.panel__scrollnote{color:var(--gray-300);font-size:10px;letter-spacing:.08em;position:absolute;right:24px;text-transform:uppercase;top:16px}.fold{display:flex;flex-direction:column}.fold__head{align-items:center;background:var(--ink);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;justify-content:space-between;padding:9px 16px}.fold__head .chev{height:16px;opacity:.8;width:16px}.fold__body{overflow-x:auto;padding:14px 4px 4px}.dtable{border-collapse:collapse;width:100%}.dtable th{border-bottom:1px solid var(--gray-200);color:var(--ink);font-size:11.5px;font-weight:600}.dtable td,.dtable th{padding:7px 10px;text-align:center;white-space:nowrap}.dtable td{border-bottom:1px solid var(--border-soft);color:var(--gray-700);font-size:12px}.dtable tr:hover td{background:var(--gray-100)}.dtable .div-row td{border-bottom:1.5px solid var(--gray-300)}.dtable .total-row td{background:var(--peach)}.dtable .num-strong,.dtable .total-row td{color:var(--ink);font-weight:600}.dtable .pos-left{text-align:left}.dtable .neg{color:var(--terracotta-deep)}.infocards{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.infocard{background:var(--cream);border-radius:12px;color:var(--gray-700);font-size:11.5px;line-height:1.5;padding:11px 13px}.infocard h4{font-size:12.5px;font-weight:600;margin-bottom:4px}.infocard b,.infocard h4,.subhead{color:var(--ink)}.subhead{font-size:13px;font-weight:600;margin-top:4px}.download-pane{align-items:center;border-left:1px solid var(--border);display:flex;justify-content:center;padding:0 20px;width:220px}.modal-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(25,24,24,.32);inset:0;position:absolute}.dialog{background:var(--white);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:18px;padding:22px;position:relative;z-index:2}.dialog__head{align-items:center;display:flex;justify-content:space-between}.dialog__title{font-size:18px;font-weight:600;letter-spacing:-.01em}.dialog__body{display:flex;flex-direction:column;gap:18px}.dialog__foot{display:flex;gap:10px}.dialog__foot.center{justify-content:center}.dialog-btn{background:var(--cream);border:0;border-radius:999px;color:var(--ink);cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:12px 18px;transition:background .16s}.dialog-btn:hover{background:var(--gray-200)}.dialog-btn.primary{align-items:center;background:var(--terracotta);color:#fff;display:inline-flex;gap:8px;justify-content:center}.dialog-btn.primary:hover{background:var(--terracotta-bright)}.dialog-btn.primary .arrow{background:hsla(0,0%,100%,.22);border-radius:999px;display:grid;height:18px;place-items:center;width:18px}.dialog-btn.danger{background:var(--ink);color:#fff}.dialog-btn.danger:hover{background:#2c2a2a}.np-row{display:flex;gap:16px}.np-pick{align-items:center;display:flex;flex:1;flex-direction:column;gap:9px}.np-lbl{color:var(--gray-600);font-size:12px}.np-lbl.center{text-align:center;width:100%}.np-tile{background:var(--cream);border:1px solid var(--border);border-radius:14px;cursor:pointer;display:grid;height:92px;overflow:hidden;padding:0;place-items:center;transition:border-color .16s,box-shadow .16s;width:100%}.np-tile:hover{border-color:var(--terracotta);box-shadow:var(--shadow-card)}.np-tile.decor{padding:0}.np-tile .shape-thumb{height:76px;width:110px}.np-name{align-items:center;display:flex;font-size:13.5px;font-weight:600;gap:6px}.np-pen{color:var(--gray-400);height:12px;width:12px}.np-field{display:flex;flex-direction:column;gap:9px}.pick-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.pick-card{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:border-color .16s,box-shadow .16s,background .16s}.pick-card:hover{border-color:var(--terracotta);box-shadow:var(--shadow-card)}.pick-card.is-sel{background:var(--peach);border-color:var(--terracotta)}.pick-thumb{display:grid;height:72px;place-items:center;width:100%}.pick-thumb .shape-thumb{height:78px;width:116px}.pick-name{color:var(--ink);font-size:13px;font-weight:500}.decor-tile{background-size:cover;height:100%;overflow:hidden;position:relative;width:100%}.decor-tile .dt-veins{background:repeating-linear-gradient(102deg,hsla(0,0%,100%,.1) 0 4px,rgba(60,40,25,.06) 4px 11px);inset:0;position:absolute}.decor-tile .dt-tag{background:rgba(25,24,24,.6);border-radius:999px;bottom:7px;color:#fff;font-size:10px;left:8px;letter-spacing:.04em;padding:2px 8px;position:absolute}.search{align-items:center;background:var(--cream);border:1px solid var(--border);border-radius:12px;display:flex;gap:9px;height:44px;padding:0 14px}.search .s-ico{color:var(--gray-400);flex:none;height:18px;width:18px}.search__input{background:transparent;border:0;color:var(--ink);flex:1;font-family:Onest,sans-serif;font-size:14px;outline:none}.search__input::-moz-placeholder{color:var(--gray-400)}.search__input::placeholder{color:var(--gray-400)}.collection{border-bottom:1px solid var(--border-soft)}.collection__head{align-items:center;background:transparent;border:0;color:var(--ink);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 2px;width:100%}.collection__head.open{color:var(--terracotta-deep)}.collection__head .c-chev{color:var(--gray-400);height:16px;transform:rotate(180deg);transition:transform .2s;width:16px}.collection__head .c-chev.down{color:var(--terracotta);transform:rotate(0deg)}.decor-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:4px 0 14px}.decor-col{display:flex;flex-direction:column;gap:7px}.decor-pick{background:var(--cream);border:2px solid transparent;border-radius:14px;cursor:pointer;height:150px;overflow:hidden;padding:0;transition:border-color .16s,box-shadow .16s}.decor-pick:hover{box-shadow:var(--shadow-card)}.decor-pick.is-sel{border-color:var(--terracotta)}.decor-cap{color:var(--gray-700);font-size:12px;text-align:center}.dc-preview{border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);height:150px;overflow:hidden}.dc-name{align-items:baseline;display:flex;font-size:15px;font-weight:600;gap:9px}.dc-name .dc-sub{color:var(--gray-600);font-size:12px;font-weight:400}.dc-note{color:var(--gray-600);font-size:13px;line-height:1.45}.dialog.confirm{align-items:center;padding:28px 24px 22px;text-align:center}.confirm__icon{background:var(--peach);border-radius:999px;color:var(--terracotta-deep);display:grid;height:52px;place-items:center;width:52px}.confirm__text{font-size:16px;font-weight:600;line-height:1.4}.confirm__text span{color:var(--gray-600);font-size:13px;font-weight:400}.dialog.confirm .dialog__foot{width:100%}.notifbar{background:var(--white);border-bottom:1px solid var(--border);border-radius:0 0 18px 18px;box-shadow:0 18px 40px -22px rgba(30,61,68,.4);left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:5}.notifbar__strip{align-items:center;background:var(--cream);border-bottom:1px solid var(--border-soft);display:flex;gap:12px;height:48px;padding:0 18px 0 22px}.notifbar__strip .nb-bell{color:var(--terracotta);flex:none;height:18px;width:18px}.notifbar .nb-date{color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.notifbar .nb-text{color:var(--gray-700);flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notifbar__strip .nb-chev{background:var(--white);border:0;border-radius:999px;color:var(--ink);cursor:pointer;display:grid;flex:none;height:30px;place-items:center;width:30px}.notifbar__strip .nb-chev:hover{background:var(--peach)}.notifbar__strip .nb-chev svg{height:16px;width:16px}.notifbar.collapsed .notifbar__strip{border-bottom:0}.notifbar .nb-badge{background:var(--peach);border-radius:999px;color:var(--terracotta-deep);flex:none;font-size:11px;font-weight:600;padding:3px 9px}.notifbar__more{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.notifbar__row{align-items:flex-start;border-bottom:1px solid var(--border-soft);display:flex;gap:12px;padding:13px 22px}.notifbar__row:last-child{border-bottom:0}.notifbar__row .nb-row-ico{color:var(--gray-400);flex:none;height:15px;margin-top:1px;width:15px}.notifbar__row .nb-text{line-height:1.4;white-space:normal}.not-supported{background:var(--cream)}.ns-card{align-items:center;display:flex;flex-direction:column;gap:14px;max-width:440px;position:relative;text-align:center;z-index:2}.ns-icon{background:var(--white);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-card);color:var(--terracotta);display:grid;height:96px;place-items:center;width:96px}.ns-title{font-size:26px;font-weight:600;letter-spacing:-.02em}.ns-text{color:var(--gray-600);font-size:15px;line-height:1.55}.ns-chip{border:1px solid var(--border);border-radius:999px;color:var(--gray-600);font-weight:500;margin-top:6px;padding:8px 16px}.ns-chip,.viewpanel{background:var(--white);font-size:13px}.viewpanel{border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);color:var(--gray-700);display:flex;flex-direction:column;gap:7px;padding:12px 14px;position:absolute;right:22px;top:18px;width:212px;z-index:12}.viewpanel.below-toast{top:62px}.vp-row{align-items:center;display:flex;gap:8px;min-height:16px}.vp-row.between{justify-content:space-between}.vp-sw{border-radius:4px;flex:none;height:13px;width:13px}.vp-sw.edit{background:var(--peach);border:1px solid rgba(216,105,84,.55)}.vp-sw.obj{background:var(--terracotta)}.vp-sw.split{border:1px solid rgba(150,112,20,.35);display:flex;overflow:hidden}.vp-sw.split i{flex:1}.vp-sw.split .a{background:#ffe08a}.vp-sw.split .b{background:#e8e8ea}.vp-div{background:var(--border-soft);flex:none;height:1px;margin:3px 0}.vp-val{color:var(--terracotta-deep);font-weight:600}.vp-range{accent-color:var(--terracotta);height:16px;margin:0;width:100%}.vp-label{color:var(--gray-400);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.vp-seg{display:flex;gap:4px}.vp-seg button{background:var(--cream);border:0;border-radius:8px;color:var(--gray-700);cursor:pointer;flex:1;font-family:inherit;font-size:11px;padding:6px 4px;transition:background .16s}.vp-seg button:hover{background:var(--peach)}.vp-seg button.is-on{background:var(--terracotta);color:#fff}.viewpanel .switch{height:19px;padding:2.5px;width:32px}.viewpanel .switch .knob{height:14px;width:14px}.viewpanel .switch.on .knob{transform:translateX(13px)}.vp-finger{color:var(--terracotta)}.vp-finger,.vp-pen{flex:none;height:11px;margin-left:auto;width:11px}.vp-pen{color:var(--terracotta-deep)}.vp-seg.vp-ic button{align-items:center;display:flex;flex-direction:column;gap:4px;padding:7px 2px 6px}.vp-seg.vp-ic button svg{height:14px;width:14px}.vp-eg{align-items:center;display:flex;gap:7px}.vp-eg,.vp-hint{color:var(--gray-400);font-size:10.5px}.vp-hint{line-height:1.35}.prodset{border-left:1px solid var(--border);display:flex;flex-direction:column;gap:9px;justify-content:center;padding:0 16px;width:312px}.ps-row{align-items:center;display:flex;gap:10px}.ps-label{color:var(--gray-600);flex:none;font-size:11.5px;width:60px}.ps-chips,.ps-seg{display:flex;flex:1;gap:5px}.ps-chips button,.ps-seg button{background:var(--cream);border:0;border-radius:8px;color:var(--gray-700);cursor:pointer;flex:1;font-family:inherit;font-size:11px;padding:7px 2px;transition:background .16s;white-space:nowrap}.ps-chips button:hover,.ps-seg button:hover{background:var(--peach)}.ps-chips button.is-on,.ps-seg button.is-on{background:var(--terracotta);color:#fff}.anno.code.clickable{align-items:center;display:inline-flex}.anno.code .finger{flex:none;height:11px;margin-right:4px;opacity:.8;width:11px}.coach{background:var(--ink);border-radius:14px;box-shadow:0 14px 30px -12px rgba(25,24,24,.5);color:#fff;font-size:11.5px;line-height:1.45;padding:13px 15px;position:absolute;width:216px;z-index:16}.coach .c-title{align-items:center;display:flex;font-weight:600;gap:6px;margin-bottom:4px}.coach .c-title svg{flex:none;height:13px;width:13px}.coach .c-text{opacity:.82}.coach .c-btn{background:hsla(0,0%,100%,.16);border:0;border-radius:999px;color:#fff;cursor:pointer;font-family:inherit;font-size:11px;margin-top:10px;padding:5px 13px}.drop-allow{fill:rgba(122,154,109,.13);stroke:#7a9a6d;stroke-width:1.5;stroke-dasharray:7 5}.drop-place{fill:rgba(122,154,109,.22);stroke:#5f7f54;stroke-width:1.5;stroke-dasharray:5 4}.zone-tag{background:#5f7f54;border-radius:999px;box-shadow:0 4px 10px -4px rgba(25,24,24,.3);color:#fff;font-size:10.5px;font-weight:500;padding:4px 10px;position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.zone-tag.warn{background:#b4543c}