:root{--ink:#111;--muted:#747474;--line:#d9d9d7;--yellow:#fff000;--cyan:#5bc8df;color:var(--ink);background:#efefed;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior-x:none;touch-action:pan-x pan-y;width:100%;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{letter-spacing:.01em;background:linear-gradient(135deg,#f7f7f4,#e8e8e5);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.app-shell{background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:40px 40px;width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}.top-chrome{z-index:40;position:sticky;top:0}.copyright-banner{color:#ddd;background:#111;border-bottom:1px solid #2a2a2a;height:30px;overflow:hidden}.copyright-track{white-space:nowrap;justify-content:center;align-items:center;height:100%;display:flex}.copyright-track span{letter-spacing:.04em;font-size:9px}.copyright-track span+span{display:none}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #d7d7d7;grid-template-columns:1fr auto;align-items:center;gap:24px;height:86px;padding:0 34px;display:grid;box-shadow:0 8px 28px #0000000a}.header-copy{min-width:0}.header-copy p{color:#777;letter-spacing:.12em;margin:0 0 3px;font-size:9px}.header-copy h1{margin:0;font-size:18px}.header-actions{gap:7px;display:flex}.ghost-button{background:#fff;border:1px solid #bbb;padding:10px 16px;font-size:12px;font-weight:800}.ghost-button:hover{box-shadow:inset 0 -4px var(--yellow);border-color:#111}.ghost-button.primary{background:var(--yellow);border-color:#111}.creation-history{background:#ffffffc2;border-bottom:1px solid #ccc;width:100%;min-height:calc(100vh - 116px);padding:32px clamp(20px,4vw,72px) 54px}.history-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.history-heading-copy{align-items:center;gap:18px;display:flex}.history-heading-copy p{color:#777;margin:0;font-size:9px}.history-heading-actions{gap:7px;display:flex}.history-heading-actions button{background:var(--yellow);border:1px solid #111;min-height:38px;padding:0 15px;font-size:10px;font-weight:900}.history-heading-actions button.import{background:#fff}.history-heading-actions button:hover{color:#fff;background:#111}.history-filters{border-top:1px solid #d2d2d0;border-bottom:1px solid #d2d2d0;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:12px 0;display:flex}.history-series-tabs{gap:7px;display:flex}.history-series-tabs button{background:#fff;border:1px solid #bbb;min-height:34px;padding:0 15px;font-size:9px;font-weight:900}.history-series-tabs button.active{color:#fff;box-shadow:inset 0 -4px var(--yellow);background:#111;border-color:#111}.history-search{background:#fff;border:1px solid #bbb;grid-template-columns:auto 1fr;align-items:center;gap:9px;width:min(100%,330px);padding-left:12px;display:grid}.history-search span{color:#888;font-size:8px;font-weight:900}.history-search input{background:0 0;border:0;outline:0;min-width:0;height:36px;padding:0 11px 0 0;font-size:10px}.follow-request-banner{color:#111;background:var(--yellow);text-align:left;border:1px solid #111;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;margin:-10px 0 22px;padding:10px 13px;display:grid;box-shadow:5px 5px #00000014}.follow-request-banner svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.follow-request-banner span{letter-spacing:.04em;font-size:10px;font-weight:900}.follow-request-banner b{border-left:1px solid #111;padding-left:12px;font-size:9px}.follow-request-banner:hover{color:#fff;background:#111}.history-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:clamp(14px,2vw,28px);padding:2px;display:grid}.history-card{background:#fff;border:1px solid #cfcfcd;min-width:0;position:relative;overflow:hidden;box-shadow:8px 8px #0000000b}.history-preview-button{background:#ededeb;border:0;width:100%;padding:0;display:block;position:relative}.history-preview-button:hover .history-thumbnail{filter:brightness(.94)}.history-thumbnail{aspect-ratio:310/354;pointer-events:none;background:#fff;border:0;width:100%;margin:0 auto;position:relative;overflow:hidden}.history-thumbnail.large{width:min(100%,380px)}.history-thumbnail-grid{opacity:.42;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0}.history-thumbnail>span{z-index:1;aspect-ratio:1;display:block;position:absolute}.history-thumbnail>span img{object-fit:contain;width:100%;height:100%;display:block}.missing-thumbnail,.layer-missing-icon{color:#111;background:repeating-linear-gradient(135deg,#fff000 0 7px,#fff 7px 14px);place-items:center;font-style:normal;font-weight:900;display:grid}.history-thumbnail .missing-thumbnail{border:1px dashed #111;width:100%;height:100%;font-size:20px}.history-source{color:#111;background:var(--yellow);letter-spacing:.08em;border:1px solid #111;padding:4px 7px;font-size:7px;font-weight:900;display:inline-block}.history-source.shared{color:#fff;background:#111}.history-preview-button>.history-source{position:absolute;bottom:8px;right:8px}.history-tile-title{z-index:3;color:#fff;text-align:left;background:linear-gradient(#0000,#000000d1);justify-content:space-between;align-items:end;gap:12px;padding:34px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.history-tile-title b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.history-tile-title small{color:#ddd;flex:none;font-size:7px}.history-preview-button>.history-source{top:8px;bottom:auto;right:8px}.history-card-actions{border-top:1px solid #e1e1df;grid-template-columns:1fr;display:grid}.history-card-actions button{background:#fafafa;border:0;border-right:1px solid #e1e1df;min-width:0;min-height:34px;font-size:8px;font-weight:800}.history-card-actions button:last-child{border-right:0}.history-card-actions button:hover{background:var(--yellow)}.history-card-actions .edit-button{border-bottom:1px solid #e1e1df}.history-card-actions .blueprint-button{color:#111;background:#fafafa;border-bottom:1px solid #e1e1df}.history-card-actions .blueprint-button:before{content:"⌗";color:#111;margin-right:6px;font-size:12px}.history-card-actions .copy-design-button{border-bottom:1px solid #e1e1df}.history-card-actions .copy-design-button:before{content:"⧉";margin-right:6px;font-size:11px}.history-card-actions .edit-button:hover,.history-card-actions .blueprint-button:hover,.history-card-actions .copy-design-button:hover,.history-card-actions button.danger:hover{color:#fff;background:#111}.history-card-actions .blueprint-button:hover:before{color:#fff}.history-empty{color:#999;background:#ffffff8a;border:1px dashed #bbb;grid-template-columns:auto auto;place-content:center;align-items:center;gap:14px;min-height:330px;display:grid}.history-empty b{font-size:38px;font-weight:200}.history-empty p{margin:0;font-size:12px;line-height:1.6}.history-empty span{font-size:9px}.workspace{grid-template-columns:310px minmax(500px,1fr) 275px;max-width:1600px;min-height:calc(100vh - 156px);margin:0 auto;display:grid}.asset-panel,.layer-panel{background:#ffffffd6;min-width:0;padding:26px 22px}.asset-panel{border-right:1px solid #d4d4d4}.layer-panel{border-left:1px solid #d4d4d4;flex-direction:column;display:flex}.panel-heading,.library-heading,.step-label{align-items:center;gap:11px;display:flex}.panel-heading>span,.step-label>span{color:#b7b7b7;font-family:Arial Narrow,sans-serif;font-size:28px;font-weight:900}.panel-heading small,.library-heading small,.step-label small,.export-card small,.selected-summary small,.preview-modal small,.confirm-modal small{color:#999;letter-spacing:.14em;font-size:9px;display:block}.panel-heading h2,.library-heading h2{margin:2px 0 0;font-size:16px}.series-switch{grid-template-columns:1fr 1fr;gap:7px;margin:20px 0 10px;display:grid}.series-switch button{text-align:left;background:#fff;border:1px solid #ccc;min-height:69px;padding:12px;transition:all .2s}.series-switch b{font-size:13px;display:block}.series-switch small{color:#888;letter-spacing:.05em;margin-top:4px;font-size:8px;display:block}.series-switch button.active{color:#fff;box-shadow:inset 0 -5px var(--yellow);background:#111;border-color:#111}.series-switch button.active small{color:#ccc}.series-note{color:#666;align-items:center;gap:8px;margin:0 0 24px;font-size:10px;line-height:1.5;display:flex}.series-note span{color:#111;background:var(--yellow);flex:0 0 16px;place-items:center;width:16px;height:16px;font-weight:900;display:grid}.library-heading{border-top:1px solid #ddd;justify-content:space-between;padding-top:20px}.library-heading>span{color:#dedede;font:900 28px Arial Narrow}.category-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:13px 0 11px;padding-bottom:3px;display:grid}.category-tabs button{color:#777;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #ccc;width:100%;min-width:0;padding:7px 4px;font-size:10px;font-weight:800;overflow:hidden}.category-tabs button.active{color:#111;background:var(--yellow);border-color:#111}.asset-panel.replacement-active{box-shadow:inset 0 0 0 3px var(--yellow)}.replacement-hint{color:#111;background:var(--yellow);border:1px solid #111;align-items:center;gap:8px;margin:10px 0;padding:9px 10px;font-size:10px;font-weight:900;display:flex}.replacement-hint span{font-size:16px}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(100vh - 400px);padding:1px 3px 12px 1px;display:grid;overflow-y:auto}.sticker-grid button{background:#fafafa;border:1px solid #ddd;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;min-height:116px;padding:8px 7px 7px;display:flex;position:relative;overflow:hidden}.sticker-grid button:hover{z-index:1;box-shadow:5px 5px 0 var(--yellow);background:#fff;border-color:#111;transform:translate(-2px,-2px)}.sticker-grid button:nth-child(4n+1){box-shadow:inset 0 4px var(--yellow)}.sticker-grid button:nth-child(4n+2){box-shadow:inset 0 4px var(--cyan)}.sticker-grid button.replacement-candidate{box-shadow:inset 0 4px var(--yellow);border-color:#111}.sticker-grid button.replacement-candidate:after{content:"替换";color:#111;background:var(--yellow);border:1px solid #111;padding:3px 5px;font-size:7px;font-weight:900;position:absolute;top:6px;right:6px}.sticker-grid img{object-fit:contain;pointer-events:none;width:100%;height:82px;display:block}.sticker-grid span{color:#666;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;overflow:hidden}.design-stage{background:radial-gradient(circle at 50% 42%,#fff 0,#f4f4f1 52%,#e5e5e2 100%);flex-direction:column;min-width:0;display:flex}.stage-toolbar{background:#ffffff73;border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:center;min-height:72px;padding:14px 24px;display:flex;position:relative}.step-label b{margin-top:2px;font-size:13px;display:block}.design-id-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;width:min(48%,430px);display:grid}.design-id-field>span{color:#666;letter-spacing:.06em;font-size:10px;font-weight:900}.design-id-field>b{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #aaa;min-width:0;padding:7px 2px;font-size:11px;overflow:hidden}.design-id-field small{color:#888;letter-spacing:.03em;grid-column:2;font-size:9px}.design-id-field small.saving{color:#8a7900}.design-id-field small.saved{color:#32704a}.toolbar-actions{gap:6px;display:flex}.toolbar-actions button{white-space:nowrap;background:#fff;border:1px solid #ccc;min-width:36px;height:34px;padding:0 8px;font-size:10px;font-weight:800}.toolbar-actions button:not(:disabled):hover{background:var(--yellow);border-color:#111}.toolbar-actions button.active{color:#111;background:var(--yellow);border-color:#111;box-shadow:inset 0 -3px #111}.toolbar-actions .strict-mode-button{min-width:58px}.canvas-rule-alerts{z-index:20;pointer-events:auto;justify-content:center;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.canvas-rule-alerts span{overscroll-behavior-x:contain;text-align:center;scrollbar-width:none;touch-action:pan-x;white-space:nowrap;border:1px solid;max-width:100%;padding:5px 8px;font-size:10px;font-weight:900;line-height:1.35;overflow-x:auto}.canvas-rule-alerts span::-webkit-scrollbar{display:none}.canvas-rule-alerts .warning{color:#6b3900;background:#ffd36a;border-color:#e39400}.canvas-zone{flex:1;place-items:center;min-height:560px;padding:20px 32px;display:grid;position:relative;overflow:hidden}.design-canvas{aspect-ratio:310/354;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #c9c9c6;width:min(78%,575px);position:relative;overflow:hidden;box-shadow:0 24px 42px #00000026,9px 9px #00000009}.design-canvas.interaction-active{touch-action:none}.design-canvas *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.design-canvas.selection-mode{cursor:crosshair}.design-canvas:before{content:"";z-index:3;pointer-events:none;border:1px dashed #0000001f;position:absolute;inset:12px}.canvas-grid{opacity:.5;pointer-events:none;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0}.canvas-empty{color:#aaa;text-align:center;pointer-events:none;place-content:center;gap:7px;display:grid;position:absolute;inset:0}.canvas-empty b{font-size:40px;font-weight:200}.canvas-empty span{font-size:12px}.canvas-empty small{letter-spacing:.06em;font-size:10px}.canvas-transform-readout{z-index:30;color:#666;white-space:nowrap;pointer-events:none;background:#fffffff5;border:1px solid #111;align-items:center;gap:11px;min-height:30px;padding:6px 11px;font-size:10px;font-weight:700;line-height:1;display:flex;position:fixed;transform:translate(-50%);box-shadow:4px 4px #00000024}.canvas-transform-readout:before{content:attr(data-mode);color:#111;background:var(--yellow);align-self:stretch;place-items:center;margin:-6px 0 -6px -11px;padding:0 8px;font-size:8px;font-weight:900;display:grid}.canvas-transform-readout span{align-items:baseline;gap:4px;display:flex}.canvas-transform-readout b{color:#111;font-size:11px;font-weight:900}.selection-hint{z-index:8;pointer-events:none;color:#111;background:var(--yellow);white-space:nowrap;border:1px solid #111;padding:7px 11px;font-size:10px;font-weight:900;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:3px 3px #00000029}.selection-marquee{z-index:9;pointer-events:none;background:#5bc8df2e;border:1px solid #111;position:absolute;box-shadow:inset 0 0 0 1px #ffffffd9}.design-layer{z-index:2;aspect-ratio:1;transform-origin:50%;touch-action:none;pointer-events:none;background:0 0;border:1px solid #0000;padding:0;position:absolute}.selection-overlay{z-index:15;aspect-ratio:1;transform-origin:50%;touch-action:none;pointer-events:none;position:absolute}.touch-transform-tools{display:none}.design-layer img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 7px 5px #0000001f);width:100%;height:100%;display:block}.design-layer.replacing>img,.design-layer.replacing>.missing-layer{animation:.55s cubic-bezier(.2,.8,.2,1) replacement-spin}.missing-layer{color:#111;text-align:center;pointer-events:none;background:repeating-linear-gradient(135deg,#fff000e6 0 12px,#fff 12px 24px);border:2px dashed #111;place-content:center;gap:3px;width:100%;height:100%;display:grid}.missing-layer b{font-size:28px}.missing-layer small{font-size:10px;font-weight:900}.missing-layer em{padding:0 8px;font-size:9px;font-style:normal}.layer-content-outline{z-index:5;outline:2px solid var(--yellow);outline-offset:2px;pointer-events:none;border:1px dashed #111;display:block;position:absolute}.smart-guide{z-index:12;pointer-events:none;background:#ef2aff;display:block;position:absolute;box-shadow:0 0 0 1px #ffffffd9}.smart-guide.vertical{width:1px;transform:translate(-.5px)}.smart-guide.horizontal{height:1px;transform:translateY(-.5px)}.smart-guide.center{background:#00a8ff}.smart-guide.spacing{background:#ef2aff}.smart-guide.spacing:before,.smart-guide.spacing:after{color:#fff;white-space:nowrap;background:#b900c9;font-size:9px;font-weight:900;line-height:17px;position:absolute}.smart-guide.spacing:before{content:""}.smart-guide.spacing:after{content:attr(data-label);border-radius:2px;padding:0 4px}.smart-guide.horizontal.spacing:before{background:0 0;border-left:1px solid #ef2aff;border-right:1px solid #ef2aff;height:7px;top:-3px;left:0;right:0}.smart-guide.horizontal.spacing:after{top:5px;left:50%;transform:translate(-50%)}.smart-guide.vertical.spacing:before{background:0 0;border-top:1px solid #ef2aff;border-bottom:1px solid #ef2aff;width:7px;top:0;bottom:0;left:-3px}.smart-guide.vertical.spacing:after{top:50%;left:5px;transform:translateY(-50%)}.resize-edge{z-index:4;pointer-events:auto;touch-action:none;display:block;position:absolute}.resize-edge.top,.resize-edge.bottom{cursor:ns-resize;width:calc(100% + 14px);height:12px;left:-7px}.resize-edge.left,.resize-edge.right{cursor:ew-resize;width:12px;height:calc(100% + 14px);top:-7px}.resize-edge.top{top:-8px}.resize-edge.bottom{bottom:-8px}.resize-edge.left{left:-8px}.resize-edge.right{right:-8px}.rotate-handle{z-index:6;background:var(--yellow);cursor:grab;pointer-events:auto;touch-action:none;border:2px solid #111;border-radius:50%;width:15px;height:15px;position:absolute;bottom:-34px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #fff}.rotate-handle:before{content:"";border-left:1px solid #111;height:16px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.rotate-handle:active{cursor:grabbing}.transform-strip{background:#ffffffeb;border-top:1px solid #d1d1cf;grid-template-columns:minmax(145px,.8fr) minmax(250px,1.5fr) minmax(100px,1fr) auto;align-items:center;gap:13px;min-height:78px;padding:11px 20px;display:grid}.transform-strip.empty{color:#999;place-items:center;font-size:10px;display:grid}.selected-summary{align-items:center;gap:9px;min-width:0;display:flex}.selected-summary img{object-fit:contain;background:#f7f7f5;border:1px solid #ddd;flex:0 0 46px;width:46px;height:46px;padding:4px}.selected-summary .layer-missing-icon{border:1px dashed #111;flex:0 0 46px;width:46px;height:46px}.multi-selection-icon{color:#111;background:var(--yellow);border:1px solid #111;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:grid}.selected-summary div{min-width:0}.selected-summary b{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.transform-strip label{color:#666;flex-direction:column;gap:7px;font-size:10px;font-weight:700;display:flex}.transform-strip label>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.transform-strip output{color:#111;font-weight:900}.transform-strip input{accent-color:#111;width:100%}.direct-transform{gap:7px;min-width:0;display:grid}.direct-transform-heading{color:#666;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.direct-transform-heading small{color:#888;white-space:nowrap;font-size:9px;font-weight:500}.direct-transform-fields{grid-template-columns:repeat(3,minmax(47px,1fr)) auto;align-items:end;gap:5px;display:grid}.direct-transform-fields label{gap:3px}.direct-transform-fields label>span:first-child{color:#666;font-size:9px}.number-input{position:relative;display:block!important}.number-input input{appearance:textfield;color:#111;background:#fff;border:1px solid #bbb;outline:0;height:31px;padding:0 22px 0 6px;font-size:11px;font-weight:800}.number-input input::-webkit-inner-spin-button{appearance:none;margin:0}.number-input input::-webkit-outer-spin-button{appearance:none;margin:0}.number-input input:focus{box-shadow:inset 0 -3px var(--yellow);border-color:#111}.number-input em{color:#777;pointer-events:none;font-size:9px;font-style:normal;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.direct-transform-fields button{color:#111;background:var(--yellow);border:1px solid #111;min-width:46px;height:31px;font-size:10px;font-weight:900}.size-slider{gap:3px!important}.size-slider>span{font-size:9px}.transform-buttons{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.transform-buttons button{background:#f7f7f5;border:1px solid #ccc;min-height:31px;padding:0 8px;font-size:10px;font-weight:800}.transform-buttons .replace-button.active{color:#111;background:var(--yellow);border-color:#111;box-shadow:inset 0 -3px #111}.transform-buttons .danger{color:#fff;background:#111;border-color:#111;grid-column:1/-1}.multi-size-control{color:#666;grid-column:span 2;gap:6px;font-size:10px;font-weight:700;display:grid}.multi-size-control>div{grid-template-columns:1fr 1fr;gap:5px;display:grid}.multi-size-control button{background:#fff;border:1px solid #bbb;min-height:31px;font-size:10px;font-weight:900}.multi-size-control button:hover{background:var(--yellow);border-color:#111}.multi-size-control small{color:#888;font-size:9px;font-weight:400}.multi-transform-buttons{min-width:130px}.quick-layer-strip{display:none}.stage-bottom{background:#ffffffbd;border-top:1px solid #d3d3d3;align-items:center;gap:18px;min-height:52px;padding:9px 24px;display:flex}.canvas-tip{color:#666;font-size:11px}.canvas-tip span{color:#111;background:var(--yellow);margin-right:7px;padding:3px 5px;font-weight:900}.panel-heading.compact{border-bottom:1px solid #ddd;padding-bottom:18px}.layer-list{flex:1;max-height:calc(100vh - 325px);padding:12px 2px;overflow-y:auto}.layer-list>button{text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#e3e3e1;grid-template-columns:43px minmax(0,1fr) auto 22px;align-items:center;gap:8px;width:100%;min-height:56px;padding:6px;display:grid;position:relative}.layer-list>button.active{box-shadow:inset 4px 0 var(--yellow);background:#fff;border-color:#111}.layer-list>button>img{object-fit:contain;background:#f1f1ef;width:43px;height:43px;padding:3px}.layer-list>button>.layer-missing-icon{border:1px dashed #111;width:43px;height:43px}.layer-list>button>span:not(.layer-order){min-width:0}.layer-list>button b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.layer-list>button small{color:#888;margin-top:4px;font-size:9px;display:block}.layer-list em{color:#aaa;font-size:9px;font-style:normal}.layer-order{flex-direction:column;gap:2px;display:flex}.layer-order i{background:#fff;border:1px solid #ddd;place-items:center;width:19px;height:19px;font-size:10px;font-style:normal;display:grid}.empty-layers{color:#aaa;text-align:center;place-content:center;min-height:270px;display:grid}.empty-layers b{font-size:33px;font-weight:300}.empty-layers p{font-size:11px;line-height:1.7}.export-card{color:#fff;box-shadow:inset 0 5px var(--yellow);background:#111;margin-top:14px;padding:19px}.export-card h2{margin:5px 0 8px;font-size:20px}.export-card p{color:#ccc;font-size:11px;line-height:1.6}.export-card button{color:#111;background:var(--yellow);border:0;justify-content:space-between;width:100%;margin-top:18px;padding:12px;font-size:11px;font-weight:900;display:flex}footer{border-bottom:5px solid var(--yellow);color:#999;letter-spacing:.1em;background:#111;justify-content:space-between;align-items:center;height:40px;padding:0 28px;font-size:7px;display:flex}.modal-backdrop{z-index:100;overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0cad;place-items:center;width:100%;max-width:100%;height:100dvh;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden auto}.confirm-modal{border-top:7px solid var(--yellow);text-align:center;background:#fff;width:min(100%,430px);padding:30px;position:relative;box-shadow:20px 20px #0003}.warning-mark{background:var(--yellow);place-items:center;width:46px;height:46px;margin:0 auto 14px;font-size:28px;font-weight:900;display:grid}.warning-mark svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:square;stroke-linejoin:miter;width:27px;height:27px}.confirm-modal h2{margin:6px 0 11px;font-size:22px}.confirm-modal p{color:#666;margin:0;font-size:12px;line-height:1.7}.confirm-modal>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.confirm-modal button,.preview-actions button{background:#fff;border:1px solid #111;min-height:43px;font-size:11px;font-weight:900}.confirm-modal button.primary,.preview-actions button.primary{color:#111;background:var(--yellow)}.confirm-modal .modal-close-button{color:#555;border-color:#aaa;width:34px;min-height:34px;font-size:21px;font-weight:400;line-height:1;position:absolute;top:10px;right:10px}.confirm-modal .modal-close-button:hover{color:#111;background:var(--yellow);border-color:#111}.startup-disclaimer-backdrop{z-index:160}.startup-disclaimer{text-align:left;border-top-width:8px;width:min(100%,560px)}.startup-disclaimer .warning-mark{margin-left:0}.startup-disclaimer h2{font-size:24px}.startup-disclaimer>p{color:#444;font-size:13px;line-height:1.8}.startup-disclaimer>div{grid-template-columns:140px minmax(0,1fr)}.blueprint-backdrop{z-index:110;background-color:#deded9;background-image:linear-gradient(#0000000e 1px,#0000 1px),linear-gradient(90deg,#0000000e 1px,#0000 1px);background-size:28px 28px;padding:0;position:fixed;inset:0;overflow-y:auto}.blueprint-modal{border-top:8px solid var(--yellow);background:#f8f8f5f7;width:min(100%,980px);min-height:100vh;margin:0 auto;padding:0 28px 48px;box-shadow:0 0 70px #0003}.blueprint-header{z-index:5;box-shadow:inset 0 -4px var(--yellow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f8f5f7;border-bottom:2px solid #111;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 -1px 26px;padding:22px 1px 17px;display:flex;position:sticky;top:0}.blueprint-header small,.blueprint-section-heading small{color:#555;letter-spacing:.14em;font-size:9px;font-weight:900;display:block}.blueprint-header h2{margin:5px 0 7px;font-size:22px}.blueprint-header p{color:#555;margin:0;font-size:12px;line-height:1.5}.blueprint-header-actions{flex:none;gap:7px;display:flex}.blueprint-header-actions button{color:#fff;background:#111;border:1px solid #111;height:40px;font-size:11px;font-weight:900}.blueprint-header-actions button.primary{color:#111;background:var(--yellow);border-color:#111;min-width:116px;padding:0 13px}.blueprint-header-actions button.primary span{margin-left:8px}.blueprint-header-actions button:last-child{flex:0 0 40px;width:40px;font-size:24px;font-weight:400;line-height:1}.blueprint-sheet{gap:36px;display:grid}.blueprint-section-heading{align-items:center;gap:12px;margin-bottom:15px;display:flex}.blueprint-section-heading>span{color:#fff;width:40px;height:36px;box-shadow:4px 4px 0 var(--yellow);background:#111;place-items:center;font:900 22px Arial Narrow,sans-serif;display:grid}.blueprint-section-heading h3{margin:2px 0 0;font-size:17px}.blueprint-recipe{justify-items:center;display:grid}.blueprint-recipe .blueprint-section-heading{width:100%}.blueprint-recipe-canvas{width:min(100%,560px);box-shadow:10px 10px 0 var(--yellow);background:#deded9;border:2px solid #111;padding:16px}.blueprint-recipe-canvas .history-thumbnail.large{border:1px solid #111;width:min(100%,510px)}.blueprint-recipe-meta{background:#fff;border:2px solid #111;border-top:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(100%,560px);padding:11px 14px;display:grid}.blueprint-recipe-meta>span{background:var(--yellow);border:1px solid #111;padding:4px 7px;font-size:9px;font-weight:900}.blueprint-recipe-meta b{font-size:11px}.blueprint-recipe-meta small{color:#666;font-size:9px}.blueprint-order-note{color:#555;align-items:center;gap:9px;margin:-4px 0 12px;font-size:11px;display:flex}.blueprint-order-note span{color:#111;background:var(--yellow);border:1px solid #111;flex:0 0 26px;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.blueprint-steps ol{counter-reset:blueprint-step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.blueprint-steps li{min-height:94px;box-shadow:inset 6px 0 var(--yellow);background:#fff;border:1px solid #111;grid-template-columns:52px 76px minmax(0,1fr) auto;align-items:center;gap:13px;padding:9px 13px 9px 0;display:grid;position:relative}.blueprint-steps li:not(:last-child):after{content:"";z-index:1;border-left:2px solid #111;height:9px;position:absolute;top:100%;left:25px}.blueprint-step-number{color:#111;text-align:center;font:900 19px Arial Narrow,sans-serif}.blueprint-step-asset{background:#f1f1ee;border:1px solid #111;place-items:center;width:76px;height:76px;padding:5px;display:grid}.blueprint-step-asset img{object-fit:contain;width:100%;height:100%;display:block}.blueprint-step-asset .layer-missing-icon{width:100%;height:100%}.blueprint-step-copy{min-width:0}.blueprint-step-copy>small{color:#555;letter-spacing:.07em;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.blueprint-step-copy>b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.blueprint-step-copy p{color:#666;flex-wrap:wrap;gap:3px 14px;margin:8px 0 0;font-size:10px;line-height:1.45;display:flex}.blueprint-step-copy p span{display:block}.blueprint-layer-level{color:#111;background:var(--yellow);border:1px solid #111;align-self:start;padding:4px 6px;font:900 9px Arial Narrow,sans-serif}.preview-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7f7f5;padding:0;display:block;overflow-y:auto}.share-prompt-backdrop,.share-link-backdrop{z-index:120}.learning-prompt-backdrop{z-index:130}.learning-prompt-modal{text-align:left;width:min(100%,500px)}.learning-prompt-modal>small{color:#777;font-weight:900}.learning-prompt-modal h2{margin-top:8px}.learning-video-card{text-align:left;width:100%;margin-top:18px;padding:0;display:block;position:relative;overflow:hidden;background:#111!important;border:2px solid #111!important}.learning-video-card>img{aspect-ratio:308/173;object-fit:cover;width:100%;transition:transform .25s,filter .25s;display:block}.learning-video-card:hover>img{filter:brightness(.78);transform:scale(1.025)}.learning-video-play{color:#111;background:var(--yellow);border:2px solid #111;border-radius:50%;place-items:center;width:52px;height:52px;padding-left:3px;font-size:19px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-65%);box-shadow:5px 5px #0000008c}.learning-video-play svg{fill:currentColor;width:24px;height:24px}.learning-video-copy{color:#fff;background:#111;justify-content:flex-end;align-items:center;min-height:34px;padding:9px 12px;display:flex}.learning-video-copy small{color:#aaa;letter-spacing:.04em;font-size:8px}.learning-prompt-modal>.learning-prompt-actions{grid-template-columns:1fr 1fr;margin-top:14px}.learning-prompt-modal>.learning-prompt-actions.single{grid-template-columns:1fr}.learning-follow-note{text-align:center;color:#777!important;margin-top:12px!important;font-size:9px!important}.share-link-copy{text-align:left;background:#f7f7f5;border:1px solid #ccc;padding:14px}.share-link-copy span{color:#111;margin-bottom:7px;font-weight:800;display:block}.share-link-copy strong{overflow-wrap:anywhere;color:#555;font-size:11px;font-weight:500;line-height:1.55;display:block}.blueprint-code-copy{text-align:left;background:#f7f7f5;border:1px solid #ccc;padding:14px;color:#111!important}.blueprint-code-copy strong{overflow-wrap:anywhere;color:#555;letter-spacing:.08em;font-size:14px;font-weight:500}.blueprint-import-modal textarea{resize:vertical;width:100%;min-height:150px;font:inherit;background:#f7f7f5;border:1px solid #aaa;outline:0;margin-top:16px;padding:12px;font-size:16px;line-height:1.65}.blueprint-import-modal textarea:focus{box-shadow:inset 4px 0 var(--yellow);border-color:#111}.preview-modal{border-top:7px solid var(--yellow);background:#f7f7f5;flex-direction:column;width:100%;min-height:100vh;padding:20px max(20px,50vw - 490px);display:flex}.preview-modal>header{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f7f5f5;justify-content:space-between;align-items:flex-start;margin:-20px 0 14px;padding:20px 0 14px;display:flex;position:sticky;top:0}.preview-modal h2{margin:4px 0 0;font-size:22px}.preview-modal>header>button{background:#fff;border:1px solid #aaa;width:34px;height:34px;font-size:22px;line-height:1}.preview-mode{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.preview-mode button{text-align:left;background:#fff;border:1px solid #bbb;min-height:60px;padding:10px 14px}.preview-mode button.active{color:#fff;box-shadow:inset 0 -5px var(--yellow);background:#111;border-color:#111}.preview-mode b{font-size:12px;display:block}.preview-mode small{color:#888;letter-spacing:.03em;margin-top:4px}.preview-mode button.active small{color:#bbb}.preview-frame{background:#dededb;border:1px solid #ccc;flex:none;place-items:center;padding:18px;display:grid;overflow:visible}.preview-frame img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:none;display:block;box-shadow:0 15px 30px #0000002b}.preview-loading{color:#777;place-items:center;min-height:360px;font-size:11px;display:grid}.export-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.export-options label{cursor:pointer;background:#fff;border:1px solid #ccc;align-items:center;gap:10px;min-height:55px;padding:10px 12px;display:flex}.export-options label:has(input:checked){box-shadow:inset 5px 0 var(--yellow);border-color:#111}.export-options label.loading{background:#fffdeb;border-color:#c1a800}.export-options label.loading:after{content:"";border:2px solid #d4ca68;border-top-color:#111;border-radius:50%;flex:0 0 15px;width:15px;height:15px;margin-left:auto;animation:.8s linear infinite option-loading}.export-options input{accent-color:#111;flex:none;width:17px;height:17px}.export-options span{min-width:0}.export-options b{font-size:10px;display:block}.export-options small{color:#888;letter-spacing:.03em;margin-top:4px;font-size:7px}.preview-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.preview-actions button.secondary:hover{color:#fff;background:#111}.preview-note{color:#888;text-align:center;margin:9px 0 0;font-size:8px}.toast{z-index:200;border-left:5px solid var(--yellow);color:#fff;text-align:center;background:#111;width:min(100vw - 28px,620px);padding:12px 18px;font-size:11px;font-weight:800;line-height:1.55;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@media (any-pointer:coarse){.touch-transform-tools{z-index:20;pointer-events:auto;touch-action:manipulation;background:#fffffff5;border:1px solid #111;gap:5px;padding:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:4px 4px #00000026}.touch-transform-tools button{color:#111;touch-action:manipulation;background:#fff;border:1px solid #aaa;min-width:54px;height:34px;font-size:11px;font-weight:900}.touch-transform-tools button.active{background:var(--yellow);border-color:#111;box-shadow:inset 0 -3px #111}.resize-edge{pointer-events:none}}@media (width<=1180px){.workspace{grid-template-columns:280px minmax(460px,1fr)}.layer-panel{display:none}.transform-strip{grid-template-columns:150px repeat(2,1fr)}.transform-buttons{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.transform-buttons .danger{grid-column:auto}.quick-layer-strip{background:#ffffffe6;border-top:1px solid #ddd;align-items:center;gap:7px;min-height:58px;padding:8px 14px;display:flex;overflow:hidden}.quick-layer-strip>span{color:#666;flex:none;margin-right:4px;font-size:10px;font-weight:800}.quick-layer-items{overscroll-behavior-x:contain;flex:auto;gap:7px;min-width:0;display:flex;overflow-x:auto}.quick-layer-items button{background:#f7f7f5;border:1px solid #ccc;flex:0 0 42px;width:42px;height:42px;padding:3px;position:relative}.quick-layer-items button.active{box-shadow:inset 0 -4px var(--yellow);border-color:#111}.quick-layer-items button.rule-warning{border:3px solid var(--yellow);padding:1px;box-shadow:inset 0 0 0 1px #111}.quick-layer-items button.rule-warning.active{box-shadow:inset 0 0 0 1px #111,inset 0 -4px #111}.quick-layer-strip img{object-fit:contain;width:100%;height:100%}.quick-layer-strip .layer-missing-icon{width:100%;height:100%}.quick-layer-order{background:#fff;border:1px solid #111;flex:none;grid-template-columns:30px auto 30px;align-items:center;display:grid;overflow:hidden}.quick-layer-order button{background:var(--yellow);border:0;width:30px;height:40px;font-size:14px;font-weight:900}.quick-layer-order button:disabled{color:#aaa;background:#eee}.quick-layer-order small{color:#555;text-align:center;min-width:35px;font-size:9px;font-weight:900}}@media (width<=780px){.copyright-banner{height:28px}.copyright-track{justify-content:flex-start;width:max-content;animation:20s linear infinite copyright-scroll}.copyright-track span{flex:none;padding-right:70px;font-size:9px}.copyright-track span+span{display:block}.site-header{gap:10px;height:70px;padding:0 14px}.header-copy p{display:none}.header-copy h1{font-size:15px}.ghost-button{padding:9px 11px}.header-actions{gap:5px}.creation-history{padding:22px 14px 34px}.history-heading{align-items:flex-start}.history-heading-copy{text-align:right;flex-direction:column;align-items:flex-end;gap:9px}.history-heading-copy p{max-width:170px;line-height:1.45}.history-heading-actions{justify-content:flex-end}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace{flex-direction:column;display:flex}.canvas-rule-alerts{justify-content:stretch;width:calc(100vw - 28px);max-width:none;left:14px;right:auto;transform:none}.canvas-rule-alerts span{text-align:left;width:100%}.stage-toolbar{flex-wrap:wrap;gap:10px}.design-id-field{order:3;grid-template-columns:66px minmax(0,1fr);width:100%}.design-stage{order:1}.asset-panel{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:0;order:2;padding-bottom:34px}.canvas-zone{min-height:0;padding:20px 18px}.design-canvas{width:min(92%,540px)}.resize-edge.top,.resize-edge.bottom{width:calc(100% + 24px);height:22px;left:-12px}.resize-edge.left,.resize-edge.right{width:22px;height:calc(100% + 24px);top:-12px}.resize-edge.top{top:-13px}.resize-edge.bottom{bottom:-13px}.resize-edge.left{left:-13px}.resize-edge.right{right:-13px}.rotate-handle{width:22px;height:22px;bottom:-42px}.rotate-handle:before{height:19px}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:visible}.sticker-grid button{min-height:100px}.sticker-grid img{height:68px}.transform-strip{grid-template-columns:1fr 1fr;padding:12px 14px}.selected-summary,.transform-buttons{grid-column:1/-1}.stage-bottom{padding:10px 14px;position:static}footer{display:none}.preview-modal{min-height:100vh}}@keyframes copyright-scroll{to{transform:translate(-50%)}}@keyframes option-loading{to{transform:rotate(360deg)}}@keyframes replacement-spin{0%{filter:brightness(.8);transform:rotate(0)scale(.72)}55%{filter:brightness(1.12);transform:rotate(300deg)scale(1.12)}to{filter:brightness();transform:rotate(360deg)scale(1)}}@media (prefers-reduced-motion:reduce){.copyright-track{animation:none}.copyright-track span+span{display:none}.design-layer.replacing>img,.design-layer.replacing>.missing-layer{animation:none}}@media (width<=500px){.history-heading{flex-direction:column;gap:13px}.history-heading-copy{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.history-heading-copy p{max-width:195px}.history-heading-actions{flex-direction:column-reverse}.history-heading-actions button{min-height:34px;padding:0 10px}.history-filters{flex-direction:column;align-items:stretch}.history-series-tabs{grid-template-columns:repeat(3,1fr);display:grid}.history-series-tabs button{padding:0 7px}.history-search{width:100%}.history-grid{grid-template-columns:1fr 1fr;gap:9px}.history-tile-title{padding:28px 7px 7px}.history-tile-title small{display:none}.history-card-actions{grid-template-columns:1fr}.history-card-actions button{border-bottom:1px solid #e1e1df}.blueprint-modal{padding:0 14px 32px}.blueprint-header{margin-bottom:20px;padding-top:16px}.blueprint-header h2{font-size:17px}.blueprint-header p{max-width:245px;font-size:10px}.blueprint-header{flex-wrap:wrap}.blueprint-header-actions{width:100%}.blueprint-header-actions button.primary{flex:1}.blueprint-recipe-canvas{box-shadow:6px 6px 0 var(--yellow);padding:9px}.blueprint-recipe-meta{grid-template-columns:auto 1fr}.blueprint-recipe-meta small{grid-column:1/-1}.blueprint-steps li{grid-template-columns:39px 58px minmax(0,1fr);gap:9px;min-height:78px;padding:9px 9px 9px 0}.blueprint-steps li:not(:last-child):after{left:19px}.blueprint-step-number{font-size:15px}.blueprint-step-asset{width:58px;height:58px;padding:3px}.blueprint-step-copy>b{font-size:11px}.blueprint-step-copy p{margin-top:5px;font-size:9px}.blueprint-layer-level{display:none}.canvas-zone{min-height:0;padding:14px 9px}.design-canvas{width:96%}.canvas-tip{white-space:normal;width:100%;max-width:none;line-height:1.45}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.series-switch button{padding:10px}.transform-strip{grid-template-columns:1fr}.selected-summary,.transform-buttons,.multi-size-control{grid-column:auto}.preview-modal{padding:14px}.preview-modal>header{margin:-14px 0 12px;padding:14px 0 12px}.export-options{grid-template-columns:1fr}.preview-actions{grid-template-columns:repeat(3,1fr)}.preview-actions .primary{grid-column:auto}.preview-loading{min-height:250px}.confirm-modal>div{grid-template-columns:1fr}}