:root{--ink:#14251f;--muted:#64716c;--paper:#f3f1eb;--panel:#fbfaf7;--line:#d7d8d0;--accent:#d9ff43;--accent-deep:#b9df24;--danger:#e95d3f}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf7f5;flex:0 0 68px;justify-content:space-between;align-items:center;gap:24px;min-height:0;padding:10px 20px;display:flex;position:relative}.brand-lockup,.topbar-actions,.section-heading,.toolbar-buttons,.canvas-foot,.inspector-head{align-items:center;display:flex}.brand-lockup{gap:13px}.brand-mark{background:var(--ink);width:42px;height:42px;color:var(--accent);letter-spacing:-.04em;border-radius:4px 14px 4px 4px;place-items:center;font-size:13px;font-weight:900;display:grid}.eyebrow{color:#7a8580;letter-spacing:.16em;margin:0 0 3px;font-size:10px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:20px;line-height:1.1}h2{letter-spacing:-.03em;margin-bottom:0;font-size:17px}.topbar-actions{gap:9px}.language-switch{border:1px solid var(--line);background:#fff;border-radius:4px;grid-template-columns:1fr 1fr;min-width:68px;height:30px;display:grid;overflow:hidden}.language-switch button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 7px;font-size:9px;font-weight:900}.language-switch button+button{border-left:1px solid var(--line)}.language-switch button.is-active{background:var(--ink);color:var(--accent)}.local-pill{color:var(--muted);align-items:center;gap:7px;margin-right:6px;font-size:12px;display:inline-flex}.local-pill i,.status-dot{background:#38a169;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #d9f3e2}.button,.icon-button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:5px;min-height:38px;padding:0 15px;font-size:12px;font-weight:800}.button-primary{background:var(--accent);box-shadow:3px 3px 0 var(--ink)}.button-quiet{border-color:var(--line);background:#fff}.icon-button{border-color:var(--line);background:#fff;width:38px;padding:0;font-size:18px}[data-locale=en] .topbar-actions .button{white-space:nowrap;padding-left:11px;padding-right:11px}[data-locale=en] .series-tab strong{font-size:10px;line-height:1.1}.workspace{flex:auto;grid-template-columns:clamp(248px,22vw,300px) minmax(390px,1fr) clamp(254px,21vw,288px);min-height:0;display:grid;overflow:hidden}.panel{background:var(--panel);min-height:0;padding:16px 18px}.asset-panel{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.layers-panel{border-left:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.section-heading{flex:none;gap:10px;margin-bottom:10px}.section-index{color:#aeb5b0;letter-spacing:-.08em;font-size:29px;font-weight:900}.series-switch{flex:none;grid-template-columns:1fr 1fr;margin-bottom:8px;display:grid}.series-tab{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;min-width:0;padding:9px 10px}.series-tab+.series-tab{border-left:0}.series-tab strong,.series-tab span{display:block}.series-tab strong{font-size:13px}.series-tab span{color:var(--muted);letter-spacing:.1em;margin-top:3px;font-size:9px}.series-tab.is-active{background:var(--ink);color:#fff;box-shadow:inset 0 -4px var(--accent)}.series-tab.is-active span{color:#c6d0cb}.search-box{border:1px solid var(--line);background:#fff;flex:none;align-items:center;gap:8px;height:34px;margin-bottom:8px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.category-row{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-bottom:9px;display:grid;overflow:visible}.chip{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:3px;width:100%;min-width:0;min-height:26px;padding:4px 5px;font-size:10px;overflow:hidden}.chip.is-active{border-color:var(--ink);background:var(--accent);font-weight:800}.asset-grid{scrollbar-width:thin;scrollbar-color:#aeb5b0 transparent;flex:auto;grid-template-columns:1fr 1fr;align-content:start;gap:8px;min-height:0;max-height:none;padding-right:3px;display:grid;overflow:hidden auto}.asset-card{border:1px solid var(--line);cursor:pointer;background:#f7f6f1;height:clamp(102px,9vw,126px);min-height:102px;position:relative;overflow:hidden}.asset-card:before,.artboard:before{content:"";opacity:.45;background-image:linear-gradient(45deg,#ecece7 25%,#0000 25%),linear-gradient(-45deg,#ecece7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ecece7 75%),linear-gradient(-45deg,#0000 75%,#ecece7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:absolute;inset:0}.asset-card img{object-fit:contain;width:100%;height:100%;position:relative}.asset-number{z-index:2;background:var(--ink);color:#fff;padding:2px 4px;font-size:9px;font-weight:800;position:absolute;top:5px;left:6px}.panel-note{color:var(--muted);flex:none;margin:8px 0 0;font-size:9px;line-height:1.45}.canvas-panel{background:#e9e8e2;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--line);background:#f8f7f3;flex:0 0 58px;justify-content:space-between;align-items:center;gap:18px;min-height:0;padding:9px 18px;display:flex}.toolbar-buttons{gap:7px}.snap-toggle{min-height:34px;padding:0 10px}.snap-toggle i{background:#d4d8d5;border:1px solid #87918d;border-radius:50%;width:7px;height:7px}.snap-toggle.is-active{border-color:var(--ink);background:var(--accent)}.snap-toggle.is-active i{border-color:var(--ink);background:var(--ink);box-shadow:0 0 0 3px #14251f1f}.artboard-wrap{flex:auto;place-items:center;min-height:0;padding:18px;display:grid;position:relative;overflow:hidden}.artboard{aspect-ratio:1;background:#fff;width:min(100dvh - 220px,100vw - 690px,640px);min-width:300px;position:relative;overflow:hidden;box-shadow:0 22px 44px #14251f21}.safe-area{z-index:1;border:1px dashed #14251f40;position:absolute;inset:7%}.ruler{color:#78847f;justify-content:space-between;font:9px ui-monospace,monospace;display:flex;position:absolute}.ruler-top{width:min(100dvh - 220px,100vw - 690px,640px);top:5px}.ruler-left{flex-direction:column;height:min(100dvh - 220px,100vw - 690px,640px);top:18px;left:calc(50% + min(100dvh - 220px,100vw - 690px,640px)/-2 - 15px)}.placed-element{z-index:4;cursor:move;width:43%;position:absolute;top:38%;left:29%;transform:rotate(0)}.placed-element img{width:100%;display:block}.placed-element.is-selected{outline:1.5px solid var(--ink)}.handle{background:var(--accent);border:1px solid var(--ink);width:9px;height:9px;position:absolute}.handle-nw{top:-5px;left:-5px}.handle-ne{top:-5px;right:-5px}.handle-sw{bottom:-5px;left:-5px}.handle-se{bottom:-5px;right:-5px}.alignment-guide{--guide-color:var(--danger);z-index:30;background:var(--guide-color);pointer-events:none;position:absolute;box-shadow:0 0 0 1px #ffffffd1}.alignment-guide.is-safe{--guide-color:#78900b}.alignment-guide.is-layer{--guide-color:#2778bd}.alignment-guide.vertical{width:1px;top:0;bottom:0}.alignment-guide.horizontal{height:1px;left:0;right:0}.alignment-guide b{background:var(--guide-color);color:#fff;letter-spacing:.04em;white-space:nowrap;border-radius:2px;padding:3px 5px;font-size:7px;line-height:1;display:block;position:absolute;box-shadow:0 1px #ffffffbf}.alignment-guide.vertical b{top:6px;left:5px}.alignment-guide.horizontal b{top:5px;right:6px}.canvas-foot{border-top:1px solid var(--line);color:var(--muted);background:#f8f7f3;flex:0 0 30px;justify-content:space-between;gap:12px;padding:6px 18px;font-size:9px}.canvas-foot span{align-items:center;gap:7px;display:inline-flex}.layer-card{border:1px solid var(--line);background:#fff;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;margin-bottom:6px;padding:6px;display:grid}.layer-card.is-selected{border-color:var(--ink);box-shadow:inset 4px 0 var(--accent)}.layer-card img{object-fit:contain;background:#f0efe9;width:38px;height:38px}.layer-card strong,.layer-card span{display:block}.layer-card strong{font-size:12px}.layer-card span{color:var(--muted);margin-top:3px;font-size:9px}.layer-card button{cursor:pointer;background:0 0;border:0}.inspector{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0efe9;flex:none;margin:0 -18px;padding:11px 18px}.inspector-head{justify-content:space-between}.inspector-head span{background:var(--accent);padding:3px 6px;font-size:9px;font-weight:800}.field-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;display:grid}.field-grid label{color:var(--muted);font-size:9px;font-weight:700;position:relative}.field-grid input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;margin-top:3px;padding:5px 20px 5px 7px;font-size:11px}.field-grid em{font-size:9px;font-style:normal;position:absolute;bottom:5px;right:7px}.print-checks{flex:none;padding:9px 0}.print-checks>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:5px 0;font-size:9px;display:flex}.print-checks span{align-items:center;gap:7px;display:flex}.print-checks strong{font-size:10px}.export-card{background:var(--ink);color:#fff;text-align:left;cursor:pointer;width:100%;min-height:48px;box-shadow:inset 0 4px var(--accent);border:0;flex:none;justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.export-card small,.export-card strong{display:block}.export-card small{color:#aab5b0;letter-spacing:.12em;font-size:9px}.export-card strong{margin-top:5px;font-size:15px}.export-card b{color:var(--accent);font-size:24px}footer{background:var(--ink);color:#c8d0cc;letter-spacing:.04em;flex:0 0 28px;justify-content:space-between;align-items:center;gap:20px;min-height:0;padding:5px 20px;font-size:8px;display:flex;overflow:hidden}footer p{text-align:right;margin:0}@media (width<=1240px){.topbar-actions .local-pill{display:none}}@media (width<=1100px){.workspace{grid-template-columns:240px minmax(360px,1fr) 250px}.panel{padding-left:14px;padding-right:14px}.inspector{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.artboard{width:min(100dvh - 220px,100vw - 552px);min-width:280px}.ruler-top{width:min(100dvh - 220px,100vw - 552px)}.ruler-left{height:min(100dvh - 220px,100vw - 552px);left:calc(50% + min(100dvh - 220px,100vw - 552px)/-2 - 15px)}}@media (width<=760px){.topbar{padding:8px 12px}.topbar-actions .local-pill,.topbar-actions .button-quiet{display:none}.workspace{grid-template-columns:minmax(220px,42vw) minmax(360px,1fr)}.layers-panel{display:none}.panel{padding:12px}.category-row{grid-template-columns:repeat(2,minmax(0,1fr))}.artboard-wrap{padding:14px}.artboard{width:min(100dvh - 220px,58vw - 28px);min-width:280px}.ruler,.canvas-foot span:nth-child(n+2){display:none}footer p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.series-hint{color:var(--muted);flex:none;margin:-2px 0 7px;font-size:8px;line-height:1.35}.asset-card{flex-direction:column;display:flex}.asset-card img{min-height:0;padding:5px 5px 24px}.asset-label{z-index:2;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbfaf7eb;padding:5px 6px;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.asset-card:hover,.asset-card:focus-visible{border-color:var(--ink);box-shadow:inset 0 -3px var(--accent);outline:0}.empty-assets{border:1px dashed var(--line);color:var(--muted);text-align:center;grid-column:1/-1;padding:28px 10px;font-size:11px}.safe-area span{color:#14251f59;letter-spacing:.12em;font:8px ui-monospace,monospace;position:absolute;top:5px;right:7px}.empty-canvas{z-index:2;text-align:center;pointer-events:none;place-content:center;gap:5px;display:grid;position:absolute;inset:0}.empty-canvas strong{font-size:15px}.empty-canvas span{color:var(--muted);font-size:10px}.placed-element{touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%}.placed-element img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.transform-handle{z-index:6;border:1px solid var(--ink);background:var(--accent);width:13px;height:13px;color:var(--ink);touch-action:none;place-items:center;padding:0;display:grid;position:absolute}.resize-handle{cursor:nwse-resize;bottom:-7px;right:-7px}.rotate-handle{cursor:grab;border-radius:50%;width:20px;height:20px;font-size:11px;top:-34px;left:calc(50% - 10px)}.rotate-handle:after{content:"";background:var(--ink);width:1px;height:14px;position:absolute;top:19px;left:9px}.canvas-foot .is-warning{color:#a5402c}.status-dot.warn{background:var(--danger);box-shadow:0 0 0 3px #f8ded8}.layers-heading{position:relative}.layer-count{border:1px solid var(--line);background:#fff;margin-left:auto;padding:4px 7px;font:800 9px ui-monospace,monospace}.layers-list{scrollbar-width:thin;scrollbar-color:#aeb5b0 transparent;flex:0 112px;min-height:52px;max-height:112px;padding-right:3px;overflow-y:auto}.layer-card{cursor:pointer}.layer-copy{min-width:0}.layer-copy strong,.layer-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-actions{gap:3px;display:grid}.layer-actions button{border:1px solid var(--line);background:#fff;width:23px;height:21px;font-size:10px}.empty-layers{border:1px dashed var(--line);color:var(--muted);text-align:center;margin:0 0 7px;padding:15px;font-size:10px}.inspector-head strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;display:block;overflow:hidden}.inspector-empty p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.range-field{color:var(--muted);grid-template-columns:72px 1fr;align-items:center;gap:6px;margin-top:6px;font-size:8px;font-weight:700;display:grid}.range-field input{width:100%;accent-color:var(--ink)}.align-tools{border:1px solid var(--line);background:#ffffffa6;margin-top:7px;padding:6px}.align-tools-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.align-tools-head strong{font-size:9px}.align-tools-head span{color:var(--muted);font-size:7px}.align-row{grid-template-columns:32px repeat(3,minmax(0,1fr)) 39px;gap:4px;display:grid}.align-row em{color:var(--muted);align-self:center;font-size:7px;font-style:normal;font-weight:800}.align-row>i{min-width:0}.align-row button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:3px;min-width:0;min-height:24px;padding:0 3px;font-size:8px;font-weight:800}.align-row button:hover,.align-row button:focus-visible{border-color:var(--ink);background:var(--accent);outline:0}.align-center-button{color:#fff;background:var(--ink)!important}.inspector-actions{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px;display:grid}.inspector-actions .button{min-height:30px;padding:0 5px;font-size:9px}.button-danger{color:#a43c28;background:#fff;border-color:#cd553d}.print-checks .status-dot{flex:none}.export-card:disabled{filter:grayscale()}.blueprint-link{width:100%;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;margin-top:3px;padding:4px;font-size:9px;text-decoration:underline}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1813b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--ink);background:var(--panel);width:min(680px,100%);max-height:min(820px,100dvh - 44px);overflow-y:auto;box-shadow:10px 10px #d9ff4399}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.modal-card>:not(.modal-head){margin-left:22px;margin-right:22px}.modal-intro{color:var(--muted);margin-top:18px;margin-bottom:14px;font-size:11px;line-height:1.55}.modal-note{border-left:3px solid var(--accent-deep);color:var(--muted);background:#f0efe9;margin-top:4px;margin-bottom:22px;padding:12px;font-size:10px;line-height:1.5}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:16px;margin-bottom:22px;display:flex}.modal-actions.align-end{justify-content:flex-end}.plan-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;margin-bottom:14px;display:grid}.plan-card{border:1px solid var(--line);background:#fff;padding:16px}.plan-card.is-active{border-color:var(--ink);box-shadow:inset 0 4px var(--accent)}.plan-card h3{margin:0;font-size:16px}.plan-card>strong{margin-top:24px;font-size:34px;display:block}.plan-card>strong small{color:var(--muted);font-size:10px}.plan-card>p{color:var(--muted);margin:4px 0 14px;font-size:9px}.plan-card>div:last-child{gap:7px;display:flex}.blueprint-area{resize:vertical;border:1px solid var(--line);width:calc(100% - 44px);min-height:190px;color:var(--ink);background:#f3f2ed;outline:0;padding:13px;font:10px/1.5 ui-monospace,monospace}.blueprint-area:focus{border-color:var(--ink);box-shadow:inset 0 -3px var(--accent)}.template-modal{flex-direction:column;width:min(1120px,100vw - 44px);height:min(840px,100dvh - 44px);max-height:none;display:flex;overflow:hidden}.template-modal .modal-head,.template-modal>.modal-intro{flex:none}.template-modal>.modal-intro{margin-top:12px;margin-bottom:10px}.template-grid{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;min-height:0;margin-bottom:18px;display:grid;overflow:hidden}.template-card{border:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.template-preview{border-bottom:1px solid var(--line);background:#e9e9e4;flex:0 0 138px;position:relative;overflow:hidden}.template-preview>img{object-fit:cover;object-position:center 52%;width:100%;height:100%;display:block}.template-preview>span,.template-preview>b,.template-preview>em{z-index:2;letter-spacing:.06em;padding:4px 6px;font-size:8px;position:absolute}.template-preview>span{background:var(--accent);color:var(--ink);font-weight:900;top:7px;right:7px}.template-preview>b{background:var(--ink);color:var(--accent);font-family:ui-monospace,monospace;top:7px;left:7px}.template-preview>em{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14251fdb;border:1px solid #ffffffb3;font-size:6px;font-style:normal;font-weight:900;bottom:7px;right:7px}.template-preview-state{color:var(--muted);text-align:center;background-color:#eeeee9;background-image:linear-gradient(#14251f0d 1px,#0000 1px),linear-gradient(90deg,#14251f0d 1px,#0000 1px);background-size:14px 14px;place-content:center;justify-items:center;gap:8px;padding:16px;display:grid;position:absolute;inset:0}.template-preview-state i{border:2px solid #c5cac6;border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite template-preview-spin}.template-preview-state span{font-size:8px;font-weight:700}.template-preview-state.is-error{color:#a43c28}@keyframes template-preview-spin{to{transform:rotate(360deg)}}.template-copy{flex:auto;min-height:0;padding:9px 10px 6px}.template-copy .eyebrow{margin-bottom:3px;font-size:7px}.template-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.template-copy>p:last-child{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:8px;line-height:1.4;display:-webkit-box;overflow:hidden}.template-card>.button{flex:0 0 31px;min-height:31px;margin:0 9px 9px;padding:0 9px;font-size:9px}.export-modal{flex-direction:column;width:min(1040px,100vw - 44px);height:min(860px,100dvh - 44px);max-height:none;display:flex;overflow:hidden}.export-modal .modal-head{flex:none}.export-modal>.output-grid,.export-modal>.export-preview,.export-modal>.export-warning,.export-modal>.modal-actions{margin-left:22px;margin-right:22px}.output-grid{flex:none;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.output-option{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:9px 12px;display:flex}.output-option.is-active{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:inset 0 -4px var(--accent)}.output-option strong{font-size:11px}.output-option small{color:var(--muted);text-align:right;font-size:8px}.output-option.is-active small{color:#cbd4d0}.export-preview{background:#f2f2ed;border:1px solid #cfd1ca;flex-direction:column;flex:auto;min-height:260px;margin-top:10px;display:flex;overflow:hidden}.preview-caption{background:#fbfaf7e6;border-bottom:1px solid #14251f2e;flex:0 0 56px;grid-template-columns:7px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.preview-caption>span{background:var(--accent);align-self:stretch;display:block}.preview-caption strong,.preview-caption small{display:block}.preview-caption strong{letter-spacing:.08em;font-size:12px}.preview-caption small{color:var(--muted);margin-top:2px;font-size:9px}.preview-caption em{color:var(--muted);letter-spacing:.08em;font:700 9px ui-monospace,monospace}.preview-stage{background-color:#efefea;background-image:linear-gradient(#14251f11 1px,#0000 1px),linear-gradient(90deg,#14251f11 1px,#0000 1px);background-size:24px 24px;flex:auto;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.preview-loading{color:var(--muted);font-size:11px}.preview-artwork-sheet{aspect-ratio:1;background:#fff;height:min(88%,440px);overflow:hidden;box-shadow:0 18px 38px #14251f29}.preview-artwork-sheet img{object-fit:contain;width:100%;height:100%;display:block}.preview-product-wrap{aspect-ratio:1;height:100%;max-height:620px;position:relative}.preview-product{object-fit:contain;filter:drop-shadow(0 20px 22px #14251f24);width:100%;height:100%;position:absolute;inset:0}.preview-design{z-index:2;object-fit:contain;display:block;position:absolute}.preview-product-wrap.tshirt .preview-design{width:42.3%;height:42.3%;top:18.8%;left:28.9%}.preview-product-wrap.tote .preview-design{width:46.3%;height:46.3%;top:35.8%;left:26.9%}.export-warning{border-left:3px solid var(--danger);color:#8b3d2c;background:#f9e7e2;flex:none;margin-top:8px;margin-bottom:0;padding:7px 10px;font-size:9px;line-height:1.4}.export-modal>.modal-actions{flex:none;margin-top:8px;margin-bottom:14px}.toast{z-index:120;border:1px solid var(--accent);background:var(--ink);color:#fff;max-width:min(360px,100vw - 48px);box-shadow:5px 5px 0 var(--accent);padding:12px 15px;font-size:11px;font-weight:700;position:fixed;bottom:24px;right:24px}@media (width<=760px){.topbar-actions .button-quiet{display:none}.topbar-actions .template-library-button{align-items:center;display:inline-flex}.asset-label{font-size:8px}.placed-element .rotate-handle{top:-29px}.plan-grid{grid-template-columns:1fr}.template-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:255px;overflow-y:auto}.template-modal{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.output-option{flex-direction:column;align-items:flex-start;gap:2px}.output-option small{text-align:left}.modal-backdrop{padding:10px}.modal-card{max-height:calc(100dvh - 20px)}.export-modal{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.preview-product-wrap{height:min(100%,520px)}}