:root{color-scheme:light;--bg: #f5f1e7;--bg-deep: #efe9db;--surface: #fffdf8;--surface-warm: #fbf7ee;--surface-soft: #f7f2e8;--ink: #2d2921;--ink-soft: #4a4438;--muted: #6f6658;--muted-light: #7b7262;--line: #e6dfd1;--line-strong: #d8ceba;--yellow: #f3c944;--yellow-deep: #d8aa27;--yellow-soft: #fbf0c7;--peach: #eaa184;--sage: #dfead9;--sage-strong: #7d9a73;--lilac: #eee8f7;--lilac-strong: #aa96ce;--coral: #ed987b;--danger: #b85140;--font-ui: "Avenir Next", "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-display: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", serif;--shadow-card: 0 1px 2px rgba(63, 50, 28, .04), 0 22px 55px rgba(88, 71, 40, .07);--shadow-soft: 0 1px 2px rgba(63, 50, 28, .04), 0 12px 30px rgba(88, 71, 40, .06);--radius-xl: 30px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 13px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit;color:inherit}button{border:0;padding:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed}img,canvas{display:block;max-width:100%}h1,h2,h3,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--yellow);color:var(--ink)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes softPulse{0%,to{opacity:.65}50%{opacity:1}}.app-shell{position:relative;min-height:100vh;overflow:clip}.page-texture{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 12% 10%,rgba(243,201,68,.16),transparent 28%),radial-gradient(circle at 86% 8%,rgba(223,234,217,.7),transparent 24%),radial-gradient(circle at 86% 80%,rgba(238,232,247,.82),transparent 28%),radial-gradient(#d4cbb9 .7px,transparent .7px);background-size:auto,auto,auto,18px 18px;opacity:.75;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 65%,transparent 100%)}.site-header{position:sticky;top:0;z-index:30;padding:0 34px;background:#f5f1e7d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-inner{width:min(1380px,100%);height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-leading,.header-actions{display:flex;align-items:center;gap:15px}.header-back{color:var(--muted)}.icon-text-button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px 7px 7px;border-radius:999px;font-size:13px;font-weight:600;transition:background .2s ease,color .2s ease}.icon-text-button:hover{background:#fffdf8cc;color:var(--ink)}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:block;width:42px;height:42px;flex:0 0 auto;filter:drop-shadow(0 5px 10px rgba(197,156,30,.13))}.brand-mark svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;gap:1px;white-space:nowrap}.brand-copy strong{font-size:20px;line-height:1.2;letter-spacing:.06em;font-weight:750}.brand-copy small{font-size:10px;line-height:1.3;letter-spacing:.16em;color:var(--muted)}.local-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fffdf8a3;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em}.local-pill svg{color:var(--sage-strong)}.header-replace{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font-size:13px;font-weight:650;box-shadow:0 2px #53432608;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.header-replace:hover{transform:translateY(-1px);border-color:var(--ink);box-shadow:0 7px 16px #3c301c14}.home-main,.studio-main{position:relative;z-index:1}.home-main{width:min(1340px,100%);margin:0 auto;padding:42px 34px 26px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);align-items:center;gap:40px;min-height:620px}.hero-copy{padding:18px 0 10px;animation:riseIn .6s cubic-bezier(.2,.7,.2,1) both}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px 7px 10px;border:1px solid rgba(216,206,186,.9);border-radius:999px;background:#fffdf8a8;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.08em;line-height:1.2}.eyebrow--compact{padding:0;border:none;background:transparent;font-size:11px;letter-spacing:.1em}.eyebrow-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--yellow-deep);box-shadow:0 0 0 4px #f3c94429}.hero-title{margin-top:24px;max-width:730px;font-family:var(--font-display);font-size:clamp(44px,4.45vw,64px);line-height:1.12;letter-spacing:-.055em;font-weight:700;color:var(--ink)}.hero-title span{position:relative;display:inline-block;z-index:0}.hero-title span:after{content:"";position:absolute;z-index:-1;left:-.03em;right:-.15em;bottom:.06em;height:.25em;border-radius:999px;background:var(--yellow);transform:rotate(-1.1deg);opacity:.84}.hero-description{max-width:580px;margin-top:25px;color:var(--muted);font-size:16px;line-height:1.85;letter-spacing:.01em}.upload-zone{position:relative;margin-top:30px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-xl);background:linear-gradient(#ffffffb3,#ffffffb3),linear-gradient(rgba(104,91,65,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(104,91,65,.04) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;box-shadow:var(--shadow-soft);cursor:pointer;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background-color .22s ease}.upload-zone:hover{border-color:#c4b28b;box-shadow:0 20px 48px #5847281a;transform:translateY(-2px)}.upload-zone.is-dragging{border-style:solid;border-color:var(--yellow-deep);background:var(--yellow-soft);transform:translateY(-2px) scale(1.005);box-shadow:0 20px 45px #cda31f24}.upload-zone.is-loading{cursor:progress}.upload-zone-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:260px;padding:34px 28px 30px;text-align:center}.upload-icon{position:relative;display:grid;place-items:center;width:62px;height:62px;margin-bottom:4px;border:1px solid rgba(230,223,209,.9);border-radius:21px;background:var(--surface-warm);color:var(--ink-soft);box-shadow:inset 0 1px #ffffffe6,0 8px 20px #4c3c200d;transform:rotate(-3deg)}.upload-icon-spark{position:absolute;display:block;width:6px;height:6px;border-radius:2px;background:var(--yellow)}.upload-icon-spark--one{top:-4px;right:7px;transform:rotate(20deg)}.upload-icon-spark--two{bottom:7px;left:-6px;width:4px;height:4px;background:var(--coral)}.upload-heading{display:flex;flex-direction:column;gap:4px}.upload-heading strong{color:var(--ink);font-size:20px;line-height:1.4;letter-spacing:-.02em}.upload-heading span{color:var(--muted);font-size:13px}.upload-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:42px;margin-top:9px;padding:0 19px;border-radius:13px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:750;box-shadow:inset 0 -2px #926b0f26,0 8px 20px #dbad2324;transition:background .2s ease,transform .2s ease}.upload-zone:hover .upload-cta{background:#f6cf55;transform:translateY(-1px)}.upload-hint{color:var(--muted-light);font-size:11px;letter-spacing:.015em}.upload-corner{position:absolute;width:34px;height:34px;border-color:#ad9d7e73;border-style:solid;pointer-events:none}.upload-corner--tl{top:14px;left:14px;border-width:1px 0 0 1px;border-radius:10px 0 0}.upload-corner--br{right:14px;bottom:14px;border-width:0 1px 1px 0;border-radius:0 0 10px}.hero-features{display:flex;flex-wrap:wrap;align-items:center;gap:9px 20px;margin-top:22px;color:var(--muted);font-size:12px;font-weight:550}.hero-features span{display:inline-flex;align-items:center;gap:6px}.hero-features svg{color:var(--ink-soft);opacity:.7}.quiet-sample-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--muted);font-size:12.5px;font-weight:600;transition:color .2s ease}.quiet-sample-link span{border-bottom:1px solid rgba(126,117,101,.35);padding-bottom:1px}.quiet-sample-link:hover{color:var(--ink)}.quiet-sample-link svg{color:var(--yellow-deep)}.quiet-sample-link:disabled{opacity:.5}.hero-visual{display:flex;justify-content:center;animation:riseIn .8s .08s cubic-bezier(.2,.7,.2,1) both}.hero-art-wrap{position:relative;width:min(100%,480px);padding:24px 12px 0}.art-orbit{position:absolute;z-index:0;border-radius:46% 54% 60% 40%/48% 44% 56% 52%;filter:blur(.2px)}.art-orbit--one{top:5%;right:-5%;width:90%;height:82%;background:var(--sage);transform:rotate(7deg)}.art-orbit--two{bottom:4%;left:-2%;width:74%;height:71%;background:var(--lilac);transform:rotate(-9deg);opacity:.95}.hero-art-card{position:relative;z-index:1;padding:16px;border:1px solid rgba(255,255,255,.92);border-radius:29px;background:#fffdf8e0;box-shadow:0 38px 80px #45392021,0 2px #fffc inset;transform:rotate(-2.4deg);transition:transform .45s cubic-bezier(.2,.7,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-art-card:hover{transform:rotate(-.4deg) translateY(-4px)}.hero-art-tape{position:absolute;z-index:3;top:-11px;left:50%;width:94px;height:25px;border-radius:3px;background:#f3c944b8;box-shadow:0 2px 5px #5846190f;transform:translate(-50%) rotate(1.6deg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-art-head,.hero-art-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-art-head{padding:1px 4px 11px}.art-label{display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:11px;font-weight:700;letter-spacing:.04em}.art-label svg{color:var(--yellow-deep)}.art-meta{color:var(--muted-light);font-size:9.5px;font-weight:600;letter-spacing:.12em}.hero-art-board{overflow:hidden;border:1px solid rgba(88,75,48,.1);border-radius:18px;background:#e8efe2;box-shadow:inset 0 0 0 1px #ffffff40}.hero-pattern-canvas{width:100%;height:auto;aspect-ratio:1}.hero-art-loading{display:flex;align-items:center;justify-content:center;gap:8px;aspect-ratio:1}.hero-art-loading span{width:8px;height:8px;border-radius:50%;background:var(--sage-strong);animation:softPulse 1.2s ease-in-out infinite}.hero-art-loading span:nth-child(2){animation-delay:.15s;background:var(--yellow-deep)}.hero-art-loading span:nth-child(3){animation-delay:.3s;background:var(--coral)}.hero-art-foot{padding:12px 4px 1px}.art-caption{display:flex;flex-direction:column;gap:1px;min-width:0}.art-caption strong{font-size:13px;font-weight:700}.art-caption span{color:var(--muted);font-size:10.5px}.mini-swatches{display:flex;align-items:center;padding-left:6px}.mini-swatches span{width:15px;height:15px;margin-left:-5px;border:2px solid var(--surface);border-radius:50%;box-shadow:0 1px 3px #3228141a}.sample-start{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(300px,calc(100% - 34px));height:48px;margin:24px auto 0;padding:0 17px 0 20px;border-radius:999px;background:var(--ink);color:#fffdf6;font-size:12.5px;font-weight:650;letter-spacing:.02em;box-shadow:0 13px 30px #2d29212e;transition:transform .25s ease,background .25s ease}.sample-start:hover{background:#403a2e;transform:translateY(-2px)}.sample-start:disabled{opacity:.65}.art-note{position:absolute;z-index:2;color:var(--muted);font-family:var(--font-display);font-size:12px;letter-spacing:.08em;white-space:nowrap}.art-note--left{top:30%;left:-37px;transform:rotate(-90deg)}.art-note--right{right:-30px;bottom:23%;transform:rotate(-90deg)}.how-ribbon{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:center;margin-top:72px;padding:25px 28px;border:1px solid rgba(225,216,199,.85);border-radius:var(--radius-lg);background:#fffdf8a3;box-shadow:0 15px 36px #5847280a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.how-lead{display:flex;flex-direction:column;gap:5px;padding-right:24px;border-right:1px solid var(--line)}.how-lead span{color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.16em}.how-lead strong{max-width:200px;font-size:16px;line-height:1.5;letter-spacing:-.02em}.how-ribbon ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.how-ribbon li{display:flex;align-items:flex-start;gap:13px;min-width:0}.step-number{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:var(--surface-warm);color:var(--muted);font-family:var(--font-display);font-size:12px;font-weight:700}.how-ribbon li:nth-child(2) .step-number{background:var(--yellow-soft);color:#6f571a;border-color:#ead99d}.how-ribbon li>div{display:flex;flex-direction:column;gap:2px}.how-ribbon li strong{font-size:13px;font-weight:700}.how-ribbon li small{color:var(--muted);font-size:11px;line-height:1.5}.home-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 2px 10px;color:var(--muted-light);font-size:10.5px;letter-spacing:.035em}.studio-main{width:min(1400px,100%);margin:0 auto;padding:16px 34px 58px}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;padding:8px 2px 25px}.studio-heading-copy h1{margin-top:11px;font-family:var(--font-display);font-size:clamp(34px,3.5vw,46px);line-height:1.2;letter-spacing:-.045em}.studio-heading-copy p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.7}.studio-steps{display:flex;align-items:center;flex:0 0 auto;gap:0;padding-bottom:3px}.studio-steps li{display:flex;align-items:center;gap:7px;color:var(--muted-light);font-size:10.5px;font-weight:600;white-space:nowrap}.studio-steps li+li:before{content:"";width:26px;height:1px;margin:0 10px 0 9px;background:var(--line-strong)}.studio-steps li span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;background:#fffdf880;font-family:var(--font-display);font-size:9px;font-weight:700}.studio-steps li em{font-style:normal}.studio-steps li.is-done{color:var(--muted)}.studio-steps li.is-done span{border-color:transparent;background:var(--yellow-soft);color:#725c1e}.studio-steps li.is-active{color:var(--ink);font-weight:700}.studio-steps li.is-active span{border-color:var(--ink);background:var(--yellow);color:var(--ink);box-shadow:0 3px 9px #c3981b24}.studio-layout{display:grid;grid-template-columns:minmax(312px,342px) minmax(0,1fr);gap:24px;align-items:start}.settings-column{min-width:0}.settings-card{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain;padding:24px;border:1px solid rgba(227,218,202,.96);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.settings-card::-webkit-scrollbar{width:6px}.settings-card::-webkit-scrollbar-thumb{border:1px solid var(--surface);border-radius:999px;background:var(--line-strong)}.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:17px}.settings-kicker{display:block;margin-bottom:4px;color:var(--muted-light);font-size:9.5px;font-weight:700;letter-spacing:.15em}.settings-head h2{font-size:22px;line-height:1.3;letter-spacing:-.035em}.settings-tool-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:var(--surface-warm);color:var(--ink-soft);transform:rotate(5deg)}.source-strip{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:19px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface-warm)}.source-thumb{flex:0 0 auto;width:39px;height:39px;border:1px solid rgba(70,55,30,.08);border-radius:10px;background-color:#e9e3d7;background-position:center;background-size:cover}.source-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.source-copy strong{overflow:hidden;color:var(--ink-soft);font-size:11.5px;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.source-copy small{color:var(--muted-light);font-size:9.5px;letter-spacing:.01em}.source-replace{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;color:var(--muted);transition:background .2s ease,color .2s ease}.source-replace:hover{background:var(--yellow-soft);color:var(--ink)}.control-group{margin-bottom:17px}.control-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.control-label{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:11px;font-weight:700;letter-spacing:.01em}.control-label svg{color:var(--muted)}.control-helper{color:var(--muted-light);font-size:9.5px}.mard-chip{padding:3px 7px;border-radius:6px;background:var(--yellow-soft);color:#7a611f;font-size:8px;font-weight:800;letter-spacing:.12em}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.preset-card{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px 5px 8px;border:1px solid var(--line);border-radius:13px;background:var(--surface-warm);color:var(--muted);transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.preset-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.preset-card.is-selected{border-color:#d9bd55;background:var(--yellow-soft);color:var(--ink);box-shadow:inset 0 0 0 1px #fff6,0 5px 12px #c79d2514}.preset-glyph{display:grid;grid-template-columns:repeat(3,3px);grid-template-rows:repeat(3,3px);gap:2px;width:13px;height:13px;margin-bottom:3px}.preset-glyph i{border-radius:.8px;background:currentColor;opacity:.27}.preset-glyph--1 i:nth-child(1),.preset-glyph--1 i:nth-child(3),.preset-glyph--1 i:nth-child(5),.preset-glyph--1 i:nth-child(7),.preset-glyph--1 i:nth-child(9){opacity:.8}.preset-glyph--2 i:nth-child(2),.preset-glyph--2 i:nth-child(4),.preset-glyph--2 i:nth-child(5),.preset-glyph--2 i:nth-child(6),.preset-glyph--2 i:nth-child(8){opacity:.8}.preset-glyph--3 i:nth-child(1),.preset-glyph--3 i:nth-child(3),.preset-glyph--3 i:nth-child(4),.preset-glyph--3 i:nth-child(5),.preset-glyph--3 i:nth-child(6),.preset-glyph--3 i:nth-child(7),.preset-glyph--3 i:nth-child(9){opacity:.8}.preset-card strong{font-size:11px;font-weight:700;line-height:1.3}.preset-card small{color:var(--muted-light);font-size:8.5px;line-height:1.3}.preset-card.is-selected small{color:#433410a1}.palette-select-wrap{position:relative}.palette-select-wrap select{width:100%;height:42px;padding:0 36px 0 12px;border:1px solid var(--line);border-radius:12px;outline:none;background:var(--surface-warm);color:var(--ink-soft);font-size:12px;font-weight:650;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.palette-select-wrap select:hover{border-color:var(--line-strong)}.palette-select-wrap select:focus-visible{border-color:var(--ink);box-shadow:0 0 0 3px #f3c94438;outline:none}.select-chevron{position:absolute;top:50%;right:12px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.palette-swatches{display:flex;align-items:center;gap:3px;margin-top:8px;padding:0 2px}.palette-swatches>span:not(.palette-count){width:13px;height:13px;border:1.5px solid var(--surface);border-radius:4px;box-shadow:0 1px 2px #2820140d}.palette-count{margin-left:auto;color:var(--muted-light);font-size:9px;font-weight:600}.param-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.param-card{min-width:0;padding:11px 10px 9px;border:1px solid transparent;border-radius:15px}.param-card--warm{--range-color: #cda32e;border-color:#ece0b7;background:#fcf5dc}.param-card--lilac{--range-color: #a38ac9;border-color:#e2d9f0;background:#f3eef9}.param-head{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--ink-soft);font-size:9.5px;font-weight:700}.param-head>span:first-child{display:inline-flex;align-items:center;gap:4px;min-width:0}.param-unit{color:var(--muted-light);font-size:8px;font-weight:500}.number-field{display:flex;align-items:center;justify-content:space-between;gap:1px;margin:6px 0 9px}.number-field input{width:100%;min-width:0;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font-family:var(--font-display);font-size:27px;font-weight:700;line-height:1.25;text-align:center;letter-spacing:-.04em;-moz-appearance:textfield}.number-field input::-webkit-outer-spin-button,.number-field input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.number-button{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border:1px solid rgba(64,54,35,.09);border-radius:8px;background:#fffdf8a8;color:var(--ink-soft);transition:background .18s ease,transform .18s ease}.number-button:hover:not(:disabled){background:#fffdf8;transform:translateY(-1px)}.number-button:disabled{opacity:.35}.styled-range{--range-color: #cda32e;display:block;width:100%;height:16px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.styled-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--range-color) 0 var(--range-progress),rgba(61,53,40,.12) var(--range-progress) 100%)}.styled-range::-moz-range-track{height:4px;border-radius:999px;background:#3d35281f}.styled-range::-moz-range-progress{height:4px;border-radius:999px;background:var(--range-color)}.styled-range::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:2px solid var(--surface);border-radius:50%;background:var(--range-color);box-shadow:0 1px 4px #3e31172e;-webkit-appearance:none;-moz-appearance:none;appearance:none}.styled-range::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--surface);border-radius:50%;background:var(--range-color);box-shadow:0 1px 4px #3e31172e}.styled-range:focus-visible{outline:none}.styled-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #2d29212e}.range-caption{display:flex;justify-content:space-between;gap:8px;margin-top:2px;color:var(--muted-light);font-size:8px;line-height:1.3}.advanced-panel{margin-bottom:14px}.advanced-toggle{display:flex;align-items:center;width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-warm);color:var(--ink-soft);font-size:10.5px;font-weight:650;text-align:left;transition:border-color .2s ease,background .2s ease}.advanced-toggle:hover{border-color:var(--line-strong);background:#faf5e9}.advanced-toggle>span:first-child{display:inline-flex;align-items:center;gap:6px}.advanced-toggle svg{color:var(--muted)}.advanced-count{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:8px;font-style:normal;font-weight:800}.advanced-sub{margin-left:auto;margin-right:8px;color:var(--muted-light);font-size:9px;font-weight:500}.advanced-chevron{transition:transform .25s ease}.advanced-toggle[aria-expanded=true] .advanced-chevron{transform:rotate(180deg)}.advanced-body{padding:11px 10px 6px;border:1px solid var(--line);border-top:0;border-radius:0 0 11px 11px;background:#fcf8f0;animation:fadeIn .22s ease both}.advanced-toggle[aria-expanded=true]{border-radius:11px 11px 0 0;border-color:var(--line);border-bottom-color:transparent;background:#fcf8f0}.cleanup-control{display:block;padding-bottom:7px}.cleanup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;color:var(--ink-soft);font-size:10px;font-weight:650}.cleanup-value{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:18px;padding:0 5px;border-radius:6px;background:var(--yellow-soft);color:#705b20;font-size:9px;font-weight:700}.advanced-body .styled-range{--range-color: #b7a37a}.advanced-body .range-caption{font-size:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:10px 0;border-top:1px solid rgba(225,216,199,.7);text-align:left}.toggle-copy{display:flex;flex-direction:column;gap:1px}.toggle-copy strong{color:var(--ink-soft);font-size:10px;font-weight:650}.toggle-copy small{color:var(--muted-light);font-size:8.5px;line-height:1.45}.switch{position:relative;flex:0 0 auto;width:34px;height:20px;border-radius:999px;background:#d8d1c3;transition:background .2s ease}.switch span{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #3a2f1933;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.switch.is-on{background:var(--ink)}.switch.is-on span{transform:translate(14px)}.generate-button{display:flex;align-items:center;gap:8px;width:100%;height:50px;padding:0 15px;border-radius:13px;background:var(--yellow);color:var(--ink);font-size:12.5px;font-weight:750;letter-spacing:.005em;box-shadow:inset 0 -2px #9a711021,0 9px 20px #d3a62226;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.generate-button:hover:not(:disabled){background:#f6ce53;transform:translateY(-1px);box-shadow:inset 0 -2px #9a711021,0 13px 24px #d3a62230}.generate-button:disabled{opacity:.7}.generate-arrow{margin-left:auto;font-size:17px;font-weight:400;line-height:1}.privacy-note{margin-top:9px;color:var(--muted-light);font-size:8.5px;text-align:center}.workspace{min-width:0}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pattern-preview-card{scroll-margin-top:84px}.preview-card{min-width:0;padding:15px;border:1px solid rgba(227,218,202,.94);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.preview-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px;margin-bottom:11px;padding:0 2px}.preview-title{display:flex;align-items:center;gap:7px;min-width:0}.preview-title h2{color:var(--ink-soft);font-size:12px;font-weight:700;letter-spacing:.015em}.preview-dot{display:block;width:7px;height:7px;border-radius:50%;flex:0 0 auto}.preview-dot--image{background:var(--peach)}.preview-dot--pattern{background:var(--line-strong)}.preview-dot--pattern.is-ready{background:var(--sage-strong);box-shadow:0 0 0 3px #7d9a731f}.preview-meta{color:var(--muted-light);font-size:9.5px;font-weight:550;letter-spacing:.015em;white-space:nowrap}.stale-chip{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:5px;background:var(--yellow-soft);color:#776126;font-size:8px;font-weight:700}.original-stage,.pattern-stage{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(225,216,199,.7);border-radius:17px}.checkerboard{display:flex;align-items:center;justify-content:center;background-color:#faf7f0;background-image:linear-gradient(45deg,#eee8dd 25%,transparent 25%),linear-gradient(-45deg,#eee8dd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee8dd 75%),linear-gradient(-45deg,transparent 75%,#eee8dd 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.original-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 8px 28px #3e321c14}.original-stamp{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;height:23px;padding:0 8px;border:1px solid rgba(255,255,255,.55);border-radius:7px;background:#2d29218c;color:#ffffffe0;font-size:8.5px;font-weight:550;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pattern-stage{background:#faf7f0}.pattern-stage.has-pattern{background:#faf7ef}.pattern-canvas{width:100%;height:100%;cursor:crosshair;animation:fadeIn .3s ease both}.pattern-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center}.empty-beads{position:relative;width:58px;height:58px;margin-bottom:14px;opacity:.82}.empty-beads span{position:absolute;width:15px;height:15px;border:2px solid var(--surface-warm);border-radius:5px;background:var(--surface-warm);box-shadow:0 2px 4px #493a1e0d}.empty-beads span:nth-child(1){top:4px;left:22px;background:#e8c859}.empty-beads span:nth-child(2){top:21px;left:4px;background:#cfb4e8}.empty-beads span:nth-child(3){top:21px;left:22px;background:#f2e4b8}.empty-beads span:nth-child(4){top:21px;right:0;background:#a9c09c}.empty-beads span:nth-child(5){bottom:0;left:22px;background:#efb6a1}.pattern-empty strong{color:var(--ink-soft);font-size:13px;font-weight:700}.pattern-empty p{max-width:230px;margin-top:6px;color:var(--muted);font-size:10.5px;line-height:1.65}.cell-inspector{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:7px;min-height:26px;max-width:calc(100% - 20px);padding:0 9px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#2d2921d1;color:#fffdf6e6;font-size:9px;opacity:.82;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .2s ease,background .2s ease;white-space:nowrap}.cell-inspector.is-visible{opacity:1;background:#27231bf0}.inspector-swatch{display:block;width:12px;height:12px;border:1px solid rgba(255,255,255,.36);border-radius:3px;box-shadow:inset 0 0 0 2px #ffffff1c}.inspector-swatch--empty{background:transparent;border-style:dashed}.cell-inspector strong{color:#fffdf7;font-size:9.5px;font-weight:700}.inspector-hex{color:#fffdf694;font-size:8.5px}.generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fffdf8d1;color:var(--ink-soft);text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fadeIn .2s ease both}.generating-spinner{display:grid;place-items:center;width:42px;height:42px;margin-bottom:4px;border:1px solid var(--line);border-radius:14px;background:var(--yellow-soft);color:var(--ink)}.generating-overlay strong{font-size:12px;font-weight:700}.generating-overlay span{color:var(--muted);font-size:9.5px}.stale-banner{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px 13px;border:1px solid #ead99d;border-radius:11px;background:#fcf4d8;color:#6d5a22;font-size:10.5px;line-height:1.55}.stale-banner svg{flex:0 0 auto}.export-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;margin-top:15px}.export-primary,.export-secondary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:51px;border-radius:14px;font-size:12px;font-weight:700;transition:background .2s ease,transform .2s ease,border-color .2s ease}.export-primary{background:var(--yellow);color:var(--ink);box-shadow:inset 0 -2px #9a711021,0 8px 20px #d3a6221c}.export-primary small{margin-left:2px;color:#4a3a1199;font-size:9px;font-weight:550}.export-primary:hover{background:#f6ce53;transform:translateY(-1px)}.export-secondary{min-width:168px;padding:0 16px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft)}.export-secondary:hover{border-color:var(--ink-soft);background:#fcf9f1;transform:translateY(-1px)}.workspace-hint{display:flex;align-items:center;gap:10px;margin-top:15px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:10px;line-height:1.6}.hint-mark{color:var(--yellow-deep);font-family:var(--font-display);font-size:16px}.stats-card{margin-top:18px;padding:21px 21px 16px;border:1px solid rgba(227,218,202,.94);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.stats-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.stats-head h2{font-size:18px;line-height:1.35;letter-spacing:-.03em}.stats-summary{display:flex;align-items:center;gap:9px;height:29px;padding:0 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.stats-summary span{color:var(--muted);font-size:9px}.stats-summary i{display:block;width:1px;height:10px;background:var(--line)}.stats-summary strong{color:var(--ink);font-family:var(--font-display);font-size:12px;font-weight:700}.usage-bar{display:flex;width:100%;height:9px;margin:15px 0 11px;overflow:hidden;border-radius:999px;background:var(--surface-warm)}.usage-bar span{display:block;flex:0 0 auto;min-width:1px;border-right:1px solid rgba(255,253,248,.35)}.stats-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px}.stat-item{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 0;border-bottom:1px solid rgba(230,223,209,.64)}.stat-swatch{position:relative;display:grid;place-items:center;flex:0 0 auto;width:23px;height:23px;border:1px solid rgba(65,52,29,.09);border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff26}.stat-swatch i{display:block;width:5px;height:5px;border-radius:50%;background:#fff6}.stat-code{display:flex;flex-direction:column;gap:0;min-width:0}.stat-code strong{color:var(--ink-soft);font-size:11.5px;font-weight:700;line-height:1.4}.stat-code small{overflow:hidden;color:var(--muted-light);font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.stat-count{display:flex;align-items:baseline;gap:2px;margin-left:auto;white-space:nowrap}.stat-count strong{color:var(--ink-soft);font-family:var(--font-display);font-size:13px;font-weight:700}.stat-count small{color:var(--muted-light);font-size:8px}.stats-footnote{margin-top:10px;color:var(--muted-light);font-size:8.5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:22px;background:#2a241b7a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease both}.export-dialog{width:min(900px,100%);max-height:calc(100vh - 44px);overflow:auto;border:1px solid rgba(255,255,255,.65);border-radius:27px;background:var(--surface);box-shadow:0 40px 100px #241e1442;animation:modalIn .28s cubic-bezier(.2,.7,.2,1) both;scrollbar-width:thin}.export-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}.export-title{display:flex;align-items:center;gap:12px}.export-title-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--yellow-soft);color:var(--ink-soft)}.export-title h2{font-size:20px;line-height:1.3;letter-spacing:-.035em}.export-title p{margin-top:2px;color:var(--muted);font-size:10px}.modal-close{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;color:var(--muted);transition:background .2s ease,color .2s ease}.modal-close:hover:not(:disabled){background:var(--surface-warm);color:var(--ink)}.modal-close:disabled{opacity:.45}.export-dialog-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:22px 24px 24px}.export-sheet-column{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:25px 18px 18px;border:1px solid rgba(225,215,196,.8);border-radius:19px;background:radial-gradient(circle at 16% 10%,rgba(243,201,68,.13),transparent 32%),var(--surface-warm)}.export-sheet{width:min(100%,278px);padding:13px;border:1px solid rgba(215,205,184,.95);border-radius:7px;background:#fffcf6;box-shadow:0 20px 35px #483a2021;transform:rotate(-1.3deg)}.export-sheet-top,.export-sheet-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-soft);font-size:9px;font-weight:700}.export-sheet-top{margin-bottom:8px;letter-spacing:.02em}.export-sheet-top span{display:inline-flex;align-items:center;gap:4px}.export-sheet-top span:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--yellow)}.export-sheet-top small{color:var(--muted-light);font-size:7px;font-weight:500;letter-spacing:.05em}.export-sheet-canvas{display:block;max-width:100%;margin:0 auto;border:1px solid rgba(205,194,172,.65);border-radius:3px}.export-sheet-bottom{margin-top:8px;color:var(--muted);font-size:8px;font-weight:550}.export-sheet-bottom span:first-child{color:var(--ink);font-family:var(--font-display);font-size:13px;font-weight:700}.export-sheet-note{display:inline-flex;align-items:center;gap:5px;margin-top:18px;color:var(--muted);font-size:9px}.export-sheet-note svg{color:var(--yellow-deep)}.export-options{min-width:0;padding-top:2px}.export-summary-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:19px;color:var(--muted);font-size:9.5px}.export-summary-row i{display:block;width:3px;height:3px;border-radius:50%;background:var(--line-strong)}.export-section-label{margin-bottom:8px;color:var(--ink-soft);font-size:10.5px;font-weight:700}.resolution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.resolution-card{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-warm);text-align:left;transition:border-color .2s ease,background .2s ease,transform .2s ease}.resolution-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.resolution-card.is-selected{border-color:#dcbf58;background:var(--yellow-soft);box-shadow:inset 0 0 0 1px #ffffff59}.resolution-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.resolution-top strong{color:var(--ink);font-family:var(--font-display);font-size:19px;line-height:1.2}.resolution-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ink);color:var(--surface)}.resolution-hint{color:var(--ink-soft);font-size:9px}.resolution-detail{color:var(--muted-light);font-size:8px}.export-info-box{margin-top:15px;padding:11px 12px;border:1px solid #eee2b9;border-radius:11px;background:#fcf7e8}.export-info-box strong{display:block;margin-bottom:2px;color:#5e4d21;font-size:9.5px;font-weight:700}.export-info-box p{color:#8a7741;font-size:9px;line-height:1.6}.export-download-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:47px;margin-top:17px;border-radius:12px;background:var(--yellow);color:var(--ink);font-size:11.5px;font-weight:750;box-shadow:inset 0 -2px #9a71101f;transition:background .2s ease,transform .2s ease}.export-download-button small{margin-left:1px;color:#4a3a1199;font-size:8px;font-weight:600}.export-download-button:hover:not(:disabled){background:#f6ce53;transform:translateY(-1px)}.export-download-button:disabled{opacity:.75}.csv-download-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:39px;margin-top:6px;border-radius:10px;color:var(--muted);font-size:9.5px;font-weight:600;transition:background .2s ease,color .2s ease}.csv-download-button:hover:not(:disabled){background:var(--surface-warm);color:var(--ink-soft)}.toast-stack{position:fixed;left:50%;bottom:22px;z-index:120;display:flex;flex-direction:column;align-items:center;gap:7px;width:min(92vw,430px);transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:8px;max-width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#2d2921f0;color:#fffdf6;font-size:11px;line-height:1.45;box-shadow:0 12px 32px #27201533;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toastIn .25s cubic-bezier(.2,.7,.2,1) both}.toast svg{flex:0 0 auto;color:var(--yellow)}.toast--error svg{color:#f3a28d}.toast--info svg{color:#c7b8e6}@media(max-width:1180px){.site-header,.home-main,.studio-main{padding-left:26px;padding-right:26px}.hero-grid{gap:34px;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}.hero-title{font-size:clamp(44px,5.2vw,64px)}.studio-layout{grid-template-columns:minmax(294px,316px) minmax(0,1fr);gap:18px}.settings-card{padding:20px}.stats-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:35px;min-height:0}.hero-copy{max-width:720px;margin:0 auto;width:100%}.hero-visual{margin-top:12px}.hero-art-wrap{width:min(86vw,430px)}.art-note{display:none}.how-ribbon{grid-template-columns:1fr;gap:17px;margin-top:46px}.how-lead{flex-direction:row;align-items:baseline;gap:12px;padding-right:0;border-right:none}.how-lead strong{max-width:none}.studio-heading{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:19px}.studio-steps{align-self:flex-start}.studio-layout{grid-template-columns:1fr}.settings-card{position:static;max-height:none;overflow:visible}.settings-column{order:1}.workspace{order:2}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{padding:0 18px}.header-inner{height:68px}.brand-mark{width:37px;height:37px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:8.5px;letter-spacing:.12em}.local-pill{width:30px;padding:0;justify-content:center}.local-pill span{display:none}.header-replace{width:34px;height:34px;padding:0;justify-content:center}.header-replace span,.header-back span{display:none}.header-leading,.header-actions{gap:8px}.home-main,.studio-main{padding-left:18px;padding-right:18px}.home-main{padding-top:20px}.hero-copy{padding-top:10px}.hero-title{margin-top:18px;font-size:clamp(40px,10.5vw,57px)}.hero-description{margin-top:19px;font-size:14px;line-height:1.8}.upload-zone{margin-top:23px;border-radius:23px}.upload-zone-inner{min-height:238px;padding:27px 18px 24px}.upload-icon{width:55px;height:55px;border-radius:18px}.upload-heading strong{font-size:18px}.upload-heading span{font-size:11.5px}.hero-features{gap:8px 14px;font-size:10.5px}.quiet-sample-link{font-size:11.5px}.hero-art-wrap{width:min(94vw,410px)}.hero-art-card{padding:12px;border-radius:24px}.hero-art-head{padding-bottom:8px}.art-caption strong{font-size:12px}.art-caption span{font-size:9px}.sample-start{margin-top:18px;height:44px;font-size:11.5px}.how-ribbon{padding:19px;margin-top:33px}.how-ribbon ol{grid-template-columns:1fr;gap:13px}.how-lead{flex-direction:column;align-items:flex-start;gap:2px}.how-lead strong{font-size:14px}.home-footer{flex-direction:column;align-items:flex-start;gap:4px;padding-top:23px}.studio-main{padding-top:9px;padding-bottom:36px}.studio-heading{padding-top:6px;padding-bottom:16px}.studio-heading-copy h1{font-size:34px}.studio-heading-copy p{max-width:34ch;font-size:11.5px}.studio-steps{width:100%;justify-content:space-between;padding:2px 0}.studio-steps li{font-size:9.5px}.studio-steps li+li:before{width:14px;margin:0 6px}.studio-steps li span{width:22px;height:22px;font-size:8px}.settings-card{padding:18px;border-radius:23px}.settings-head{padding-bottom:14px}.settings-head h2{font-size:21px}.preset-card{padding:9px 4px}.param-grid{gap:7px}.preview-grid{grid-template-columns:1fr}.original-preview-card{display:none}.preview-card{padding:11px;border-radius:19px}.pattern-stage,.original-stage{border-radius:14px}.preview-card-head{margin-bottom:8px}.preview-title h2{font-size:11.5px}.export-bar{grid-template-columns:1fr}.export-secondary{min-width:0}.export-primary small{display:none}.stats-card{padding:18px 15px 13px;border-radius:20px}.stats-head{flex-direction:column;gap:9px}.stats-head h2{font-size:17px}.stats-summary{height:27px}.stats-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.modal-backdrop{align-items:flex-end;padding:10px}.export-dialog{width:100%;max-height:calc(100vh - 20px);border-radius:23px}.export-dialog-head{padding:17px 17px 14px}.export-dialog-body{grid-template-columns:1fr;gap:16px;padding:17px}.export-sheet-column{display:none}.export-summary-row{margin-bottom:15px}.export-download-button{margin-top:13px;height:46px}.export-info-box{margin-top:11px}.toast-stack{bottom:14px}}@media(max-width:430px){.header-inner{height:63px}.brand-copy small{display:none}.header-leading,.header-actions{gap:4px}.brand-mark{width:34px;height:34px}.brand-copy strong{font-size:17px}.hero-title{font-size:38px}.upload-zone-inner{min-height:222px}.upload-hint{font-size:10px}.hero-features,.how-ribbon{display:none}.home-footer{padding-top:22px;font-size:9.5px}.studio-heading-copy h1{font-size:30px}.studio-heading-copy p{font-size:11px}.studio-steps li{font-size:8.5px;gap:5px}.studio-steps li+li:before{width:8px;margin:0 4px}.studio-steps li span{width:20px;height:20px}.studio-steps li em{max-width:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-card{padding:16px}.stats-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.stats-summary{padding:0 8px}.resolution-card{padding:10px}.export-title h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.editor-header-chip{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:1px solid #e9da9f;border-radius:999px;background:var(--yellow-soft);color:#715b1e;font-size:10px;font-weight:700;letter-spacing:.04em}.editor-main{position:relative;z-index:1;width:min(1400px,100%);margin:0 auto;padding:16px 34px 48px}.editor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 2px 24px}.editor-heading-copy h1{margin-top:11px;font-family:var(--font-display);font-size:clamp(34px,3.5vw,46px);line-height:1.2;letter-spacing:-.045em}.editor-heading-copy p{max-width:500px;margin-top:8px;color:var(--muted);font-size:12.5px;line-height:1.7}.editor-heading-actions{display:flex;align-items:center;gap:11px;flex:0 0 auto;padding-bottom:2px}.editor-stat-pill{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fffdf8a8;color:var(--muted);font-size:9.5px;white-space:nowrap}.editor-stat-pill strong{color:var(--ink-soft);font-family:var(--font-display);font-size:12px;font-weight:700}.editor-export-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:43px;padding:0 18px;border-radius:13px;background:var(--yellow);color:var(--ink);font-size:11.5px;font-weight:750;box-shadow:inset 0 -2px #9a71101f,0 8px 20px #d3a6221f;transition:background .2s ease,transform .2s ease,opacity .2s ease}.editor-export-button:hover:not(:disabled){background:#f6ce53;transform:translateY(-1px)}.editor-export-button:disabled{opacity:.45;box-shadow:none}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(316px,342px);gap:24px;align-items:start}.editor-canvas-card,.editor-card{border:1px solid rgba(227,218,202,.94);background:var(--surface);box-shadow:var(--shadow-soft)}.editor-canvas-card{padding:15px;border-radius:var(--radius-lg)}.editor-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:31px;margin-bottom:11px;padding:0 2px}.editor-canvas-title{display:flex;align-items:center;gap:7px;min-width:0}.editor-canvas-title strong{color:var(--ink-soft);font-size:12px;font-weight:700}.editor-canvas-title>span:last-child{margin-left:2px;color:var(--muted-light);font-size:9.5px}.editor-canvas-controls{display:flex;align-items:center;gap:7px}.editor-mini-toggle,.editor-fit-button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-warm);color:var(--muted);font-size:9px;font-weight:600;transition:background .2s ease,color .2s ease,border-color .2s ease}.editor-mini-toggle:hover,.editor-fit-button:hover{border-color:var(--line-strong);color:var(--ink-soft)}.editor-mini-toggle.is-on{border-color:#ead99d;background:var(--yellow-soft);color:#745d1d}.editor-zoom-control{display:flex;align-items:center;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface-warm);overflow:hidden}.editor-zoom-control button{display:grid;place-items:center;width:26px;height:100%;color:var(--muted);transition:background .2s ease}.editor-zoom-control button:hover:not(:disabled){background:var(--surface);color:var(--ink)}.editor-zoom-control button:disabled{opacity:.35}.editor-zoom-control span{min-width:34px;color:var(--muted);font-family:var(--font-display);font-size:9.5px;text-align:center}.editor-viewport{position:relative;height:clamp(470px,63vh,690px);overflow:auto;border:1px solid rgba(222,213,197,.9);border-radius:18px;background:radial-gradient(circle at 18% 14%,rgba(243,201,68,.08),transparent 24%),linear-gradient(180deg,#f6f1e7,#eee9dd);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;overscroll-behavior:contain}.editor-viewport::-webkit-scrollbar{width:7px;height:7px}.editor-viewport::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--line-strong);background-clip:padding-box}.editor-canvas-centering{display:flex;width:max-content;min-width:100%;min-height:100%;padding:22px;box-sizing:border-box}.editor-board{position:relative;flex:0 0 auto;margin:auto;border-radius:3px;background:#fbf8f1;box-shadow:0 16px 42px #362b1829,0 0 0 1px #4337241a;isolation:isolate}.editor-canvas{display:block;width:100%;height:100%;border-radius:3px;touch-action:none;user-select:none;-webkit-user-select:none}.editor-board.tool-pan .editor-canvas{cursor:grab}.editor-board.tool-pan.is-panning .editor-canvas{cursor:grabbing}.editor-board.tool-brush .editor-canvas,.editor-board.tool-eraser .editor-canvas{cursor:crosshair}.editor-board.tool-eyedropper .editor-canvas{cursor:copy}.editor-board.tool-select .editor-canvas{cursor:cell}.editor-hover-cell{position:absolute;z-index:4;border:1.5px solid rgba(37,31,21,.92);border-radius:2px;box-shadow:0 0 0 1px #ffffffa6;pointer-events:none}.editor-hover-cell.is-brush{border-color:#fffdf6fa;box-shadow:0 0 0 2px #251f15bf}.editor-empty-hint{position:absolute;top:50%;left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:3px;width:min(270px,calc(100% - 32px));padding:17px 18px 15px;border:1px solid rgba(224,214,195,.9);border-radius:17px;background:#fffdf8e6;box-shadow:0 12px 28px #382d1a14;color:var(--muted);text-align:center;pointer-events:none;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.empty-beads--small{margin-top:-9px;margin-bottom:0;transform:scale(.65)}.editor-empty-hint strong{color:var(--ink-soft);font-size:11px;font-weight:700}.editor-empty-hint>span:last-child{color:var(--muted-light);font-size:9px}.editor-canvas-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:29px;padding:9px 3px 0;color:var(--muted-light);font-size:9px}.editor-coordinate{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-coordinate strong{color:var(--ink-soft);font-weight:700}.editor-coordinate i{display:block;width:11px;height:11px;margin-left:3px;border:1px solid rgba(55,45,29,.16);border-radius:3px}.editor-coordinate em{color:var(--muted-light);font-style:normal}.editor-cell-count{flex:0 0 auto}.editor-side{display:flex;flex-direction:column;gap:14px;min-width:0}.editor-card{width:100%;padding:19px;border-radius:var(--radius-lg)}.editor-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.editor-card-head h2{font-size:19px;line-height:1.35;letter-spacing:-.035em}.editor-history-buttons{display:flex;align-items:center;gap:5px;flex:0 0 auto}.editor-history-buttons button{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:8px;background:var(--surface-warm);color:var(--muted);transition:background .2s ease,color .2s ease,opacity .2s ease}.editor-history-buttons button:hover:not(:disabled){background:var(--yellow-soft);color:var(--ink)}.editor-history-buttons button:disabled{opacity:.32}.editor-size-block{margin-bottom:13px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface-warm)}.editor-block-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--ink-soft);font-size:9.5px;font-weight:650}.editor-block-label>span:last-child{color:var(--muted-light);font-size:8px;font-weight:500}.editor-size-fields{display:flex;align-items:center;gap:6px}.editor-size-fields label{display:flex;align-items:center;gap:4px;flex:1;min-width:0;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.editor-size-fields label>span{color:var(--muted-light);font-size:8px;font-weight:700}.editor-size-fields input{width:100%;min-width:0;padding:0;border:none;outline:none;background:transparent;color:var(--ink);font-family:var(--font-display);font-size:14px;font-weight:700;text-align:center}.size-times{color:var(--muted-light);font-size:10px}.size-apply{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;height:32px;padding:0 9px;border-radius:8px;background:var(--ink);color:var(--surface);font-size:9px;font-weight:650;transition:background .2s ease}.size-apply:hover{background:var(--ink-soft)}.size-presets{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.size-presets button{height:23px;padding:0 7px;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:8px;font-weight:550;transition:background .2s ease,border-color .2s ease,color .2s ease}.size-presets button:hover{background:var(--surface);border-color:var(--line);color:var(--ink-soft)}.size-presets button.is-current{border-color:#ead99d;background:var(--yellow-soft);color:#715b1e}.editor-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.editor-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:57px;border:1px solid var(--line);border-radius:11px;background:var(--surface-warm);color:var(--muted);font-size:9px;font-weight:600;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.editor-tool:hover{border-color:var(--line-strong);color:var(--ink-soft);transform:translateY(-1px)}.editor-tool.is-active{border-color:#e3c860;background:var(--yellow-soft);color:var(--ink);box-shadow:inset 0 0 0 1px #fff6}.editor-tool-hint{display:flex;align-items:flex-start;gap:6px;min-height:35px;margin:10px 0 11px;color:var(--muted);font-size:8.5px;line-height:1.6}.editor-tool-hint-icon{display:grid;place-items:center;flex:0 0 auto;width:14px;height:14px;margin-top:1px;border-radius:50%;background:#f3e9c8;color:#856b24;font-family:var(--font-display);font-size:9px;font-weight:700}.editor-transform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:11px;border-top:1px solid rgba(230,223,209,.8)}.editor-transform-grid button{display:inline-flex;align-items:center;gap:6px;min-height:33px;padding:0 8px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:8.5px;font-weight:600;text-align:left;transition:background .2s ease,color .2s ease,border-color .2s ease}.editor-transform-grid button:hover{border-color:var(--line);background:var(--surface-warm);color:var(--ink-soft)}.editor-transform-grid button:last-child:hover{border-color:#efc7bd;background:#fcf0ec;color:#9b4e3f}.editor-palette-card{padding-bottom:15px}.editor-palette-head{margin-bottom:11px}.editor-palette-select{position:relative}.editor-palette-select select{width:100%;height:38px;padding:0 32px 0 11px;border:1px solid var(--line);border-radius:10px;outline:none;background:var(--surface-warm);color:var(--ink-soft);font-size:10.5px;font-weight:650;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.editor-palette-select select:disabled{color:var(--muted);opacity:.75;cursor:not-allowed}.editor-palette-select select:focus-visible{border-color:var(--ink);box-shadow:0 0 0 3px #f3c94433}.editor-palette-select>svg{position:absolute;top:50%;right:11px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.palette-locked-note{margin-top:6px;color:var(--muted-light);font-size:8px;text-align:right}.editor-active-color{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-warm)}.editor-active-swatch{position:relative;display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border:1px solid rgba(60,48,28,.12);border-radius:10px;box-shadow:inset 0 0 0 2px #ffffff40}.editor-active-swatch i{display:block;width:6px;height:6px;border-radius:50%;background:#ffffff6b}.editor-active-copy{display:flex;flex-direction:column;min-width:0;gap:0}.editor-active-copy small{color:var(--muted-light);font-size:8px}.editor-active-copy strong{color:var(--ink);font-size:15px;font-weight:750;line-height:1.25}.editor-active-copy em{color:var(--muted);font-family:var(--font-display);font-size:9px;font-style:normal}.editor-color-total{margin-left:auto;color:var(--muted-light);font-size:8px;white-space:nowrap}.editor-palette-tabs{display:flex;align-items:center;gap:4px;margin-top:11px;padding:3px;border-radius:9px;background:var(--surface-warm)}.editor-palette-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:1;height:26px;border-radius:7px;color:var(--muted);font-size:9px;font-weight:600;transition:background .2s ease,color .2s ease}.editor-palette-tabs button span{display:grid;place-items:center;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#7167561a;color:var(--muted);font-size:8px}.editor-palette-tabs button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #3c301c12}.editor-palette-tabs button.is-active span{background:var(--yellow-soft);color:#725c1e}.editor-search{display:flex;align-items:center;gap:7px;height:34px;margin-top:8px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted-light)}.editor-search:focus-within{border-color:#ceb055;box-shadow:0 0 0 3px #f3c94426}.editor-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:10px}.editor-search input::placeholder{color:var(--muted-light)}.editor-search input::-webkit-search-cancel-button{cursor:pointer}.editor-palette-scroll{max-height:286px;margin-top:8px;overflow-y:auto;padding:1px 2px 2px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.editor-palette-scroll::-webkit-scrollbar{width:6px}.editor-palette-scroll::-webkit-scrollbar-thumb{border:1px solid var(--surface);border-radius:999px;background:var(--line-strong)}.editor-swatch-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.editor-swatch{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:3px 1px 2px;border-radius:7px;transition:background .16s ease,transform .16s ease}.editor-swatch:hover{background:var(--surface-warm);transform:translateY(-1px)}.editor-swatch-color{display:block;width:100%;height:26px;border:1px solid rgba(60,48,28,.13);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff21}.editor-swatch-code{max-width:100%;overflow:hidden;color:var(--muted);font-size:8px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.editor-swatch.is-active{background:var(--yellow-soft)}.editor-swatch.is-active .editor-swatch-color{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--ink)}.editor-swatch.is-active .editor-swatch-code{color:var(--ink);font-weight:750}.editor-palette-empty{display:grid;place-items:center;min-height:84px;color:var(--muted-light);font-size:9.5px}.editor-palette-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(230,223,209,.8);color:var(--muted-light);font-size:8.5px}.editor-palette-foot strong{color:var(--ink-soft);font-family:var(--font-display);font-size:12px;font-weight:700}.custom-pattern-entry{display:flex;align-items:center;gap:10px;width:100%;margin-top:23px;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:#fffdf8b8;text-align:left;box-shadow:0 8px 22px #5041250a;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease}.custom-pattern-entry:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface);transform:translateY(-1px);box-shadow:0 13px 28px #50412514}.custom-pattern-entry:disabled{opacity:.55}.custom-entry-icon{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:10px;background:var(--yellow-soft);color:#735d1f}.custom-entry-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.custom-entry-copy strong{color:var(--ink-soft);font-size:11.5px;font-weight:700}.custom-entry-copy small{color:var(--muted);font-size:9.5px}.custom-entry-arrow{flex:0 0 auto;margin-left:auto;color:var(--muted);transition:transform .2s ease}.custom-pattern-entry:hover .custom-entry-arrow{transform:translate(2px)}.export-edit{display:flex;align-items:center;justify-content:center;gap:6px;min-height:51px;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:650;white-space:nowrap;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.export-edit:hover{border-color:var(--line-strong);background:var(--surface-warm);color:var(--ink-soft);transform:translateY(-1px)}@media(max-width:1180px){.editor-main{padding-left:26px;padding-right:26px}.editor-layout{grid-template-columns:minmax(0,1fr) minmax(292px,316px);gap:18px}.editor-canvas-card{padding:12px}.editor-viewport{height:clamp(450px,60vh,650px)}.editor-card{padding:17px}.editor-swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1020px){.editor-heading{align-items:flex-start;flex-direction:column;gap:15px}.editor-heading-actions{align-self:flex-start}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-canvas-card,.editor-card,.editor-side{min-width:0}.editor-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.editor-viewport{height:clamp(460px,58vh,650px)}.editor-palette-scroll{max-height:250px}.editor-swatch-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:760px){.editor-header-chip{display:none}.editor-main{padding:9px 18px 34px}.editor-heading{padding-top:6px;padding-bottom:16px}.editor-heading-copy h1{font-size:34px}.editor-heading-copy p{font-size:11.5px}.editor-heading-actions{width:100%;align-items:center;justify-content:space-between;gap:8px}.editor-export-button{height:40px;padding:0 14px}.editor-layout{gap:14px}.editor-canvas-card{padding:10px;border-radius:19px}.editor-canvas-head{flex-wrap:wrap;gap:8px;margin-bottom:8px}.editor-canvas-controls{flex:1 1 auto;justify-content:flex-end;flex-wrap:wrap}.editor-viewport{height:clamp(380px,55vh,540px);border-radius:14px}.editor-canvas-centering{padding:14px}.editor-canvas-foot{font-size:8px}.editor-side{display:flex;flex-direction:column;align-items:stretch;gap:12px}.editor-card{padding:16px;border-radius:19px}.editor-card-head{margin-bottom:12px}.editor-card-head h2{font-size:18px}.editor-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-tool{height:52px;font-size:8.5px}.editor-palette-scroll{max-height:245px}.editor-swatch-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.editor-swatch-color{height:23px}.editor-empty-hint{padding:13px 14px}.custom-pattern-entry{margin-top:15px}.export-edit{min-height:47px}.editor-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.editor-heading-copy h1{font-size:30px}.editor-stat-pill{height:29px;font-size:8.5px;padding:0 9px}.editor-heading-actions{gap:6px}.editor-export-button{height:38px;padding:0 11px;font-size:10.5px}.editor-canvas-title>span:last-child{display:none}.editor-mini-toggle,.editor-fit-button{padding:0 7px;font-size:8px}.editor-zoom-control span{min-width:29px}.editor-viewport{height:48vh;min-height:340px}.editor-swatch-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.editor-palette-scroll{max-height:230px}.editor-size-fields label{padding:0 6px}.editor-coordinate{max-width:70%}}@media(min-width:1021px){.editor-side{position:sticky;top:98px;max-height:calc(100vh - 118px);overflow-y:auto;padding:1px 3px 12px 1px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.editor-side::-webkit-scrollbar{width:6px}.editor-side::-webkit-scrollbar-thumb{border:1px solid var(--bg);border-radius:999px;background:var(--line-strong)}}@keyframes drawerIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.app-shell--editor{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-shell--editor .site-header{position:relative;top:auto;flex:0 0 auto}.site-header--editor .header-inner{height:62px}.editor-shell{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:8px;width:min(1580px,100%);min-height:0;margin:0 auto;padding:8px 20px 14px;overflow:hidden}.editor-topbar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:18px;min-height:42px}.editor-topbar-left,.editor-topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}.editor-topbar-left strong{color:var(--ink);font-size:13px;font-weight:750;letter-spacing:.01em}.editor-mode-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--yellow-deep);box-shadow:0 0 0 4px #f3c94426}.editor-topbar-dims{padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font-family:var(--font-display);font-size:10.5px;font-weight:650;white-space:nowrap}.editor-topbar-stats{color:var(--muted-light);font-size:9px;white-space:nowrap}.editor-topbar-actions{flex:0 0 auto;gap:7px}.editor-topbar .editor-history-buttons{gap:4px}.editor-topbar .editor-history-buttons button{width:29px;height:29px;border-color:var(--line);background:#fffdf8b8}.editor-palette-trigger{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 7px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:650;white-space:nowrap;transition:border-color .2s ease,background .2s ease}.editor-palette-trigger:hover{border-color:var(--ink-soft);background:var(--surface-warm)}.editor-palette-trigger-swatch{width:17px;height:17px;border:1px solid rgba(56,45,28,.16);border-radius:5px;box-shadow:inset 0 0 0 1.5px #ffffff3d}.editor-download-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 13px;border-radius:9px;background:var(--yellow);color:var(--ink);font-size:10px;font-weight:750;box-shadow:inset 0 -1.5px #9a71101f;transition:background .2s ease,transform .2s ease,opacity .2s ease}.editor-download-button:hover:not(:disabled){background:#f6ce53;transform:translateY(-1px)}.editor-download-button:disabled{opacity:.42;box-shadow:none}.editor-workspace{display:grid;flex:1;grid-template-columns:76px minmax(0,1fr) minmax(278px,306px);gap:10px;min-height:0}.editor-toolrail{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-height:0;height:100%;padding:7px;overflow:hidden;border:1px solid rgba(227,218,202,.94);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}.editor-toolrail-title{display:block;padding:3px 1px 0;color:var(--muted-light);font-size:8px;font-weight:700;letter-spacing:.12em;text-align:center}.editor-toolrail-tools{display:flex;flex-direction:column;gap:4px;min-height:0}.editor-toolrail .editor-tool{width:100%;height:52px;gap:3px;border-color:transparent;border-radius:11px;background:transparent;color:var(--muted);font-size:8.5px}.editor-toolrail .editor-tool:hover{border-color:var(--line);background:var(--surface-warm);color:var(--ink-soft);transform:none}.editor-toolrail .editor-tool.is-active{border-color:#e3c860;background:var(--yellow-soft);color:var(--ink)}.editor-stage{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;padding:10px;overflow:hidden;border:1px solid rgba(227,218,202,.94);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}.editor-stage-head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin-bottom:8px;padding:0 1px}.editor-stage-title{display:flex;align-items:center;gap:6px;min-width:0}.editor-stage-title strong{color:var(--ink-soft);font-size:11px;font-weight:700}.editor-stage-title>span:last-child{margin-left:2px;color:var(--muted-light);font-size:9px}.editor-stage .editor-canvas-controls{gap:6px}.editor-stage .editor-viewport{flex:1;height:auto;min-height:0;border-radius:13px;scrollbar-width:none}.editor-stage .editor-viewport::-webkit-scrollbar{display:none}.editor-stage-foot{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;min-height:24px;padding:7px 2px 0;color:var(--muted-light);font-size:8.5px}.editor-stage-foot .editor-coordinate{min-width:0}.editor-stage-foot .editor-cell-count{flex:0 0 auto}.editor-colorpanel{display:flex;flex-direction:column;min-height:0;height:100%;padding:15px;overflow:hidden;border:1px solid rgba(227,218,202,.94);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}.editor-colorpanel-head{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.editor-colorpanel-head h2{font-size:17px;line-height:1.3;letter-spacing:-.035em}.editor-colorpanel-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto}.editor-colorpanel .editor-size-block{margin-bottom:9px;padding:9px}.editor-colorpanel .editor-block-label{margin-bottom:6px}.editor-colorpanel .editor-size-fields{gap:5px}.editor-colorpanel .editor-size-fields label,.editor-colorpanel .size-apply{height:29px}.editor-colorpanel .size-presets{margin-top:6px}.editor-colorpanel .size-presets button{height:21px;padding:0 6px}.editor-panel-section{flex:0 0 auto;margin-bottom:9px}.editor-panel-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;color:var(--muted-light);font-size:8px;font-weight:700;letter-spacing:.08em}.editor-colorpanel .editor-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-top:0;border-top:none}.editor-colorpanel .editor-transform-grid button{min-height:28px;padding:0 6px;border-color:transparent;background:var(--surface-warm);font-size:8px}.editor-colorpanel .editor-transform-grid button:hover{border-color:var(--line);background:#f8f3e8}.editor-colorpanel .editor-palette-select{flex:0 0 auto;margin-bottom:2px}.editor-colorpanel .editor-palette-select select{height:34px;font-size:10px}.editor-colorpanel .palette-locked-note{flex:0 0 auto;margin:3px 0 2px;font-size:7.5px}.editor-colorpanel .editor-active-color{flex:0 0 auto;gap:8px;margin-top:6px;padding:7px;border-radius:10px}.editor-colorpanel .editor-active-swatch{width:32px;height:32px;border-radius:8px}.editor-colorpanel .editor-active-copy strong{font-size:13px}.editor-colorpanel .editor-active-copy small{font-size:7.5px}.editor-colorpanel .editor-active-copy em{font-size:8px}.editor-colorpanel .editor-color-total{font-size:7.5px}.editor-colorpanel .editor-palette-tabs{flex:0 0 auto;margin-top:7px;padding:2px}.editor-colorpanel .editor-palette-tabs button{height:23px;font-size:8.5px}.editor-colorpanel .editor-search{flex:0 0 auto;height:31px;margin-top:6px}.editor-colorpanel .editor-palette-scroll{flex:1;min-height:95px;max-height:none;margin-top:6px;padding:1px 2px 2px;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent 100%)}.editor-colorpanel .editor-palette-scroll::-webkit-scrollbar{display:none}.editor-colorpanel .editor-palette-foot{flex:0 0 auto;margin-top:7px;padding-top:7px}.editor-colorpanel .editor-swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.editor-colorpanel .editor-swatch{padding:2px 1px}.editor-colorpanel .editor-swatch-color{height:24px}.editor-colorpanel .editor-swatch-code{font-size:7.5px}.editor-drawer-close{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface-warm)}.editor-drawer-close:hover{color:var(--ink);background:var(--yellow-soft)}.editor-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;width:100%;height:100%;border:0;padding:0;background:#2a241b57;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;animation:fadeIn .2s ease both}.editor-colorpanel.is-drawer{position:fixed;z-index:70;top:74px;right:18px;bottom:16px;width:min(326px,calc(100vw - 36px));height:auto;border-radius:21px;box-shadow:0 30px 80px #2a221638;animation:drawerIn .24s cubic-bezier(.2,.7,.2,1) both}@media(max-width:1099px){.app-shell--editor .site-header{background:#f5f1e7e8}.editor-workspace{grid-template-columns:72px minmax(0,1fr)}.editor-shell{gap:7px}}@media(max-width:760px){.site-header--editor .header-inner{height:54px}.editor-shell{padding:5px 10px 8px;gap:5px}.editor-topbar{min-height:38px;gap:8px}.editor-topbar-left{gap:7px}.editor-topbar-left strong{font-size:12px}.editor-topbar-dims{padding-left:7px;font-size:9px}.editor-topbar-stats{display:none}.editor-topbar-actions{gap:5px}.editor-topbar .editor-history-buttons button{width:27px;height:27px}.editor-palette-trigger{height:28px;padding:0 8px 0 6px;font-size:8px}.editor-palette-trigger-swatch{width:15px;height:15px}.editor-download-button{width:31px;height:31px;padding:0}.editor-download-button span{display:none}.editor-workspace{display:flex;flex-direction:column;gap:5px;min-height:0}.editor-toolrail{flex:0 0 auto;width:100%;height:auto;min-height:0;padding:5px;border-radius:16px}.editor-toolrail-title{display:none}.editor-toolrail-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%}.editor-toolrail .editor-tool{height:44px;gap:1px;font-size:8px;border-radius:9px}.editor-stage{flex:1;min-height:0;padding:7px;border-radius:17px}.editor-stage-head{min-height:25px;margin-bottom:5px;gap:6px}.editor-stage-title{gap:5px}.editor-stage-title strong{font-size:10px}.editor-stage-title>span:last-child{font-size:8px}.editor-stage .editor-canvas-controls{gap:4px}.editor-stage .editor-mini-toggle,.editor-stage .editor-fit-button{height:25px;padding:0 6px;font-size:8px}.editor-stage .editor-zoom-control{height:25px}.editor-stage .editor-zoom-control button{width:22px}.editor-stage .editor-zoom-control span{min-width:28px;font-size:8px}.editor-stage .editor-viewport{border-radius:11px}.editor-canvas-centering{padding:10px}.editor-stage-foot{min-height:21px;padding-top:5px;font-size:7.5px}.editor-colorpanel.is-drawer{top:auto;left:9px;right:9px;bottom:9px;width:auto;height:min(80dvh,660px);border-radius:20px;animation:sheetIn .24s cubic-bezier(.2,.7,.2,1) both}.editor-colorpanel{padding:14px}.editor-colorpanel-head{margin-bottom:8px}.editor-colorpanel-head h2{font-size:16px}.editor-colorpanel .editor-swatch-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.editor-colorpanel .editor-palette-scroll{min-height:78px}.editor-colorpanel .editor-palette-foot{font-size:8px}.editor-empty-hint{width:min(240px,calc(100% - 20px));padding:12px 12px 10px}.editor-empty-hint strong{font-size:10px}.editor-empty-hint>span:last-child{font-size:8px}.empty-beads--small{margin-top:-13px;margin-bottom:-6px;transform:scale(.55)}}@media(max-width:430px){.editor-topbar-dims{display:none}.editor-mode-dot{width:7px;height:7px}.editor-topbar-left strong{font-size:11.5px}.editor-topbar{min-height:34px}.editor-shell{padding-left:8px;padding-right:8px}.editor-toolrail .editor-tool{height:40px;font-size:7.5px}.editor-toolrail .editor-tool svg{width:17px;height:17px}.editor-stage-title>span:last-child{display:none}.editor-mini-toggle,.editor-fit-button{font-size:0!important;gap:0!important;width:26px;padding:0!important;justify-content:center}.editor-palette-trigger{width:28px;padding:0;justify-content:center}.editor-palette-trigger-swatch{width:17px;height:17px}.editor-stage-foot .editor-coordinate{max-width:71%}.editor-colorpanel.is-drawer{height:min(82dvh,650px)}}@media(max-height:720px)and (min-width:761px){.editor-colorpanel .editor-size-block,.editor-colorpanel .editor-panel-section{margin-bottom:6px}.editor-colorpanel .size-presets{display:none}.editor-colorpanel .editor-palette-scroll{min-height:65px}.editor-toolrail .editor-tool{height:46px}}.studio-shell{position:relative;z-index:1;width:min(1580px,100%);margin:0 auto;padding:14px 34px 54px}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:40px;padding:0 2px 14px}.studio-topbar-left,.studio-topbar-right{display:flex;align-items:center;gap:9px;min-width:0}.studio-topbar-left strong{color:var(--ink);font-size:13px;font-weight:750}.studio-topbar-meta{padding-left:9px;border-left:1px solid var(--line);color:var(--muted);font-size:9px;white-space:nowrap}.studio-topbar-stats{color:var(--muted-light);font-size:9px;white-space:nowrap}.studio-topbar-stale{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:var(--yellow-soft);color:#735d1e;font-size:8px;font-weight:700}.editor-colorpanel.is-drawer{height:min(calc(100dvh - 18px),680px)}@media(max-width:1180px){.studio-shell{padding-left:26px;padding-right:26px}}@media(max-width:760px){.studio-shell{padding:8px 18px 32px}.studio-topbar{min-height:36px;padding-bottom:10px}.studio-topbar-left{gap:7px}.studio-topbar-left strong{font-size:12px}.studio-topbar-meta{padding-left:7px;font-size:8px}.studio-topbar-stats{font-size:8px}}@media(max-width:430px){.studio-topbar-meta,.studio-topbar-stats{display:none}.studio-topbar{padding-bottom:7px}}@media(min-width:961px)and (min-height:640px){.app-shell--studio{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-shell--studio .site-header{position:relative;top:auto;flex:0 0 auto}.site-header--studio .header-inner{height:62px}.studio-shell{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;padding:8px 26px 14px;overflow:hidden}.studio-topbar{flex:0 0 auto;min-height:39px;padding:0 2px}.studio-layout{flex:1;min-height:0;align-items:stretch;gap:20px}.settings-column{height:100%;min-height:0}.settings-card{position:static;height:100%;max-height:none;overflow-y:auto;scrollbar-width:none}.settings-card::-webkit-scrollbar{display:none}.workspace{height:100%;min-height:0;padding-right:2px;overflow-y:auto;scrollbar-width:none}.workspace::-webkit-scrollbar{display:none}.preview-grid{margin-top:0}.stats-card{margin-bottom:2px}}@media(min-width:961px)and (min-height:640px){.settings-card{display:flex;flex-direction:column;overflow:hidden}.settings-scroll{flex:1;min-height:0;padding-right:2px;overflow-y:auto;scrollbar-width:none}.settings-scroll::-webkit-scrollbar{display:none}.settings-footer{flex:0 0 auto;padding-top:10px;border-top:1px solid rgba(230,223,209,.75);background:var(--surface)}}@media(min-width:961px)and (min-height:640px){.settings-scroll{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent 100%)}.workspace{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent 100%)}}@media(max-height:620px){.editor-colorpanel{overflow-y:auto;scrollbar-width:none}.editor-colorpanel::-webkit-scrollbar{display:none}.editor-colorpanel .editor-palette-scroll{flex:0 0 150px}}@media(max-height:560px){.editor-colorpanel.is-drawer{overflow-y:auto;scrollbar-width:none}.editor-colorpanel.is-drawer::-webkit-scrollbar{display:none}}.settings-card.settings-console{border-color:#34372e;background:radial-gradient(circle at 100% 0%,rgba(243,201,68,.09),transparent 32%),#24271f;color:#f3eee1;box-shadow:0 24px 55px #221f152e;scrollbar-color:#5b5f51 transparent}.settings-console .settings-scroll{padding-right:2px}.settings-console .console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px}.console-kicker{display:block;margin-bottom:4px;color:#b0b3a2;font-size:8px;font-weight:700;letter-spacing:.17em}.console-head h2{color:#f7f2e5;font-family:var(--font-display);font-size:25px;line-height:1.25;letter-spacing:-.04em}.console-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(245,240,226,.16);border-radius:10px;color:var(--yellow);transform:rotate(4deg)}.console-source{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid rgba(245,240,226,.11);border-radius:12px;background:#ffffff0b}.console-thumb{width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(255,255,255,.14);border-radius:8px;background-color:#3b3f33;background-position:center;background-size:cover}.console-source-copy{display:flex;flex-direction:column;min-width:0;gap:0}.console-source-copy>span{color:#8e927f;font-size:7.5px;letter-spacing:.08em}.console-source-copy strong{overflow:hidden;max-width:205px;color:#f0ebde;font-size:10.5px;font-weight:650;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.console-source-copy small{color:#969a88;font-size:8px}.console-replace{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;margin-left:auto;border:1px solid rgba(245,240,226,.13);border-radius:7px;color:#c8cbbd;transition:color .2s ease,border-color .2s ease,background .2s ease}.console-replace:hover{border-color:#f3c9448c;background:#f3c9441a;color:var(--yellow)}.console-section{padding:13px 0 4px;border-bottom:1px solid rgba(245,240,226,.09)}.console-section-head{display:flex;align-items:center;gap:8px;min-height:28px;margin-bottom:8px}.console-step{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border:1px solid rgba(243,201,68,.28);border-radius:50%;color:var(--yellow);font-family:var(--font-display);font-size:8px;font-weight:700}.console-section-copy{display:flex;flex-direction:column;gap:0;min-width:0}.console-section-copy strong{color:#f3eee1;font-size:10.5px;font-weight:650;line-height:1.4}.console-section-copy small{color:#8f9381;font-size:8px;line-height:1.45}.console-readout{margin-left:auto;color:var(--yellow);font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1;letter-spacing:-.05em;white-space:nowrap}.console-readout em{margin-left:2px;color:#8f9381;font-family:var(--font-ui);font-size:8px;font-style:normal;font-weight:500;letter-spacing:0}.console-readout--small{font-size:20px}.console-readout--small em{color:#8f9381}.console-tag{margin-left:auto;padding:3px 7px;border:1px solid rgba(245,240,226,.12);border-radius:5px;color:#aeb1a1;font-size:7.5px;font-weight:600;white-space:nowrap}.console-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;border:1px solid rgba(245,240,226,.1);border-radius:9px;background:#00000026}.console-segments button{display:flex;align-items:center;justify-content:center;gap:5px;height:28px;border-radius:6px;color:#9da18f;font-size:8.5px;font-weight:600;transition:color .2s ease,background .2s ease}.console-segments button em{color:#737865;font-family:var(--font-display);font-size:9px;font-style:normal;font-weight:600}.console-segments button:hover{color:#f2ede0;background:#ffffff0d}.console-segments button.is-selected{background:#f4eee0;color:#282b22;box-shadow:0 2px 8px #0000002b}.console-segments button.is-selected em{color:#756d58}.console-range-block{margin-top:8px}.settings-console .styled-range{--range-color: var(--yellow)}.settings-console .styled-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--yellow) 0 var(--range-progress),rgba(245,240,226,.14) var(--range-progress) 100%)}.settings-console .styled-range::-moz-range-track{background:#f5f0e224}.settings-console .styled-range::-moz-range-progress{background:var(--yellow)}.settings-console .styled-range::-webkit-slider-thumb{border-color:#24271f;background:var(--yellow);box-shadow:0 0 0 1px #f5f0e238}.settings-console .styled-range::-moz-range-thumb{border-color:#24271f;background:var(--yellow)}.settings-console .styled-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #f3c94447}.console-range-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:1px;color:#7f8371;font-size:7.5px}.console-select{position:relative}.console-select select{width:100%;height:34px;padding:0 30px 0 10px;border:1px solid rgba(245,240,226,.13);border-radius:8px;outline:none;background:#ffffff0b;color:#e8e3d6;font-size:9.5px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none}.console-select select option{background:#2b2f26;color:#f3eee1}.console-select select:focus-visible{border-color:#f3c944b3;box-shadow:0 0 0 3px #f3c94421}.console-select>svg{position:absolute;top:50%;right:10px;color:#989c89;pointer-events:none;transform:translateY(-50%)}.console-palette-strip{display:flex;align-items:center;gap:3px;margin-top:7px}.console-palette-strip>span:not(.console-palette-more){width:13px;height:13px;border:1px solid rgba(255,255,255,.15);border-radius:4px}.console-palette-more{margin-left:auto;color:#7f8371;font-family:var(--font-display);font-size:8px}.console-advanced{margin-top:8px}.console-advanced-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:4px 0;text-align:left}.console-section-copy{flex:1}.console-advanced-count{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--yellow);color:#282b22;font-size:7.5px;font-style:normal;font-weight:800}.console-advanced-chevron{color:#858a76;transition:transform .2s ease}.console-advanced-toggle[aria-expanded=true] .console-advanced-chevron{transform:rotate(180deg)}.console-advanced-body{padding:4px 0 10px 28px;animation:fadeIn .2s ease both}.console-cleanup{display:block;margin-bottom:7px}.console-cleanup-head{display:flex;justify-content:space-between;color:#d9d5c8;font-size:8.5px;font-weight:600}.console-cleanup-head strong{color:var(--yellow);font-family:var(--font-display);font-size:11px}.console-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 0;border-top:1px solid rgba(245,240,226,.08);text-align:left}.console-toggle>span:first-child{display:flex;flex-direction:column;gap:1px}.console-toggle strong{color:#e7e2d4;font-size:8.5px;font-weight:600}.console-toggle small{color:#858a76;font-size:7.5px;line-height:1.45}.console-switch{position:relative;flex:0 0 auto;width:30px;height:17px;border-radius:999px;background:#4b4f42;transition:background .2s ease}.console-switch i{position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#c9c9bd;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease}.console-switch.is-on{background:#5e552e}.console-switch.is-on i{background:var(--yellow);transform:translate(13px)}.console-footer{border-top-color:#f5f0e21a!important;background:#24271f!important}.console-generate{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:51px;padding:7px 8px 7px 14px;border-radius:12px;background:#f4eee0;color:#26291f;text-align:left;box-shadow:0 8px 22px #00000024;transition:background .2s ease,transform .2s ease,opacity .2s ease}.console-generate:hover:not(:disabled){background:#fffaf0;transform:translateY(-1px)}.console-generate:disabled{opacity:.7}.console-generate>span:first-child{display:flex;flex-direction:column;gap:0}.console-generate small{color:#92886f;font-size:7.5px;font-weight:600}.console-generate strong{color:#25281f;font-size:13px;font-weight:750;line-height:1.4}.console-generate-arrow{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;background:var(--yellow);color:#2b2a20}.console-note{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:7px;color:#7e8370;font-size:7.5px}.console-note svg{color:#a59456}@media(max-width:760px){.settings-console{padding:18px!important}.console-head h2{font-size:23px}.console-source-copy strong{max-width:none}.console-segments button{height:31px;font-size:9px}.console-section{padding-top:12px}.settings-console .settings-scroll{padding-right:0}}.editor-toolrail{border-color:#34372e;background:radial-gradient(circle at 50% 0%,rgba(243,201,68,.09),transparent 35%),#24271f;box-shadow:0 24px 55px #221f1524}.editor-toolrail-title{color:#8f9381}.editor-toolrail .editor-tool{color:#aeb1a1}.editor-toolrail .editor-tool:hover{border-color:#f5f0e21a;background:#ffffff0d;color:#f3eee1}.editor-toolrail .editor-tool.is-active{border-color:#f4eee0;background:#f4eee0;color:#26291f;box-shadow:0 4px 12px #00000029}.editor-toolrail .editor-tool.is-active svg{color:#26291f}@media(max-width:760px){.editor-toolrail{border-color:#34372e}}.export-resolution-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-warm)}.export-resolution-switch button{display:flex;align-items:center;justify-content:center;gap:7px;height:34px;border-radius:7px;color:var(--muted);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.export-resolution-switch button strong{font-family:var(--font-display);font-size:15px;font-weight:700}.export-resolution-switch button span{font-size:8px;color:var(--muted-light)}.export-resolution-switch button.is-selected{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #342a1814}.export-resolution-switch button.is-selected span{color:#806f40}.export-resolution-note{margin-top:6px;color:var(--muted-light);font-size:8.5px}.export-download-button{background:var(--ink);color:#f7f1e4;box-shadow:inset 0 -2px #0003}.export-download-button small{color:#f7f1e499}.export-download-button:hover:not(:disabled){background:#3a352b}