.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}:root{color-scheme:light;--page: #F8F4EC;--paper: #FFFFFF;--ink: #38333F;--muted: #777180;--lavender: #8F7BD8;--lavender-dark: #7864C3;--lavender-soft: #F0EBFF;--border: #E7E0EE;--cream: #FFF3C9;--pink: #F9D7DF;--mint: #D8F0E6;--blue: #DCEEF8;--shadow: 0 8px 24px rgba(92, 75, 112, .07);--radius: 18px;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{min-width:320px;overflow-x:hidden;scroll-behavior:smooth}body{margin:0;min-height:100dvh;overflow-x:hidden;background:var(--page);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(143,123,216,.32);outline-offset:2px}[hidden]{display:none!important}.hero{position:relative;min-height:148px;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 22px 24px;overflow:hidden;border-bottom:1px solid rgba(219,209,228,.75)}.brand-lockup{display:flex;align-items:center;gap:13px;max-width:580px}.brand-lockup h1{margin:0;font-size:clamp(22px,6vw,34px);line-height:1.15;letter-spacing:-.5px}.brand-lockup p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.bead-logo{flex:0 0 auto;width:54px;height:54px;display:grid;grid-template-columns:repeat(3,10px);gap:4px;place-content:center;background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transform:rotate(-3deg)}.bead-logo i{width:10px;height:10px;border-radius:50%;background:var(--lavender);box-shadow:inset 0 -1px 2px #00000017}.bead-logo i:nth-child(2n){background:#e9a8ba}.bead-logo i:nth-child(3n){background:#eac95f}.bead-logo i:nth-child(5n){background:#7ec9ae}.hero-decor{position:absolute;opacity:.65;pointer-events:none}.hero-decor i{position:absolute;width:11px;height:11px;border-radius:50%}.decor-left{left:12px;top:25px}.decor-left i:nth-child(1){background:#f0c85f}.decor-left i:nth-child(2){background:#b79eeb;left:18px;top:14px}.decor-left i:nth-child(3){background:#8ed3bc;top:34px}.decor-left i:nth-child(4){background:#f0b6c5;left:31px;top:39px}.decor-right{right:18px;bottom:28px}.decor-right i:nth-child(1){background:#91cdea}.decor-right i:nth-child(2){background:#f0b6c5;right:18px;bottom:17px}.decor-right i:nth-child(3){background:#b79eeb;right:34px;bottom:-5px}.page-shell{width:min(100%,1160px);margin:0 auto;padding:18px 14px calc(32px + env(safe-area-inset-bottom))}.project-toolbar{display:grid;gap:14px;margin-bottom:16px;padding:16px 18px;border:1px solid #DCD1F3;border-radius:18px;background:linear-gradient(135deg,#fff,#f5f0ff);box-shadow:var(--shadow)}.project-toolbar strong,.project-toolbar small{display:block}.project-toolbar strong{font-size:17px}.project-toolbar small{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}.project-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-toolbar-actions button{min-height:46px;padding:0 14px;border:1.5px solid var(--lavender);border-radius:13px;background:#fff;color:var(--lavender-dark);font-weight:750}.project-toolbar-actions button:last-of-type{background:var(--lavender);color:#fff}.project-toolbar-actions button:disabled{opacity:.45;cursor:default}.creator-layout{display:grid;gap:16px}.setup-column,.preview-column{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.step-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}.step-heading h2{margin:1px 0 3px;font-size:18px}.step-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.step-number{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--lavender-soft);color:var(--lavender-dark);font-weight:800}.step-number.mint{background:var(--mint);color:#3a8e73}.step-number.yellow{background:var(--cream);color:#a77c18}.step-number.pink{background:var(--pink);color:#b45a73}.step-number.blue{background:var(--blue);color:#4c83a2}.upload-zone{min-height:174px;display:grid;place-items:center;border:2px dashed #D4C7E8;border-radius:16px;background:#fcfaff;transition:.18s ease}.upload-zone:active,.upload-zone.drag-over{background:var(--lavender-soft);border-color:var(--lavender);transform:scale(.995)}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:7px}.upload-prompt strong{font-size:16px}.upload-prompt span{color:var(--muted);font-size:13px}.upload-sticker{width:52px;height:52px;display:grid;place-items:center;margin-bottom:2px;border-radius:16px;background:var(--lavender);color:#fff;font-size:28px;box-shadow:0 6px 12px #8f7bd833;transform:rotate(3deg)}.privacy-note{margin:12px 0 0;color:#6e8e82;font-size:12px;text-align:center;line-height:1.5}.uploaded-summary{width:100%;display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:13px;padding:10px}.uploaded-summary img{width:94px;height:104px;object-fit:cover;border-radius:13px;border:1px solid var(--border)}.uploaded-summary strong,.uploaded-summary span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uploaded-summary span{margin-top:8px;color:var(--muted);font-size:13px}.pattern-upload-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px solid #D8CEE9;border-radius:14px;background:linear-gradient(135deg,#fbf9ff,#f1ecff)}.pattern-upload-entry strong,.pattern-upload-entry span{display:block}.pattern-upload-entry strong{font-size:14px}.pattern-upload-entry span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.pattern-upload-entry button{min-height:44px;padding:0 13px;border:1px solid #CFC1E7;border-radius:11px;background:#fff;color:var(--lavender-dark);font-size:12px;font-weight:750}.upload-divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:var(--muted);font-size:11px}.upload-divider:before,.upload-divider:after{content:"";height:1px;flex:1;background:var(--border)}.link-import-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.link-import-form textarea{width:100%;min-height:72px;resize:vertical;padding:10px 12px;border:1.5px solid var(--border);border-radius:13px;background:#fcfbfd;color:var(--ink);font:inherit;font-size:13px;line-height:1.5}.link-import-form button{min-width:112px;padding:0 13px;border-radius:13px;background:var(--lavender);color:#fff;font-size:13px;font-weight:750}.link-import-form button:disabled{opacity:.55;cursor:wait}.link-import-hint{margin:7px 2px 0;color:var(--muted);font-size:11px;line-height:1.5}.link-import-hint.error{color:#a84e62}.link-import-hint.success{color:#397b66}#settingsArea{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}#settingsArea>.card{min-width:0}.edit-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.edit-actions button{min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#f8f6fa;border:1px solid var(--border);border-radius:13px;font-size:12px}.edit-actions button:active{transform:scale(.96);background:var(--lavender-soft)}.edit-actions span{font-size:20px}.text-button{display:block;min-height:44px;margin:8px auto -6px;padding:0 18px;background:transparent;color:var(--lavender-dark);font-weight:650}.pattern-recovery-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px solid #D8CEE9;border-radius:14px;background:linear-gradient(135deg,#fbf9ff,#f1ecff)}.pattern-recovery-card strong,.pattern-recovery-card span{display:block}.pattern-recovery-card strong{font-size:14px}.pattern-recovery-card span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.pattern-recovery-card button{min-height:42px;padding:0 13px;border-radius:11px;background:#fff;color:var(--lavender-dark);font-size:12px;font-weight:750;box-shadow:inset 0 0 0 1px #cfc1e7}.pattern-recovery-card button:disabled{opacity:.55;cursor:wait}.size-cards{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.size-cards::-webkit-scrollbar{display:none}.size-card{position:relative;flex:0 0 178px;min-height:132px;padding:14px;text-align:left;background:#fbfafc;border:1.5px solid var(--border);border-radius:15px;scroll-snap-align:start}.size-card.active{border-color:var(--lavender);background:var(--lavender-soft);box-shadow:inset 0 0 0 1px #8f7bd821}.size-card strong,.color-card strong{display:block;font-size:16px}.size-card b{display:block;margin:8px 0 4px;font-size:18px}.size-card span,.color-card span{display:block;color:var(--muted);font-size:12px;line-height:1.45}.recommend-tag{position:absolute!important;right:10px;top:10px;padding:3px 7px;background:var(--lavender);border-radius:10px;color:#fff!important;font-size:10px!important}.custom-size-icon{font-size:26px;margin:7px 0 5px;color:var(--lavender-dark)}.color-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.color-card{position:relative;min-height:96px;padding:14px;text-align:left;background:#fbfafc;border:1.5px solid var(--border);border-radius:15px}.color-card.active{border-color:var(--lavender);background:var(--lavender-soft)}.color-card b{display:block;margin:5px 0;font-size:19px;color:var(--lavender-dark)}.color-card .limit-status{display:inline-block;margin:7px 0 0;padding:3px 7px;border-radius:9px;background:#eee8fb;color:var(--lavender-dark);font-size:11px}.auto-color-note{margin:11px 2px 0;padding:10px 12px;border-radius:12px;background:#f8f5fc;color:#746c7d;font-size:12px;line-height:1.55}.palette-note{margin:8px 2px 0;padding:10px 12px;border-radius:12px;background:#fff9e8;color:#746c7d;font-size:12px;line-height:1.55}.palette-note strong{color:var(--lavender-dark)}.style-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}.style-card{position:relative;min-height:112px;padding:13px;border:1.5px solid var(--border);border-radius:15px;background:#fbfafc;text-align:left}.style-card.active{border-color:var(--lavender);background:var(--lavender-soft);box-shadow:inset 0 0 0 1px #8f7bd81f}.style-card strong{display:inline-block;margin-top:8px;font-size:17px}.style-card small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.style-card em{float:right;margin-top:8px;padding:3px 7px;border-radius:9px;background:var(--lavender);color:#fff;font-size:10px;font-style:normal}.style-dots{display:flex;gap:5px}.style-dots i{width:20px;height:20px;border-radius:7px}.natural-dots i:nth-child(1){background:#d8a7b7}.natural-dots i:nth-child(2){background:#a8c9b9}.natural-dots i:nth-child(3){background:#b5b9d6}.vivid-dots i:nth-child(1){background:#f04f83}.vivid-dots i:nth-child(2){background:#37b979}.vivid-dots i:nth-child(3){background:#5b72e9}.ordered-dots i:nth-child(1){background:#6f3c2b}.ordered-dots i:nth-child(2){background:#a96643}.ordered-dots i:nth-child(3){background:#d3976d}.dirty-notice{margin:0;padding:10px 12px;border-radius:12px;background:var(--cream);color:#81651c;text-align:center;font-size:13px}.primary-button{width:100%;min-height:54px;padding:0 18px;border-radius:15px;background:var(--lavender);color:#fff;font-size:16px;font-weight:750;box-shadow:0 7px 14px #7d65c42e;transition:.15s ease}.primary-button:active{transform:scale(.985);background:var(--lavender-dark)}.primary-button:disabled{opacity:.55;cursor:wait}.welcome-card{text-align:center;padding:26px 22px}.welcome-card h2{margin:10px 0 8px;font-size:20px}.welcome-card>p{margin:0 auto 20px;max-width:360px;color:var(--muted);line-height:1.7}.welcome-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;text-align:left}.welcome-card li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#faf8fc}.welcome-card li span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--lavender-soft);color:var(--lavender-dark);font-weight:800;font-size:12px}.bead-flower{position:relative;width:70px;height:70px;margin:0 auto}.bead-flower i{position:absolute;left:29px;top:29px;width:13px;height:13px;border-radius:50%;background:#f2cf68}.bead-flower i:nth-child(2){transform:translateY(-23px);background:#b49eea}.bead-flower i:nth-child(3){transform:translate(20px,-12px);background:#f0b5c5}.bead-flower i:nth-child(4){transform:translate(20px,12px);background:#88cdaf}.bead-flower i:nth-child(5){transform:translateY(23px);background:#90cbe8}.bead-flower i:nth-child(6){transform:translate(-20px,12px);background:#f0b5c5}.bead-flower i:nth-child(7){transform:translate(-20px,-12px);background:#b49eea}.card-title-row,.stats-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{display:block;margin-bottom:3px;color:var(--lavender-dark);font-size:12px;font-weight:750;letter-spacing:.5px}.source-card h2,.stats-card h2{margin:0;font-size:19px}.mini-badge,.actual-color-badge{padding:5px 9px;border-radius:12px;background:var(--mint);color:#397b66;font-size:11px;font-weight:700}.source-frame{height:320px;display:grid;place-items:center;margin:16px 0 10px;overflow:hidden;border-radius:15px;background:#f0ecf4}.source-frame canvas{display:block;max-width:100%;max-height:100%}.source-card>p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.progress-card{margin:18px 0;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);text-align:center;box-shadow:var(--shadow)}.progress-card strong{display:block;margin:12px 0;color:var(--lavender-dark);font-size:16px}.progress-beads{display:flex;justify-content:center;gap:7px}.progress-beads i{width:13px;height:13px;border-radius:50%;background:var(--lavender);animation:bounce .8s ease-in-out infinite alternate}.progress-beads i:nth-child(2){background:#efb3c5;animation-delay:.12s}.progress-beads i:nth-child(3){background:#eac85e;animation-delay:.24s}.progress-beads i:nth-child(4){background:#85cdaf;animation-delay:.36s}@keyframes bounce{to{transform:translateY(-7px)}}.progress-track{max-width:340px;height:7px;margin:auto;overflow:hidden;border-radius:8px;background:#eee8f4}.progress-track i{display:block;width:4%;height:100%;border-radius:8px;background:var(--lavender);transition:width .2s}.result-section{margin-top:28px}.result-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}.result-heading h2{margin:0;font-size:25px}.result-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.success-sticker{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--mint);color:#3b876e;font-size:23px;font-weight:800;transform:rotate(-4deg)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:440px;margin:0 auto 12px;padding:5px;border-radius:16px;background:#e9e3f0}.mode-switch button{min-height:46px;border-radius:12px;background:transparent;font-size:16px;font-weight:700}.mode-switch button.active{background:#fff;color:var(--lavender-dark);box-shadow:0 3px 9px #5546651a}.preview-shell{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#ede8f5;box-shadow:var(--shadow)}.result-stage{position:relative;width:100%;height:min(68dvh,650px);min-height:440px;overflow:hidden;touch-action:none;cursor:grab}.result-stage:active{cursor:grabbing}.result-stage canvas{position:absolute;inset:0;width:100%;height:100%}.fullscreen-button{position:absolute;right:10px;top:10px;min-height:40px;padding:0 12px;border:1px solid rgba(92,79,112,.15);border-radius:12px;background:#ffffffed;color:#625873;font-weight:700}.multi-select-bar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;background:#eee8fb;border-top:1px solid #DCD1F3;color:#62528e;font-size:13px;font-weight:700}.multi-select-bar[hidden]{display:none}.multi-select-bar>div{display:flex;gap:7px}.multi-select-bar button{min-height:40px;padding:0 13px;border-radius:11px;background:#fff;color:#6b599d;font-weight:750}.multi-select-bar #replaceSelectedCells{background:var(--lavender);color:#fff}.gesture-hint{margin:0;padding:9px 12px;background:#f7f4fa;color:#7c7585;text-align:center;font-size:12px}.pattern-crop-bar{max-width:820px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:14px auto 0;padding:13px 15px;border:1px solid #D9CEE9;border-radius:16px;background:linear-gradient(135deg,#fff,#f4efff);box-shadow:var(--shadow)}.pattern-crop-bar strong,.pattern-crop-bar span{display:block}.pattern-crop-bar strong{font-size:15px}.pattern-crop-bar span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.pattern-crop-bar button{min-height:44px;padding:0 15px;border-radius:12px;background:var(--lavender);color:#fff;font-weight:750}.stats-card{margin-top:16px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.summary-grid div{padding:12px;border-radius:13px;background:#f9f7fa}.summary-grid div:last-child{grid-column:1/-1}.summary-grid span,.summary-grid strong{display:block}.summary-grid span{color:var(--muted);font-size:12px}.summary-grid strong{margin-top:4px;font-size:16px}.replace-hint{margin:0 0 8px;padding:10px 12px;border-radius:12px;background:#fff9e8;color:#746c7d;font-size:12px;line-height:1.55}.color-list{display:grid;gap:5px}.color-row{width:100%;min-height:48px;display:grid;grid-template-columns:22px 54px 1fr auto;align-items:center;gap:8px;padding:4px 10px;border-radius:12px;background:transparent;text-align:left;box-shadow:inset 4px 0 transparent}.color-row:active,.color-row.active{background:#e9e1ff;box-shadow:inset 4px 0 var(--lavender-dark)}.color-row.active .color-code{color:#5b3fb5}.color-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(50,45,55,.16)}.color-code{font-weight:800}.color-name{color:var(--muted)}.color-count{font-weight:700}.list-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.soft-button{min-height:46px;padding:0 12px;border-radius:13px;background:var(--lavender-soft);color:var(--lavender-dark);font-weight:700}.replace-selected-button,.highlight-export-button{grid-column:1/-1;min-height:48px;padding:0 14px;border-radius:13px;font-weight:750}.replace-selected-button{background:var(--lavender);color:#fff}.highlight-export-button{border:1.5px solid var(--lavender);background:#fff;color:var(--lavender-dark)}.replace-selected-button:disabled,.highlight-export-button:disabled{opacity:.45;cursor:default}.save-actions{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:1fr 1.12fr;gap:8px;margin:16px -6px 0;padding:10px 6px calc(10px + env(safe-area-inset-bottom));background:#f8f4ecf0;backdrop-filter:blur(8px)}.save-actions button{min-height:54px}.secondary-save{border:1.5px solid var(--lavender);border-radius:15px;background:#fff;color:var(--lavender-dark);font-size:15px;font-weight:750}.mirror-save,.project-save{grid-column:1/-1}.project-save{background:var(--lavender-soft)}.export-watermark{max-width:820px;margin:16px auto 0;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.watermark-toggle{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.watermark-toggle span,.watermark-toggle strong,.watermark-toggle small{display:block}.watermark-toggle strong{font-size:15px}.watermark-toggle small{margin-top:3px;color:var(--muted);font-size:12px}.watermark-toggle input{flex:0 0 auto;width:24px;height:24px;accent-color:var(--lavender)}.watermark-text-field{display:block;margin-top:11px}.watermark-text-field span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.watermark-text-field input{width:100%;min-height:48px;padding:0 13px;border:1.5px solid var(--border);border-radius:13px;background:#fcfbfd;color:var(--ink);font-size:16px}.export-watermark.disabled .watermark-text-field{opacity:.48}.crop-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#f8f4f9;color:var(--ink)}.crop-dialog::backdrop{background:#ede7f1}.crop-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 16px 10px;background:#fff;border-bottom:1px solid var(--border)}.crop-header h2{margin:0;font-size:20px}.crop-header .eyebrow{color:var(--lavender-dark)}.icon-close{width:44px;height:44px;border-radius:50%;background:#f1edf4;color:inherit;font-size:26px}.crop-workspace{height:calc(100dvh - 246px);min-height:300px;background:#e9e3ed}.crop-workspace img{display:block;max-width:100%}.crop-ratios{display:flex;gap:7px;padding:12px 14px;overflow-x:auto;background:#fff}.crop-ratios button{flex:0 0 auto;min-height:42px;padding:0 15px;border-radius:13px;background:#f2eef5;color:#6f6877}.crop-ratios button.active{background:var(--lavender);color:#fff}.crop-footer{position:absolute;left:0;right:0;bottom:0;padding:8px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border)}.crop-footer p{margin:0 0 7px;color:#837b89;text-align:center;font-size:12px}.crop-footer .primary-button{max-width:560px;display:block;margin:auto}.cropper-view-box{outline:2px solid #fff!important;outline-color:#ffffffe6!important}.cropper-line{background-color:#fff!important;opacity:.75!important}.cropper-point{width:18px!important;height:18px!important;background-color:#fff!important;border:3px solid var(--lavender)!important;border-radius:50%;opacity:1!important}.cropper-point.point-se{right:-9px!important;bottom:-9px!important;width:20px!important;height:20px!important}.cropper-modal{background-color:#b9b1c1!important;opacity:.55!important}.simple-dialog{width:min(92vw,420px);padding:22px;border:1px solid var(--border);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 70px #372b463d}.simple-dialog::backdrop{background:#2922316b}.simple-dialog .icon-close{position:absolute;right:10px;top:10px;background:#f4f0f6;color:#716879}.simple-dialog h2{margin:0 0 18px}.custom-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px}.custom-inputs label{color:var(--muted);font-size:13px}.custom-inputs input{width:100%;height:48px;margin-top:5px;padding:0 12px;border:1.5px solid var(--border);border-radius:12px;font-size:18px}.custom-inputs>span{padding-bottom:13px}.simple-dialog>p{text-align:center;color:var(--lavender-dark);font-weight:700}.pattern-crop-dialog{width:min(94vw,500px)}.pattern-crop-dialog .pattern-crop-intro{margin:-8px 0 14px;color:var(--muted);text-align:left;font-size:13px;font-weight:500;line-height:1.6}.pattern-crop-current{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:11px 13px;border-radius:12px;background:#f7f4fa}.pattern-crop-current span{color:var(--muted);font-size:12px}.pattern-crop-current strong{color:var(--lavender-dark);font-size:17px}.pattern-crop-dialog .pattern-crop-summary{min-height:48px;margin:14px 0 8px;padding:10px 12px;border-radius:12px;background:var(--mint);color:#397b66;text-align:left;font-size:13px;line-height:1.55}.pattern-crop-dialog .pattern-crop-summary.error{background:#fff0f2;color:#a84e62}.pattern-crop-rule{display:block;margin:0 1px 14px;color:var(--muted);font-size:11px;line-height:1.6}.pattern-grid-dialog{width:min(94vw,520px)}.pattern-grid-dialog canvas{display:block;width:100%;height:210px;margin:4px 0 12px;border:1px solid var(--border);border-radius:14px;background:#eee9f2;object-fit:contain;image-rendering:auto}.pattern-grid-dialog .pattern-grid-summary{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--mint);color:#397b66;text-align:left;font-size:13px;line-height:1.55}.pattern-grid-warning{display:block;margin:13px 1px;color:var(--muted);font-size:11px;line-height:1.6}.pattern-grid-dialog .primary-button{margin-top:2px}.link-image-dialog{width:min(94vw,640px);max-height:86dvh;overflow:hidden}.link-image-dialog[open]{display:flex;flex-direction:column}.link-image-dialog h2{margin-bottom:5px}.link-image-meta{margin:0 0 12px!important;color:var(--muted)!important;text-align:left!important;font-size:12px!important;font-weight:500!important}.link-image-grid{min-height:160px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-y:auto}.link-image-card{position:relative;min-height:180px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:14px;background:#eee9f2}.link-image-card img{display:block;width:100%;height:180px;object-fit:contain;background:#f2eef5}.link-image-card span{position:absolute;left:8px;right:8px;bottom:8px;min-height:34px;display:grid;place-items:center;border-radius:10px;background:#403a47e0;color:#fff;font-size:12px;font-weight:750}.link-image-card:focus-visible,.link-image-card:hover{border-color:var(--lavender)}.link-image-card:disabled{opacity:.55;cursor:wait}.replace-dialog{width:min(94vw,560px);height:min(88dvh,760px);max-height:none;padding:20px;border:1px solid var(--border);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 70px #372b463d;overflow:hidden}.replace-dialog[open]{display:flex;flex-direction:column}.replace-dialog::backdrop{background:#29223175}.replace-dialog>.icon-close{position:absolute;right:10px;top:10px;background:#f4f0f6;color:#716879}.replace-dialog h2{flex:0 0 auto;margin:0 0 14px;font-size:22px}.replace-current{flex:0 0 auto;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:11px;border-radius:14px;background:#f9f7fa}.replace-current>i{width:52px;height:52px;border:1px solid rgba(50,45,55,.14);border-radius:14px}.replace-current span,.replace-current small{display:block;color:var(--muted);font-size:12px}.replace-current strong{display:block;margin:2px 0;font-size:18px}.replace-search{flex:0 0 auto;display:block;margin-top:13px}.replace-search span{display:block;margin-bottom:6px;color:var(--muted);font-size:13px}.replace-search input{width:100%;min-height:48px;padding:0 13px;border:1.5px solid var(--border);border-radius:13px;background:#fcfbfd;font-size:16px;color:var(--ink)}.replace-target{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;color:var(--muted);font-size:12px}.replace-target strong{color:var(--lavender-dark);text-align:right}.replacement-palette{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:7px;padding:2px 3px 8px;overflow-y:auto;overscroll-behavior:contain}.palette-swatch{position:relative;min-width:0;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 3px;border:1.5px solid var(--border);border-radius:12px;background:#fbfafc}.palette-swatch i{width:26px;height:26px;border:1px solid rgba(50,45,55,.14);border-radius:8px}.palette-swatch strong{font-size:12px}.palette-swatch small{width:100%;overflow:hidden;color:var(--muted);font-size:9px;white-space:nowrap;text-overflow:ellipsis;text-align:center}.palette-swatch.recent:after{content:"最近";position:absolute;right:3px;top:3px;padding:1px 3px;border-radius:5px;background:var(--mint);color:#397b66;font-size:7px;font-weight:750}.palette-swatch.manual-blank{border-color:#9b8cb7;border-style:dashed;background:#fff}.palette-swatch.manual-blank:after{content:"不计数";position:absolute;right:3px;top:3px;padding:1px 3px;border-radius:5px;background:#eee9f7;color:#725d98;font-size:7px;font-weight:750}.palette-swatch.active{border-color:var(--lavender);background:var(--lavender-soft);box-shadow:inset 0 0 0 1px #8f7bd826}.palette-swatch.current{opacity:.58}.palette-empty{grid-column:1/-1;margin:20px 0;color:var(--muted);text-align:center}.replace-dialog-footer{flex:0 0 auto;padding-top:10px;background:#fff;box-shadow:0 -8px 14px #ffffffeb}.toast-region{position:fixed;left:14px;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:100;display:grid;place-items:center;pointer-events:none}.toast{max-width:420px;padding:11px 15px;border-radius:13px;background:#403a47;color:#fff;box-shadow:0 12px 32px #2a223140;font-size:14px}.toast.success{background:#397b66}.toast.error{background:#a84e62}@media(min-width:760px){.hero{min-height:164px}.brand-lockup p{font-size:15px}.page-shell{padding:26px 24px 50px}.project-toolbar{grid-template-columns:1fr auto;align-items:center;padding:18px 22px}.project-toolbar-actions{min-width:280px}.creator-layout{grid-template-columns:minmax(0,1.03fr) minmax(330px,.97fr);gap:22px}.preview-column{position:sticky;top:20px;align-self:start}.source-frame{height:420px}.card{padding:22px}.summary-grid{grid-template-columns:repeat(3,1fr)}.summary-grid div:last-child{grid-column:auto}.stats-card{max-width:820px;margin:18px auto 0}.save-actions{position:static;grid-template-columns:repeat(3,1fr);max-width:820px;margin:18px auto 0;padding:0;background:transparent;backdrop-filter:none}.mirror-save{grid-column:auto}.project-save{grid-column:1/-1}.result-section{margin-top:40px}.result-heading{justify-content:center}.result-stage{height:min(72vh,760px)}}@media(min-width:1200px){.hero-decor{opacity:.9}.result-stage{height:780px}}@media(max-width:370px){.page-shell{padding-left:10px;padding-right:10px}.card{padding:15px}.edit-actions{gap:4px}.edit-actions button{font-size:11px}.brand-lockup{gap:9px}.bead-logo{width:48px;height:48px}.brand-lockup h1{font-size:21px}.color-card{padding:11px}.replacement-palette{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.pattern-upload-entry,.link-import-form{grid-template-columns:1fr}.pattern-upload-entry button,.link-import-form button{min-height:46px}.link-image-grid{grid-template-columns:1fr}.link-image-card,.link-image-card img{height:220px}.pattern-crop-bar{grid-template-columns:1fr}.pattern-crop-bar button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.all-colors-export-button{grid-column:1/-1;min-height:48px;padding:0 14px;border:1.5px solid var(--lavender-dark);border-radius:13px;background:var(--lavender-soft);color:var(--lavender-dark);font-weight:750}.all-colors-export-button:disabled{opacity:.45;cursor:default}.direct-style-card{grid-column:1/-1;min-height:96px}.direct-dots i:nth-child(1){background:#d6a27c}.direct-dots i:nth-child(2){background:#6da78c}.direct-dots i:nth-child(3){background:#748bb8}.save-project-dialog form{display:grid;gap:16px}.project-name-field{display:grid;gap:7px;color:var(--muted);font-size:13px}.project-name-field input{width:100%;height:50px;padding:0 13px;border:1.5px solid var(--border);border-radius:13px;background:#fcfbfd;color:var(--ink);font-size:17px}.project-name-field small{font-size:12px}.save-project-dialog .primary-button{width:100%}.print-save{grid-column:1/-1}.print-pdf-dialog{width:min(94vw,500px)}.print-pdf-dialog .print-pdf-intro{margin:-8px 0 14px;color:var(--muted);font-size:13px;line-height:1.6}.print-bead-size{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;padding:0;border:0}.print-bead-size legend{margin-bottom:7px;color:var(--muted);font-size:12px}.print-bead-size label{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 12px;border:1.5px solid var(--border);border-radius:13px;background:#fbfafc;cursor:pointer}.print-bead-size label:has(input:checked){border-color:var(--lavender);background:var(--lavender-soft)}.print-bead-size input,.print-mirror input{width:18px;height:18px;accent-color:var(--lavender)}.print-bead-size strong,.print-bead-size small{display:block}.print-bead-size strong{font-size:15px}.print-bead-size small{color:var(--muted);font-size:11px}.print-mirror{display:flex;align-items:center;gap:8px;font-size:13px}.print-pdf-dialog .print-pdf-summary{min-height:44px;margin:12px 0 8px;padding:10px 12px;border-radius:12px;background:var(--mint);color:#397b66;text-align:left;font-size:13px;font-weight:600;line-height:1.55}.print-pdf-rule{display:block;margin:0 1px 14px;color:var(--muted);font-size:11px;line-height:1.6}.style-card .style-fit{display:block;margin-top:6px;color:var(--lavender-dark);font-size:11px;font-weight:700}.mode-recommendation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:-4px 0 12px;padding:11px 13px;border:1px solid #CFE7DC;border-radius:14px;background:linear-gradient(135deg,#f3fbf7,#e8f6ef)}.mode-recommendation[hidden]{display:none}.mode-recommendation span{display:inline-block;margin-right:6px;padding:2px 7px;border-radius:8px;background:#3e8c70;color:#fff;font-size:10px;font-weight:800;vertical-align:middle}.mode-recommendation strong{font-size:14px;vertical-align:middle}.mode-recommendation small{display:block;margin-top:4px;color:#4f7a69;font-size:12px}.mode-recommendation button{min-height:40px;padding:0 13px;border-radius:11px;background:#3e8c70;color:#fff;font-size:12px;font-weight:750}.mode-recommendation button:disabled{background:#bfdccf;cursor:default}.text-pattern-entry{width:100%;display:flex;align-items:center;gap:11px;margin-top:12px;padding:12px 13px;border:1.5px dashed #CFC1E7;border-radius:14px;background:#fcfaff;text-align:left}.text-pattern-entry>span:first-child{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:var(--lavender-soft);color:var(--lavender-dark);font-size:18px}.text-pattern-entry strong,.text-pattern-entry small{display:block}.text-pattern-entry strong{font-size:14px}.text-pattern-entry small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.text-pattern-dialog{width:min(96vw,920px);max-height:94dvh;overflow-y:auto}.text-pattern-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:16px;margin-bottom:14px}.text-pattern-controls{display:grid;gap:10px;align-content:start}.text-field span{display:flex;justify-content:space-between;margin-bottom:5px;color:var(--muted);font-size:12px}.text-field textarea{width:100%;min-height:64px;padding:9px 11px;border:1.5px solid var(--border);border-radius:12px;background:#fcfbfd;color:var(--ink);font:inherit;font-size:16px;resize:vertical}.text-row{display:flex;align-items:center;gap:10px}.text-row label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.text-row select{min-height:38px;padding:0 8px;border:1.5px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:13px}.text-check input{width:18px;height:18px;accent-color:var(--lavender)}.text-range{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;color:var(--muted);font-size:12px}.text-range b{color:var(--lavender-dark);font-size:12px}.text-range input{grid-column:1/-1;accent-color:var(--lavender)}.text-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:#f1ecf6}.text-segment button{min-height:36px;border-radius:9px;background:transparent;font-size:12px;font-weight:700;color:#6f6877}.text-segment button[aria-pressed=true]{background:#fff;color:var(--lavender-dark);box-shadow:0 2px 6px #5546651f}.text-schemes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.text-scheme{display:grid;gap:4px;padding:7px;border:1.5px solid var(--border);border-radius:11px;background:#fff;font-size:11px;font-weight:700;color:#5e5770}.text-scheme[aria-checked=true]{border-color:var(--lavender);background:var(--lavender-soft)}.text-scheme-swatches{display:flex;gap:2px}.text-scheme-swatches i{flex:1;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.08)}.text-pattern-preview{display:grid;align-content:start;gap:8px}.text-pattern-preview canvas{width:100%;max-height:52dvh;object-fit:contain;border-radius:14px;background:#f0ecf4}.text-summary{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.text-summary.error{color:#a84e62}@media(max-width:759px){.text-pattern-layout{grid-template-columns:1fr}.text-pattern-preview{order:-1}}.text-font-note{display:block;margin:-2px 0 2px;color:var(--muted);font-size:11px;line-height:1.6}.text-check input:disabled{opacity:.4}.text-templates{display:grid;gap:6px}.text-templates>span{color:var(--muted);font-size:12px}#textTemplates{display:flex;flex-wrap:wrap;gap:6px}#textTemplates button{min-height:32px;padding:0 12px;border:1.5px solid var(--border);border-radius:999px;background:#fff;color:#5e5770;font-size:12px;font-weight:700}#textTemplates button:hover{border-color:var(--lavender);color:var(--lavender-dark)}.hero{min-height:86px;display:flex;justify-content:space-between;gap:20px;padding:16px max(22px,calc((100vw - 1440px)/2));background:#f8f4ecf7}.hero-decor{display:none}.brand-lockup{max-width:none;gap:10px}.brand-lockup h1{font-size:23px}.brand-lockup p{font-size:12px;margin-top:5px}.bead-logo{width:46px;height:46px;border-radius:13px}.header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.header-actions button{min-height:42px;padding:0 15px;border:1px solid var(--border);border-radius:11px;background:#fff;font-size:13px;font-weight:700}.header-actions #saveProjectButton{background:var(--lavender);color:#fff;border-color:var(--lavender)}.header-actions button:disabled{opacity:.4;cursor:default}#draftStatus{color:#6d6876;font-size:12px;margin-right:5px}#draftStatus[data-status=error]{color:#a84e62}.intro-section{padding:24px 0 28px;text-align:center}.intro-section h2{margin:9px 0 12px;font-size:clamp(25px,3.2vw,36px);letter-spacing:-.7px}.intro-section p{color:var(--muted);line-height:1.6;margin:0}.intro-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:17px}.intro-tags span{padding:5px 11px;color:#75668e;background:#efe9f6;border-radius:20px;font-size:11px}.welcome-card{text-align:left}.welcome-card h2{font-size:21px;margin-bottom:18px}.example-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.example-comparison figure{min-width:0;margin:0}.example-comparison img,.example-comparison canvas{width:100%;height:260px;object-fit:contain;display:block;border-radius:13px;background:#faf8fc;border:1px solid var(--border)}.example-comparison figcaption{margin:9px 0 13px;text-align:center;font-size:12px;color:var(--muted)}.welcome-card>p{margin:3px 0 16px;font-size:13px}#tryExample{width:100%}.feature-notes{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:11px;color:var(--muted)}.feature-notes span:before{content:"✓ ";color:#397b66}.draft-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px 16px;background:#fff;border:1px solid #dcd1f3;border-radius:16px;padding:16px;margin-bottom:22px}.draft-card img{width:70px;height:70px;border-radius:10px;object-fit:contain;background:#f7f4fa}.draft-card strong{display:block;overflow-wrap:anywhere}.draft-card p{color:var(--muted);font-size:12px;margin:5px 0 0}.draft-card small{grid-column:2 / -1;color:var(--muted);line-height:1.5;font-size:11px}.workspace-tabs{display:none}.canvas-actions{display:flex;gap:6px;align-items:center;margin-bottom:12px}.canvas-actions>span{flex:1}.canvas-actions button{min-height:42px;min-width:42px;padding:0 11px;border:1px solid var(--border);border-radius:11px;background:#fff;font-size:13px;font-weight:650}.canvas-actions button:disabled{opacity:.38;cursor:default}.workspace-settings,.workspace-canvas,.workspace-materials{min-width:0}.draft-footnote{color:var(--muted);font-size:11px;line-height:1.6;text-align:center}.workspace-settings #settingsArea{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:12px}.workspace-settings .source-card{margin-bottom:12px}.workspace-settings .source-frame{height:145px;margin-top:10px}.workspace-settings .source-card>p{display:none}.workspace-settings .card{min-width:0;padding:16px}.workspace-settings .step-heading{gap:8px;margin-bottom:13px}.workspace-settings .step-heading h2{font-size:15px}.workspace-settings .step-heading p{font-size:11px}.workspace-settings .size-cards,.workspace-settings .style-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.workspace-settings .size-card{min-width:0;width:100%;padding:10px}.workspace-settings .size-card strong,.workspace-settings .size-card b{font-size:12px}.workspace-settings .size-card small{display:none}.workspace-settings .size-card span{font-size:10px}.workspace-settings .edit-actions{grid-template-columns:repeat(3,1fr)}.workspace-settings .style-card{padding:10px}.workspace-settings .style-card small{font-size:10px}.workspace-settings .style-dots i{width:15px;height:15px}.workspace-settings .pattern-recovery-card{display:block}.workspace-settings .pattern-recovery-card button{width:100%;margin-top:10px}.workspace-settings .primary-button{font-size:14px;min-height:48px}.workspace-materials .stats-card{margin:0}.workspace-materials .summary-grid{grid-template-columns:1fr 1fr}.workspace-materials .summary-grid div:last-child{grid-column:1/-1}.workspace-materials .summary-grid strong{font-size:15px}.workspace-materials .card{padding:17px}.workspace-materials .color-name{font-size:11px}.workspace-materials .color-row{grid-template-columns:18px 40px 1fr auto;padding:4px 6px;gap:6px;font-size:12px}.workspace-materials .list-actions button{font-size:12px}.editor-active .hero{position:sticky;top:0;z-index:15}.editor-active .page-shell{width:min(100%,1660px);padding-top:20px}.editor-active .progress-card{position:fixed;z-index:25;top:90px;left:50%;width:min(90vw,420px);transform:translate(-50%);margin:0}.result-section{scroll-margin-top:105px}@media(min-width:1180px){.result-section{display:grid;grid-template-columns:265px minmax(0,1fr) 285px;align-items:start;gap:18px;margin-top:0}.workspace-settings,.workspace-materials{position:sticky;top:106px;max-height:calc(100dvh - 122px);overflow-y:auto;scrollbar-width:thin;padding:0 3px 10px;overscroll-behavior:contain}.workspace-canvas{position:sticky;top:106px}.result-heading{justify-content:flex-start;margin-bottom:14px}.result-heading h2{font-size:22px}.result-heading p{font-size:11px}.mode-switch{max-width:none}.mode-switch button{min-height:42px;font-size:14px}.result-stage{height:calc(100dvh - 355px);min-height:330px}.gesture-hint{font-size:10px;line-height:1.6}.pattern-crop-bar{margin-top:12px;padding:10px 12px}.pattern-crop-bar strong{font-size:13px}.pattern-crop-bar span{font-size:11px}.pattern-crop-bar button{font-size:12px}}@media(max-width:1179px){.result-section{margin-top:0}.workspace-tabs{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#f8f4ecfa;border-top:1px solid var(--border);z-index:20}.workspace-tabs button{min-height:46px;border-radius:12px;background:#fff;color:var(--muted);font-size:13px;font-weight:700}.workspace-tabs button[aria-pressed=true]{background:var(--lavender);color:#fff}.result-section[data-panel=canvas]>.workspace-settings,.result-section[data-panel=canvas]>.workspace-materials,.result-section[data-panel=settings]>.workspace-canvas,.result-section[data-panel=settings]>.workspace-materials,.result-section[data-panel=materials]>.workspace-canvas,.result-section[data-panel=materials]>.workspace-settings{display:none}.editor-active .page-shell{padding-bottom:calc(100px + env(safe-area-inset-bottom));max-width:850px}.workspace-settings .source-frame{height:220px}.workspace-settings .size-card small{display:block}.workspace-settings .size-card strong,.workspace-settings .size-card b{font-size:15px}.result-stage{height:calc(100dvh - 365px);min-height:330px}.result-heading{justify-content:flex-start}}@media(max-width:759px){.hero{min-height:110px;padding:14px 16px 11px;flex-wrap:wrap;gap:12px}.brand-lockup h1{font-size:20px}.brand-lockup p{font-size:10px}.header-actions{width:100%;justify-content:flex-start;gap:6px}#draftStatus{margin-right:auto;max-width:48%;font-size:10px}.header-actions button{min-height:36px;padding:0 11px;font-size:11px}.page-shell{padding-top:6px}.intro-section{padding:22px 0 25px}.intro-section .eyebrow{font-size:11px}.intro-section h2{font-size:25px;line-height:1.4}.intro-section p{font-size:12px}.example-comparison img,.example-comparison canvas{height:220px}.draft-card{grid-template-columns:52px minmax(0,1fr);gap:10px}.draft-card img{width:52px;height:60px}.draft-card button,.draft-card small{grid-column:1/-1}.result-heading h2{font-size:22px}.result-heading p{font-size:11px}.result-heading{gap:10px}.canvas-actions{flex-wrap:wrap;gap:5px}.canvas-actions button{font-size:11px;padding:0 9px;min-width:37px}.result-stage{height:calc(100dvh - 420px);min-height:320px}.gesture-hint{font-size:10px;line-height:1.6}.editor-active .progress-card{top:155px}.toast-region{bottom:calc(84px + env(safe-area-inset-bottom))}}.text-link{min-height:30px;margin-top:4px;padding:0;background:transparent;color:var(--lavender-dark);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.my-patterns-dialog{width:min(94vw,560px);max-height:90dvh}.my-patterns-intro,.my-patterns-empty{margin:-8px 0 12px;color:var(--muted);font-size:12px;line-height:1.6;text-align:left}.my-pattern-list{display:grid;gap:8px;max-height:60dvh;margin:0;padding:0;overflow-y:auto;list-style:none}.my-pattern-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px;border:1px solid var(--border);border-radius:13px;background:#fbfafc}.my-pattern-item.current{border-color:var(--lavender);background:var(--lavender-soft)}.my-pattern-thumb{width:56px;height:70px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid var(--border)}.my-pattern-item strong,.my-pattern-item small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.my-pattern-item strong{font-size:14px}.my-pattern-item small{margin-top:3px;color:var(--muted);font-size:11px}.my-pattern-item .soft-button{min-height:40px;padding:0 14px}.my-pattern-delete{min-height:40px;padding:0 12px;border-radius:11px;background:#fbe9ee;color:#a84e62;font-size:12px;font-weight:700}.my-pattern-item button:disabled{opacity:.5;cursor:default}@media(max-width:520px){.my-pattern-item{grid-template-columns:48px minmax(0,1fr) auto}.my-pattern-delete{grid-column:3}}.paint-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.paint-toolbar button{min-height:42px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:12px;font-weight:700}.paint-toolbar button[aria-pressed=true]{background:var(--lavender);color:#fff;border-color:var(--lavender)}.paint-toolbar button:disabled{opacity:.45;cursor:default}#chooseBrushColor{display:inline-flex;align-items:center;gap:6px}#brushColorSwatch{width:19px;height:19px;border-radius:6px;border:1px solid #bbb}.paint-tool-hint{color:var(--muted);font-size:11px;line-height:1.5;margin:6px 0 12px}.result-stage[data-tool=brush],.result-stage[data-tool=fill],.result-stage[data-tool=eraser]{cursor:crosshair}.owned-palette-card{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.owned-palette-card label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.owned-palette-card input{width:19px;height:19px;accent-color:var(--lavender)}.owned-palette-card p,.owned-palette-card small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.owned-palette-card button{width:100%;font-size:12px;margin-bottom:7px}.owned-palette-dialog{width:min(94vw,620px);height:min(94dvh,940px)}.owned-palette-dialog h2{margin-bottom:10px}.profile-row{display:flex;min-width:0;flex:0 0 auto;gap:7px;margin:8px 0}.profile-row input,.profile-row select{min-width:0;flex:1;width:0;min-height:42px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:12px}.profile-row button{min-height:42px;font-size:12px}.owned-quick-actions{display:flex;flex-wrap:wrap;gap:6px;flex:0 0 auto}.owned-quick-actions button{padding:8px 10px;min-height:38px;border-radius:9px;background:#f6f2fa;font-size:11px}.owned-palette-dialog .replace-search{margin-top:8px}.owned-palette-dialog .replace-search input{min-height:40px;font-size:13px}.owned-palette-dialog .replace-search span{font-size:11px}#applyOwnedCodes{min-height:36px;margin-top:6px;font-size:11px;flex:0 0 auto}#ownedSelectedCount{flex:0 0 auto;margin:7px 0}#ownedPaletteGrid{min-height:80px}.owned-palette-dialog .palette-swatch{min-height:60px}.palette-swatch[aria-checked=true]{border-color:var(--lavender);background:var(--lavender-soft);box-shadow:inset 0 0 0 1px var(--lavender)}.palette-swatch[aria-checked=true]:before{content:"✓";position:absolute;right:4px;top:2px;color:var(--lavender-dark);font-size:12px}@media(min-width:1180px){.result-stage{height:calc(100dvh - 445px);min-height:270px}.paint-toolbar button{padding:0 9px;font-size:11px}}@media(max-width:759px){.paint-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.paint-toolbar button{min-height:40px;padding:0 6px;font-size:11px}.paint-tool-hint{font-size:10px}.result-stage{height:calc(100dvh - 525px);min-height:280px}.owned-palette-dialog{padding:16px}.owned-palette-dialog .replace-search{margin-top:5px}.owned-palette-dialog h2{font-size:20px}}.result-stage[data-tool=pick]{cursor:copy}.result-stage[data-tool=box]{cursor:cell}.view-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}.view-toggles span{color:var(--muted);font-size:12px;font-weight:700;margin-right:2px}.view-toggles button{min-height:34px;padding:0 11px;border:1px solid var(--border);border-radius:17px;background:#fff;color:#6f6877;font-size:12px;font-weight:700}.view-toggles button[aria-pressed=true]{border-color:var(--lavender);background:var(--lavender-soft);color:var(--lavender-dark)}.multi-select-bar #deleteSelectedCells{background:#fbe9ee;color:#a84e62}.minor-merge{display:grid;gap:6px;margin-top:12px;padding:11px 12px;border-radius:13px;background:#f9f7fa}.minor-merge label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}.minor-merge label strong{margin-right:auto;font-size:14px}.minor-merge label span{color:var(--muted);font-size:12px}.minor-merge input{width:64px;min-height:36px;padding:0 8px;border:1.5px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:14px;text-align:center}.minor-merge small{color:var(--muted);font-size:12px}.minor-merge button:disabled{opacity:.45;cursor:default}.history-card{max-width:820px;margin:14px auto 0;padding:12px 15px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.history-card summary{display:flex;align-items:center;justify-content:space-between;min-height:32px;cursor:pointer;list-style:none}.history-card summary::-webkit-details-marker{display:none}.history-card summary strong{font-size:15px}.history-card summary strong:before{content:"▸ ";color:var(--lavender-dark)}.history-card[open] summary strong:before{content:"▾ "}.history-card summary span{color:var(--lavender-dark);font-size:12px;font-weight:700}.history-tip,.history-empty,.history-redo{margin:6px 0;color:var(--muted);font-size:12px;line-height:1.5}.history-redo{color:#81651c}.history-list{display:grid;gap:5px;max-height:260px;margin:6px 0 10px;padding:0;overflow-y:auto;list-style:none}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.history-locate{min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:4px 11px;border-radius:11px;background:#f9f7fa;text-align:left}.history-locate:not(:disabled):hover{background:var(--lavender-soft)}.history-locate strong{font-size:13px}.history-locate small{color:var(--muted);font-size:11px}.history-rewind{min-height:44px;padding:0 11px;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px #cfc1e7;color:var(--lavender-dark);font-size:12px;font-weight:700}.history-card #restoreInitialPattern{width:100%}.history-card #restoreInitialPattern:disabled,.history-rewind:disabled{opacity:.45;cursor:default}.brand-lockup{color:inherit;text-decoration:none}.hero{align-items:center}.editor-active .hero{position:relative}.primary-navigation{position:sticky;top:0;z-index:16;border-bottom:1px solid var(--border);background:#f8f4ecf7;backdrop-filter:blur(14px)}.navigation-inner{display:flex;align-items:center;gap:5px;width:min(100%,1440px);min-height:62px;margin:auto;padding:8px 22px;overflow-x:auto;scrollbar-width:none}.navigation-inner::-webkit-scrollbar{display:none}.navigation-inner a{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:11px;color:var(--muted);font-size:14px;font-weight:650;text-decoration:none;transition:background .15s,color .15s}.navigation-inner a:hover{color:var(--lavender-dark);background:#eee8f4}.navigation-inner a[aria-current=page]{color:var(--lavender-dark);background:#eae2fa}.navigation-inner .resume-editor{margin-left:auto;border:1px solid #d9cdef;color:var(--lavender-dark);background:#fff}a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(143,123,216,.45);outline-offset:3px}.intro-section{padding:42px 0 32px}.intro-section h2{font-size:clamp(29px,3.8vw,44px);margin:13px 0}.home-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:25px}a.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;width:auto;min-height:48px;margin:0;padding:0 25px;text-decoration:none;font-size:15px}.home-secondary{color:#75668e;font-size:14px;text-decoration:none}.home-secondary:hover{text-decoration:underline;text-underline-offset:4px}.home-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:42px;padding:22px 0}.home-guide{padding:10px 0}.home-guide h2{margin:10px 0;font-size:25px;letter-spacing:-.5px}.home-guide>p{color:var(--muted);font-size:13px;line-height:1.7}.creation-entries{display:grid;gap:9px;margin-top:22px}.creation-entries a{display:grid;grid-template-columns:45px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:15px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.creation-entries a:hover{transform:translateY(-2px);border-color:#baabdf}.entry-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;font-size:24px}.entry-icon.lavender{background:var(--lavender-soft);color:var(--lavender-dark)}.entry-icon.mint{background:var(--mint);color:#397b66}.entry-icon.pink{background:var(--pink);color:#a84e62;font-size:20px}.creation-entries strong,.creation-entries small{display:block}.creation-entries strong{font-size:14px}.creation-entries small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.creation-entries b{color:#a69ab7;font-size:18px;font-weight:400}.home-guide .home-local-note{margin-top:18px;font-size:11px}#homeExample{min-width:0}#homeExample .welcome-card{box-shadow:none}#homeExample .example-comparison img,#homeExample .example-comparison canvas{height:240px}#homeExample .feature-notes{display:none}.creation-heading{padding:30px 0 26px}.creation-heading h2,.feature-page h2{margin:11px 0 10px;font-size:clamp(24px,3vw,32px);letter-spacing:-.6px}.creation-heading p,.feature-page-intro{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.editor-resume{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:13px 16px;border:1px solid #dcd1f3;border-radius:12px;background:#f3eefc;color:#75668e;font-size:12px}.editor-resume a{color:var(--lavender-dark);font-weight:700;text-decoration:none}body:not([data-page=editor]) #settingsArea{display:none}body:not([data-page=editor]) #progressSection{display:none}body[data-page=editor] .creator-layout{align-items:start}body[data-page=editor] #setupColumn{gap:0}body[data-page=editor]:not(.editor-active) .size-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:2px}body[data-page=editor]:not(.editor-active) .size-card{min-width:0;width:100%;min-height:120px}body[data-page=editor]:not(.editor-active) .source-frame{min-width:0;grid-template-columns:minmax(0,1fr);height:clamp(220px,40dvh,360px)}@media(min-width:760px){body[data-page=editor]:not(.editor-active) .creator-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}body[data-page=editor]:not(.editor-active) #sourceHome{top:82px}}@media(min-width:1100px){body[data-page=editor]:not(.editor-active) .size-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:759px){body[data-page=editor]:not(.editor-active) #sourceHome{position:static;order:-1}body[data-page=editor]:not(.editor-active) .source-frame{height:220px}body[data-page=editor]:not(.editor-active) .pattern-recovery-card{grid-template-columns:minmax(0,1fr)}}.source-guide h2{margin:10px 0 24px;font-size:21px}.source-guide ol{display:grid;gap:22px;margin:0;padding:0;list-style:none;counter-reset:steps}.source-guide li{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.6;counter-increment:steps}.source-guide li:before{content:counter(steps,decimal-leading-zero);flex-shrink:0;color:#a89abd;font-size:17px;font-weight:700}.source-guide>p{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.8}body[data-page=photo] .upload-zone{min-height:240px}.pattern-upload-entry{grid-template-columns:1fr;justify-items:center;margin-top:0;padding:32px 20px;border-style:dashed;text-align:center;background:#fcfaff}.pattern-upload-entry .source-upload-symbol{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border-radius:17px;background:var(--mint);color:#397b66;font-size:32px}.pattern-upload-entry strong{font-size:18px}.pattern-upload-entry span{font-size:12px;line-height:1.7}.pattern-upload-entry button{min-height:48px;margin-top:15px;padding:0 24px;background:var(--lavender);color:#fff;border:none;font-size:14px}.link-import-form{grid-template-columns:1fr}.link-import-form textarea{min-height:150px;font:inherit;font-size:14px}.link-import-form button{min-height:48px}.feature-page{width:100%;max-height:none;margin:26px 0 0;padding:30px;overflow:visible}.feature-page-intro{margin-bottom:27px}.feature-page .text-pattern-layout{gap:30px;grid-template-columns:minmax(0,350px) minmax(0,1fr)}.feature-page .text-pattern-preview{position:sticky;top:88px;align-self:start;padding:20px;border:1px solid var(--border);border-radius:18px;background:#faf8fc}.text-pattern-preview canvas{min-height:220px}.feature-page #createTextPattern{max-width:350px;font-size:15px}.my-patterns-intro{margin:0 0 24px;max-width:760px;font-size:13px;line-height:1.8}.my-pattern-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:none;overflow:visible}.my-pattern-item{padding:14px}.my-patterns-empty{display:grid;justify-items:center;gap:12px;margin:12px 0 0;padding:50px 15px;border:1px dashed #d5c9e7;border-radius:16px;text-align:center;background:#fcfaff}.my-patterns-empty>span{color:#a899cb;font-size:44px}.my-patterns-empty strong{color:var(--ink);font-size:17px}.my-patterns-empty p{margin:0 0 10px}@media(min-width:1180px){.workspace-settings,.workspace-materials,.workspace-canvas{top:82px}.workspace-settings,.workspace-materials{max-height:calc(100dvh - 98px)}}@media(max-width:759px){.hero{min-height:auto;gap:12px;padding:16px}.brand-lockup h1{font-size:20px}.header-actions{gap:8px}.header-actions #draftStatus{max-width:none}.navigation-inner{min-height:58px;padding:7px 12px;gap:3px}.navigation-inner a{min-height:40px;padding:0 13px;font-size:13px}.intro-section{padding:32px 0 22px}.intro-section h2{font-size:29px}.home-actions{gap:17px;margin-top:22px}.home-showcase{grid-template-columns:1fr;gap:22px;padding-top:8px}.home-guide h2{font-size:23px}.home-guide{padding:8px 3px}#homeExample .example-comparison img,#homeExample .example-comparison canvas{height:200px}.creation-heading{padding:25px 0 20px}.creation-heading p{font-size:13px}.feature-page{padding:20px 16px;margin-top:18px}.feature-page .text-pattern-layout{grid-template-columns:1fr;gap:20px}.feature-page .text-pattern-preview{position:static;padding:12px}.text-pattern-preview canvas{min-height:130px;max-height:200px}.feature-page #createTextPattern{max-width:none}.my-pattern-list{grid-template-columns:1fr}.my-pattern-item{padding:10px}}.creation-entries button{display:grid;grid-template-columns:45px minmax(0,1fr) 20px;gap:14px;align-items:center;width:100%;padding:14px;border:1px solid var(--border);border-radius:15px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.creation-entries button:hover{transform:translateY(-2px);border-color:#baabdf}.creation-entries button strong,.creation-entries button small{display:block}.entry-icon.yellow{background:var(--cream);color:#a77c18}.blank-canvas-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 4px}.blank-canvas-presets button{display:grid;gap:3px;min-height:58px;padding:8px 4px;border:1.5px solid var(--border);border-radius:12px;background:#fff;color:inherit}.blank-canvas-presets button[aria-pressed=true]{border-color:var(--lavender);background:#f3eefc;color:var(--lavender-dark)}.blank-canvas-presets strong{font-size:14px}.blank-canvas-presets small{color:var(--muted);font-size:11px}@media(max-width:520px){.blank-canvas-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-strengths{padding:26px 0 34px}.home-strengths h2{margin:10px 0 18px;font-size:25px;letter-spacing:-.5px}.home-strengths ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.home-strengths li{display:grid;align-content:start;gap:6px;padding:16px;border:1px solid var(--border);border-radius:15px;background:#fff}.home-strengths li b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--lavender-soft);color:var(--lavender-dark);font-size:18px;font-weight:400}.home-strengths strong{font-size:14px}.home-strengths small{color:var(--muted);font-size:12px;line-height:1.6}@media(max-width:1080px){.home-strengths ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.home-strengths ul{grid-template-columns:1fr}}.settings-section>summary{cursor:pointer;list-style:none}.settings-section>summary::-webkit-details-marker{display:none}.settings-section>summary:after{content:"⌄";margin-left:auto;color:var(--lavender-dark);align-self:center}.settings-section[open]>summary:after{transform:rotate(180deg)}.settings-section:not([open])>summary{margin-bottom:0}.settings-section>summary:focus-visible,.compact-section>summary:focus-visible{outline:3px solid rgba(143,123,216,.32);outline-offset:5px;border-radius:6px}.workspace-settings .source-frame{height:110px}.workspace-settings .source-card h2{font-size:15px}.workspace-settings .card{padding:13px}.workspace-settings .step-heading h2{font-size:13px}.workspace-settings .size-card{min-height:68px;border-radius:10px;padding:9px}.workspace-settings .size-card b{margin:5px 0 0}.workspace-settings .size-card>span:nth-of-type(2),.workspace-settings .size-card .custom-size-icon{display:none}.workspace-settings .size-card .recommend-tag{top:4px;right:4px;padding:2px 4px;font-size:8px!important}.workspace-settings .size-card:has(.recommend-tag){padding-top:24px}.workspace-settings .color-card{min-height:60px;padding:10px;border-radius:10px}.workspace-settings .color-card small{display:none}.workspace-settings .style-card{min-height:76px}.workspace-settings .style-card strong{font-size:13px}.workspace-settings .style-card small,.workspace-settings .style-fit{display:none}.workspace-settings .pattern-recovery-card{padding:10px}.workspace-settings .pattern-recovery-card button{min-height:38px}.workspace-settings .edit-actions button{min-height:52px}.canvas-export{flex:0 0 auto;margin-top:10px;padding:12px 14px 9px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.canvas-export .save-actions{position:static;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;max-width:none;margin:0;padding:0;background:transparent;backdrop-filter:none}.canvas-export .save-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px;font-size:13px;border-radius:11px}.canvas-export .save-actions .secondary-save{border-color:var(--border);background:#faf8fd}.canvas-export .save-actions span{font-size:18px}.export-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin-top:7px}.export-shortcuts button{min-height:32px;padding:3px 0;background:transparent;color:var(--lavender-dark);font-size:11px;font-weight:650}.export-shortcuts button:hover{text-decoration:underline;text-underline-offset:3px}.export-shortcuts button:disabled{opacity:.45;cursor:default;text-decoration:none}.canvas-export .draft-footnote{margin:4px 0 0;font-size:10px}.export-settings-dialog{position:fixed;width:min(94vw,440px);padding:24px;border:1px solid var(--border);border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 24px 70px #372b463d}.export-settings-dialog::backdrop{background:#29223175}.export-settings-dialog .icon-close{position:absolute;top:10px;right:10px}.export-settings-dialog h2{margin:8px 0 18px;font-size:22px}.export-settings-dialog .export-watermark{margin:0 0 18px;padding:0;border:0;box-shadow:none}.export-settings-dialog>.primary-button{min-height:44px;font-size:14px}.workspace-materials .summary-grid{margin:12px 0;gap:6px}.workspace-materials .stats-title{align-items:center}.workspace-materials .stats-title .eyebrow{display:none}.workspace-materials .stats-title h2{font-size:17px}.workspace-materials .summary-grid div{padding:9px 10px}.workspace-materials .summary-grid strong{font-size:14px}.workspace-materials .replace-hint{padding:8px 10px;font-size:11px}.workspace-materials .color-row{min-height:36px}.workspace-materials .color-list{gap:2px}.workspace-materials .list-actions{gap:6px;margin-top:8px}.workspace-materials .list-actions button{min-height:38px;padding:6px 9px;font-size:11px}.workspace-materials .color-list-actions button{font-size:11px}.workspace-materials .minor-merge{display:block;margin-top:10px;padding:10px}.compact-section>summary{cursor:pointer;font-size:12px;font-weight:700}.compact-section[open]>summary{margin-bottom:12px}.compact-section>small{display:block;margin:8px 0}.compact-section>button{width:100%;font-size:12px}.workspace-materials .pattern-crop-bar{gap:6px;margin-top:10px;padding:12px}.workspace-materials .pattern-crop-bar strong{font-size:12px}.workspace-materials .pattern-crop-bar span{font-size:10px}.workspace-materials .pattern-crop-bar button{min-height:36px;padding:0 10px;font-size:11px}.workspace-materials .history-card{margin-top:10px;padding:10px 12px}.workspace-materials .history-card summary strong{font-size:12px}@media(min-width:1180px){.editor-active .hero{min-height:52px;padding-top:8px;padding-bottom:8px}.editor-active .brand-lockup h1{font-size:17px}.editor-active .brand-lockup p{display:none}.editor-active .bead-logo{width:34px;height:34px;grid-template-columns:repeat(3,6px);gap:3px;border-radius:10px}.editor-active .bead-logo i{width:6px;height:6px}.editor-active .header-actions button{min-height:34px;font-size:12px}.editor-active .page-shell{padding-bottom:16px}.workspace-settings,.workspace-materials{max-height:calc(100dvh - 151px)}.workspace-canvas{display:flex;flex-direction:column;height:calc(100dvh - 151px);min-height:500px}.workspace-canvas>:not(.preview-shell){flex-shrink:0}.workspace-canvas .result-heading{margin-bottom:9px}.workspace-canvas .result-heading .eyebrow{display:none}.workspace-canvas .result-heading h2{font-size:20px}.workspace-canvas .success-sticker{width:38px;height:38px;font-size:24px}.workspace-canvas .canvas-actions{margin-bottom:8px}.workspace-canvas .canvas-actions button,.workspace-canvas .paint-toolbar button{min-height:36px}.workspace-canvas .paint-tool-hint{margin:3px 0 7px}.workspace-canvas .mode-switch{flex-shrink:0;width:100%;margin:0 0 9px}.workspace-canvas .mode-switch button{min-height:36px}.workspace-canvas .preview-shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:150px}.workspace-canvas .result-stage{flex:1 1 auto;height:auto;min-height:0}.workspace-canvas .gesture-hint,.workspace-canvas .multi-select-bar{flex-shrink:0}.workspace-materials .color-list{max-height:clamp(120px,calc(100dvh - 670px),300px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}}@media(min-width:1180px)and (max-height:800px){.workspace-canvas .result-heading p,.workspace-canvas .success-sticker,.workspace-canvas .paint-tool-hint{display:none}.workspace-canvas .result-heading h2{font-size:16px}.workspace-canvas .gesture-hint{padding:5px 8px}.canvas-export .draft-footnote{display:none}}@media(max-width:759px){.canvas-export{padding:10px}.canvas-export .save-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.canvas-export #savePattern{grid-column:1/-1}.canvas-export .save-actions button{min-height:44px;font-size:12px}.export-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}.export-shortcuts button{min-height:38px}}