.designer-module__Vn4inq__app{--bg:#0c0e14;--surface:#17181d;--surface-2:#232530;--line:#ffffff1a;--fg:#f5f5f7;--muted:#a1a1a6;--accent:#4f70f5;--accent-fg:#fff;--accent-soft:#5b7bff33;--work:#111319;--dot:#ffffff12;--ok:#4cd48a;--ok-soft:#4cd48a26;--warn:#f5b72b;--warn-soft:#f5b72b26;--danger:#ff6b57;--shadow:0 8px 28px -12px #0009;--tr-ink:#f5f5f7;--tr-blue:#4f70f5;--tr-border:#ffffff47;--tr-paper:#fff;background:var(--bg);min-height:100dvh;color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;display:flex}.designer-module__Vn4inq__app button,.designer-module__Vn4inq__app input,.designer-module__Vn4inq__app select,.designer-module__Vn4inq__app textarea{font:inherit;color:inherit}.designer-module__Vn4inq__app button{cursor:pointer}.designer-module__Vn4inq__top{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.designer-module__Vn4inq__backLink{white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:6px 10px 6px 8px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.designer-module__Vn4inq__backLink:hover{color:var(--ink);background:var(--surface-2)}.designer-module__Vn4inq__brand{white-space:nowrap;color:inherit;border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:12px;text-decoration:none;display:flex}.designer-module__Vn4inq__brand .designer-module__Vn4inq__wm{letter-spacing:-.01em;font:700 20px Georgia,serif}.designer-module__Vn4inq__brand .designer-module__Vn4inq__tag{color:var(--muted);background:var(--surface-2);border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.designer-module__Vn4inq__products{background:var(--surface-2);border-radius:10px;gap:4px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.designer-module__Vn4inq__products button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.designer-module__Vn4inq__products button[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.designer-module__Vn4inq__topActions{align-items:center;gap:6px;margin-left:auto;display:flex}.designer-module__Vn4inq__iconBtn{border:1px solid var(--line);background:var(--surface);border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.designer-module__Vn4inq__iconBtn:disabled{opacity:.4;cursor:default}.designer-module__Vn4inq__primary{background:var(--accent);color:var(--accent-fg);white-space:nowrap;border:0;border-radius:10px;padding:9px 16px;font-weight:600}.designer-module__Vn4inq__ghost{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600}.designer-module__Vn4inq__work{flex:1;grid-template-columns:76px minmax(0,1fr) 312px;min-height:0;display:grid}.designer-module__Vn4inq__rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:2px;padding:10px 8px;display:flex}.designer-module__Vn4inq__rail button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 7px;font-size:11px;font-weight:600;display:flex}.designer-module__Vn4inq__rail button svg{width:22px;height:22px}.designer-module__Vn4inq__rail button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.designer-module__Vn4inq__stage{background:var(--work);background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:16px 16px;flex-direction:column;min-width:0;display:flex}.designer-module__Vn4inq__stageHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 0;display:flex}.designer-module__Vn4inq__seg{background:var(--surface);box-shadow:var(--shadow);border-radius:10px;gap:4px;padding:3px;display:flex}.designer-module__Vn4inq__seg button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.designer-module__Vn4inq__seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.designer-module__Vn4inq__dims{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.designer-module__Vn4inq__canvasWrap{flex:1;justify-content:center;align-items:center;min-height:320px;padding:8px;display:flex;position:relative;overflow:auto}.designer-module__Vn4inq__canvas{touch-action:none;flex:none;display:block}.designer-module__Vn4inq__canvas.designer-module__Vn4inq__drawing{cursor:crosshair}.designer-module__Vn4inq__editor{outline:1px dashed var(--accent);resize:none;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;transform-origin:50%;z-index:5;background:0 0;border:0;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.designer-module__Vn4inq__stageFoot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 12px;font-size:12px;display:flex}.designer-module__Vn4inq__legend{flex-wrap:wrap;gap:14px;display:flex}.designer-module__Vn4inq__legend span{align-items:center;gap:6px;display:inline-flex}.designer-module__Vn4inq__legend i{border-top:1.5px solid var(--muted);width:18px;height:0;display:inline-block}.designer-module__Vn4inq__legend i.designer-module__Vn4inq__safe{border-top:1.5px dashed var(--accent)}.designer-module__Vn4inq__legend i.designer-module__Vn4inq__bleed{background:repeating-linear-gradient(45deg, var(--muted) 0 1px, transparent 1px 4px);opacity:.6;border:0;height:10px}.designer-module__Vn4inq__zoom{align-items:center;gap:4px;display:flex}.designer-module__Vn4inq__zoom button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:30px;height:28px;padding:0 8px;font-size:12px;font-weight:600}.designer-module__Vn4inq__zoom output{text-align:center;font-variant-numeric:tabular-nums;min-width:44px}.designer-module__Vn4inq__toggle{cursor:pointer;align-items:center;gap:6px;margin-left:8px;display:inline-flex}.designer-module__Vn4inq__panel{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;display:flex;overflow-y:auto}.designer-module__Vn4inq__panelBody{flex-direction:column;gap:14px;padding:16px;display:flex}.designer-module__Vn4inq__panelBody h2{letter-spacing:-.01em;margin:0;font-size:15px}.designer-module__Vn4inq__panelBody h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:700}.designer-module__Vn4inq__hint{color:var(--muted);margin:0;font-size:12.5px}.designer-module__Vn4inq__field{flex-direction:column;gap:6px;display:flex}.designer-module__Vn4inq__field>label,.designer-module__Vn4inq__field>.designer-module__Vn4inq__lab{color:var(--muted);font-size:12px;font-weight:600}.designer-module__Vn4inq__row{align-items:center;gap:8px;display:flex}.designer-module__Vn4inq__row>*{min-width:0}.designer-module__Vn4inq__grow{flex:1}.designer-module__Vn4inq__panelBody input[type=text],.designer-module__Vn4inq__panelBody input[type=url],.designer-module__Vn4inq__panelBody input[type=number],.designer-module__Vn4inq__panelBody select,.designer-module__Vn4inq__panelBody textarea{border:1px solid var(--line);background:var(--bg);border-radius:9px;width:100%;padding:8px 10px;font-size:13px}.designer-module__Vn4inq__panelBody textarea{resize:vertical;min-height:64px}.designer-module__Vn4inq__panelBody input[type=range]{width:100%;accent-color:var(--accent)}.designer-module__Vn4inq__num{font-variant-numeric:tabular-nums;flex:none;width:64px!important}.designer-module__Vn4inq__colorInput{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex:none;width:36px;height:32px;padding:2px}.designer-module__Vn4inq__swatches{flex-wrap:wrap;gap:6px;display:flex}.designer-module__Vn4inq__swatches button{border:0;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000002e}.designer-module__Vn4inq__swatches button.designer-module__Vn4inq__active{box-shadow:0 0 0 2px var(--accent)}.designer-module__Vn4inq__swatches button.designer-module__Vn4inq__none{background:linear-gradient(135deg, transparent 45%, var(--danger) 45% 55%, transparent 55%), var(--surface)}.designer-module__Vn4inq__btnGrid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.designer-module__Vn4inq__btnGrid.designer-module__Vn4inq__three{grid-template-columns:repeat(3,1fr)}.designer-module__Vn4inq__tile{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;font-size:12.5px;font-weight:600;display:flex}.designer-module__Vn4inq__tile:hover{border-color:var(--accent);color:var(--accent)}.designer-module__Vn4inq__tile svg{width:22px;height:22px}.designer-module__Vn4inq__chipset{flex-wrap:wrap;gap:4px;display:flex}.designer-module__Vn4inq__chipset button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600}.designer-module__Vn4inq__chipset button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.designer-module__Vn4inq__actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.designer-module__Vn4inq__actions button{border:1px solid var(--line);background:var(--surface);border-radius:9px;justify-content:center;align-items:center;height:34px;display:flex}.designer-module__Vn4inq__actions button.designer-module__Vn4inq__danger{color:var(--danger)}.designer-module__Vn4inq__dropzone{border:1.5px dashed var(--line);text-align:center;color:var(--muted);background:var(--bg);border-radius:12px;padding:18px 12px;font-size:12.5px}.designer-module__Vn4inq__badge{border-radius:99px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.designer-module__Vn4inq__badge.designer-module__Vn4inq__ok{background:var(--ok-soft);color:var(--ok)}.designer-module__Vn4inq__badge.designer-module__Vn4inq__warn{background:var(--warn-soft);color:var(--warn)}.designer-module__Vn4inq__tpl{grid-template-columns:1fr 1fr;gap:10px;display:grid}.designer-module__Vn4inq__tpl button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:8px;font-size:12px;font-weight:600;display:flex}.designer-module__Vn4inq__tpl button:hover{border-color:var(--accent)}.designer-module__Vn4inq__tpl canvas{border-radius:6px;width:100%;height:auto;display:block}.designer-module__Vn4inq__layers{border-top:1px solid var(--line);margin-top:auto;padding:14px 16px 20px}.designer-module__Vn4inq__layers ol{flex-direction:column;gap:2px;max-height:240px;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.designer-module__Vn4inq__layers li{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 6px;font-size:12.5px;display:flex}.designer-module__Vn4inq__layers li:hover{background:var(--surface-2)}.designer-module__Vn4inq__layers li.designer-module__Vn4inq__sel{background:var(--accent-soft);color:var(--accent)}.designer-module__Vn4inq__layers li .designer-module__Vn4inq__nm{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.designer-module__Vn4inq__layers li .designer-module__Vn4inq__ty{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:none;width:44px;font-size:10px;font-weight:700}.designer-module__Vn4inq__layers li button{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.designer-module__Vn4inq__layers li button svg{width:14px;height:14px}.designer-module__Vn4inq__layers li.designer-module__Vn4inq__off .designer-module__Vn4inq__nm{opacity:.45}.designer-module__Vn4inq__empty{color:var(--muted);font-size:12.5px}.designer-module__Vn4inq__modal{z-index:50;background:#0a0c108c;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow:auto}.designer-module__Vn4inq__sheet{background:var(--surface);width:min(1080px,100%);color:var(--fg);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px -20px #00000080}.designer-module__Vn4inq__sheetHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.designer-module__Vn4inq__sheetHead h2{margin:0;font-size:18px}.designer-module__Vn4inq__sheetBody{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.designer-module__Vn4inq__pv{background:var(--work);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.designer-module__Vn4inq__pvRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.designer-module__Vn4inq__pv figure{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.designer-module__Vn4inq__pv img{max-width:100%;display:block;box-shadow:0 30px 40px -22px #0000008c,0 6px 14px -6px #00000040}.designer-module__Vn4inq__pv figcaption{color:var(--muted);font-size:12px}.designer-module__Vn4inq__sideInfo{flex-direction:column;gap:16px;padding:22px;display:flex;overflow-y:auto}.designer-module__Vn4inq__checks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.designer-module__Vn4inq__checks li{align-items:flex-start;gap:10px;font-size:13px;display:flex}.designer-module__Vn4inq__checks li .designer-module__Vn4inq__dot{border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}.designer-module__Vn4inq__checks li.designer-module__Vn4inq__ok .designer-module__Vn4inq__dot{background:var(--ok-soft);color:var(--ok)}.designer-module__Vn4inq__checks li.designer-module__Vn4inq__warn .designer-module__Vn4inq__dot{background:var(--warn-soft);color:var(--warn)}.designer-module__Vn4inq__order{grid-template-columns:1fr 1fr;gap:10px;display:grid}.designer-module__Vn4inq__order .designer-module__Vn4inq__full{grid-column:1/-1}.designer-module__Vn4inq__order label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.designer-module__Vn4inq__order input,.designer-module__Vn4inq__order textarea{border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:8px 10px;font-family:inherit;font-size:13px}.designer-module__Vn4inq__note{color:var(--muted);background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:12px}.designer-module__Vn4inq__success{background:var(--ok-soft);color:var(--ok);border-radius:12px;padding:14px;font-size:13.5px;font-weight:600}.designer-module__Vn4inq__toast{z-index:60;background:var(--fg);color:var(--bg);box-shadow:var(--shadow);border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:13px;font-weight:600;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (min-width:1001px){.designer-module__Vn4inq__app{height:100dvh}.designer-module__Vn4inq__work{min-height:0;overflow:hidden}}@media (max-width:1000px){.designer-module__Vn4inq__work{grid-template-columns:minmax(0,1fr)}.designer-module__Vn4inq__rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:6px 10px;overflow-x:auto}.designer-module__Vn4inq__rail button{min-width:64px}.designer-module__Vn4inq__panel{border-left:0;border-top:1px solid var(--line)}.designer-module__Vn4inq__canvasWrap{min-height:260px}.designer-module__Vn4inq__sheetBody{grid-template-columns:1fr}}@media (max-width:560px){.designer-module__Vn4inq__top{gap:10px}.designer-module__Vn4inq__topActions{width:100%;margin-left:0}.designer-module__Vn4inq__topActions .designer-module__Vn4inq__primary{flex:1}.designer-module__Vn4inq__stageFoot .designer-module__Vn4inq__legend{display:none}.designer-module__Vn4inq__order{grid-template-columns:1fr}}.designer-module__Vn4inq__busy{z-index:30;background:var(--surface);border:1px solid var(--line);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #14161a1f}.designer-module__Vn4inq__spin{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite designer-module__Vn4inq__dspin}@keyframes designer-module__Vn4inq__dspin{to{transform:rotate(360deg)}}.designer-module__Vn4inq__toggleHint{color:var(--muted);font-size:11.5px;font-weight:400}@media (prefers-reduced-motion:reduce){.designer-module__Vn4inq__spin{animation-duration:1.6s}}@media (max-width:1180px){.designer-module__Vn4inq__toggleHint{display:none}}
