@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#24211f;--muted:#756e68;--line:#ddd5cd;--paper:#fffdfa;--canvas:#f2eee8;--accent:#ef5f83;--accent-dark:#c63f65;--mint:#8fd6c1;--yellow:#ffd979}*{box-sizing:border-box}html,body{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{color:var(--ink);background:radial-gradient(circle at 12px 12px,#ef5f8314 2px,#0000 2.5px) 0 0/24px 24px,#f8f4ef;margin:0;font-family:Microsoft YaHei UI,PingFang SC,Arial,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fffdfaeb;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{grid-template-columns:repeat(3,8px);gap:3px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 -1px #0000001f}.brand-mark i:nth-child(2),.brand-mark i:nth-child(6){background:var(--yellow)}.brand-mark i:nth-child(4),.brand-mark i:nth-child(8){background:var(--mint)}.brand h1{letter-spacing:.04em;margin:0;font-size:20px}.brand small{color:var(--muted);letter-spacing:.08em;margin-top:2px;font-size:11px;display:block}.status-pill{color:#26735e;background:#edf9f5;border:1px solid #b8ded2;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.status-pill:before{content:"";background:#42ad8e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #42ad8e21}.workspace{flex:1;grid-template-columns:300px minmax(480px,1fr) 320px;min-height:calc(100vh - 68px);display:grid}.sidebar{background:#fffdfaed;padding:18px;overflow:auto}.sidebar.left{border-right:1px solid var(--line)}.sidebar.right{border-left:1px solid var(--line)}.section{border-bottom:1px solid #e8e1da;padding:17px 0}.section:first-child{padding-top:0}.section:last-child{border-bottom:0}.section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:14px}.step{background:var(--ink);color:#fff;border-radius:8px;place-items:center;min-width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.dropzone{text-align:center;cursor:pointer;background:#fbf8f4;border:1.5px dashed #c9bdb2;border-radius:16px;padding:18px;transition:all .2s;display:block}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#fff4f7;transform:translateY(-1px)}.drop-icon{width:42px;height:42px;color:var(--accent-dark);background:#ffe8ef;border-radius:14px;place-items:center;margin:0 auto 10px;font-size:24px;font-weight:300;display:grid}.dropzone strong{font-size:13px}.dropzone p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.6}.thumb{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:12px;overflow:hidden}.thumb img{object-fit:contain;width:100%;max-height:168px;display:block}.thumb-meta{color:var(--muted);justify-content:space-between;gap:8px;padding:8px 10px;font-size:10px;display:flex}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:11px;font-weight:700}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;height:38px;padding:0 10px}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef5f831a}.primary-btn,.secondary-btn{cursor:pointer;border:0;border-radius:12px;min-height:42px;padding:0 14px;font-weight:800;transition:all .18s}.primary-btn{background:var(--ink);color:#fff;width:100%;box-shadow:0 5px #080706}.primary-btn:hover:not(:disabled){transform:translateY(2px);box-shadow:0 3px #080706}.primary-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.generation-button{justify-content:center;align-items:center;gap:9px;display:flex}.button-spinner{border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;flex:none;width:16px;height:16px;animation:.75s linear infinite button-spin}.generation-progress{background:linear-gradient(135deg,#fff7fa,#fffdf7);border:1px solid #f0b7c6;border-radius:13px;margin-top:12px;padding:12px;box-shadow:0 7px 18px #ef5f831a}.generation-progress-head{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:10px;display:grid}.generation-progress-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-progress-head b{color:#d9416b;font-size:11px}.progress-orbit{border:2px solid #ffd5e0;border-top-color:#ef5f83;border-radius:50%;width:24px;height:24px;animation:1s linear infinite button-spin;position:relative}.progress-orbit i{background:#83d7c2;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;right:-2px;box-shadow:0 0 0 2px #fff}.generation-track{background:#f2e8e5;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.generation-track i{border-radius:inherit;background:linear-gradient(90deg,#ef5f83,#f7d75c,#83d7c2);height:100%;transition:width .24s;display:block}.generation-progress p{color:#86776f;text-align:center;margin:7px 0 0;font-size:9px}.generate-from-cutout{color:#175f4a;background:linear-gradient(135deg,#ecf8f3,#dcf4eb);min-height:39px;box-shadow:0 4px 12px #4da1841f}@keyframes button-spin{to{transform:rotate(360deg)}}.secondary-btn{border:1px solid var(--line);background:#fff}.secondary-btn:hover:not(:disabled){background:#faf7f3;border-color:#a99f96}.secondary-btn:disabled{opacity:.42;cursor:not-allowed}.button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ai-card{background:#f7f4ff;border:1px solid #d7d0ea;border-radius:14px;padding:12px}.ai-card-head{justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.ai-card p{color:#716789;margin:7px 0 0;font-size:10px;line-height:1.6}.matting-preview{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #d7d0ea;border-radius:12px;margin-top:10px;overflow:hidden}.matting-preview img{object-fit:contain;width:100%;max-height:190px;display:block}.matting-preview div{background:#fffffff0;justify-content:space-between;gap:8px;padding:8px 9px;font-size:9px;display:flex}.matting-preview span{color:#716789}.ai-confirm-btn{color:#246d57;cursor:pointer;background:#ecf8f3;border:1px solid #75b69f;border-radius:10px;width:100%;min-height:34px;margin-top:10px;font-size:10px;font-weight:800}.ai-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.ai-toggle{color:#4e4568;cursor:pointer;align-items:flex-start;gap:8px;margin-top:10px;font-size:11px;font-weight:700;line-height:1.45;display:flex}.ai-toggle input{accent-color:var(--accent-dark);margin-top:2px}.ai-test-btn{color:#584778;cursor:pointer;background:#fff;border:1px solid #bfb2df;border-radius:10px;width:100%;min-height:34px;margin-top:10px;font-size:10px;font-weight:800}.ai-test-btn:hover:not(:disabled){background:#fcfaff;border-color:#8975ba}.ai-test-btn:disabled{opacity:.5;cursor:not-allowed}.tag{color:#68568f;background:#e8e1f8;border-radius:999px;padding:4px 8px;font-size:9px}.cartoon-card{background:#fff9f1;border:1px solid #ead7c1;border-radius:14px;gap:9px;padding:12px;display:grid}.cartoon-card p{color:#7a654d;margin:0;font-size:10px;line-height:1.6}.cartoon-upload{width:100%;min-height:34px}.cartoon-source,.cartoon-result{background:#fff;border:1px solid #ead7c1;border-radius:11px;overflow:hidden}.cartoon-source img,.cartoon-result img{object-fit:contain;width:100%;max-height:190px;display:block}.cartoon-source span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;font-size:9px;display:block;overflow:hidden}.cartoon-style{color:#574b3e;gap:5px;font-size:10px;font-weight:800;display:grid}.cartoon-style select{background:#fff;border:1px solid #d8c5ae;border-radius:9px;outline:none;width:100%;height:34px;padding:0 9px}.cartoon-result .ai-confirm-btn{border:0;border-top:1px solid #dcece6;border-radius:0;margin:0}.stage{background:#f2eee8d6;flex-direction:column;min-width:0;display:flex}.stage-toolbar{border-bottom:1px solid var(--line);background:#faf7f3e6;justify-content:space-between;align-items:center;gap:14px;height:54px;padding:0 18px;display:flex}.stage-toolbar strong{font-size:13px}.stage-toolbar span{color:var(--muted);font-size:11px}.toolbar-group{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;height:32px;padding:0 10px;font-size:11px}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.active{border-color:var(--accent);color:var(--accent-dark);background:#fff0f4}.stage-body{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:26px;display:flex;overflow:auto}.empty-state{text-align:center;max-width:440px;color:var(--muted);align-self:center}.empty-art{grid-template-columns:repeat(7,16px);grid-auto-rows:16px;gap:4px;width:152px;height:152px;margin:0 auto 20px;display:grid;transform:rotate(-4deg)}.empty-art i{background:#e4ddd6;border-radius:5px}.empty-art i:nth-child(3n){background:#f7b4c7}.empty-art i:nth-child(5n){background:#9edcca}.empty-state h2{color:var(--ink);margin:0 0 8px;font-size:22px}.empty-state p{margin:0;font-size:13px;line-height:1.8}.canvas-wrap{background:#fff;border:1px solid #ded5cd;border-radius:18px;padding:14px;box-shadow:0 12px 30px #342a221f}.canvas-wrap canvas{cursor:crosshair;display:block}.summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.metric{background:#f6f2ed;border-radius:12px;padding:11px}.metric b{font-size:18px;display:block}.metric span{color:var(--muted);font-size:10px}.hint{color:#765c1f;background:#fff6dc;border-radius:10px;margin:0 0 10px;padding:9px 10px;font-size:10px;line-height:1.5}.palette-list{gap:7px;max-height:290px;padding-right:3px;display:grid;overflow:auto}.swatch-row{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:11px;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;width:100%;min-height:44px;padding:4px 8px 4px 5px;display:grid}.swatch-row:hover{border-color:#aca197}.swatch-row.selected{border-color:var(--accent);box-shadow:0 0 0 3px #ef5f831a}.swatch-color{border:1px solid #00000021;border-radius:8px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:900;display:grid}.swatch-row strong{font-size:12px}.swatch-row small{color:var(--muted);font-size:10px}.search{border:1px solid var(--line);border-radius:10px;outline:none;width:100%;height:36px;margin-bottom:9px;padding:0 10px}.all-colors{grid-template-columns:repeat(5,1fr);gap:6px;max-height:230px;display:grid;overflow:auto}.mini-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #00000024;border-radius:9px;place-items:center;font-size:9px;font-weight:900;display:grid}.mini-swatch.selected{outline:3px solid var(--accent);outline-offset:1px}.download-stack{gap:8px;display:grid}.download-stack button{width:100%}.toast{background:var(--ink);color:#fff;z-index:50;border-radius:999px;padding:10px 16px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}@media (max-width:1100px){.workspace{grid-template-columns:270px minmax(430px,1fr)}.sidebar.right{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.sidebar.right .section{border-bottom:0;padding:0}}@media (max-width:760px){.topbar{padding:0 14px}.brand small{display:none}.status-pill{padding:8px;font-size:0}.workspace{flex-direction:column;display:flex}.sidebar.left,.sidebar.right{border:0;border-bottom:1px solid var(--line)}.stage{min-height:70vh}.sidebar.right{display:block}.sidebar.right .section{border-bottom:1px solid var(--line);padding:16px 0}}.mobile-setup-page,.mobile-result-page{color:#211d1a;background:radial-gradient(circle at 85% 0,#fff0b9 0,#0000 28%),linear-gradient(#fff8f0 0,#fffdf9 55%,#f5fffbd9 100%);max-width:680px;min-height:100dvh;margin:0 auto;padding:14px 14px 26px}.mobile-brand-hero{grid-template-columns:56px 1fr auto;align-items:center;gap:11px;padding:8px 4px 18px;display:grid}.mobile-brand-mark{aspect-ratio:1;background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:3px;width:54px;padding:6px;display:grid;transform:rotate(-4deg);box-shadow:0 9px 24px #ef5f832e}.mobile-brand-mark i{border-radius:50%;box-shadow:inset 0 -2px #00000014}.mobile-brand-mark i:nth-child(3n+1){background:#ef5f83}.mobile-brand-mark i:nth-child(3n+2){background:#f7d75c}.mobile-brand-mark i:nth-child(3n){background:#83d7c2}.mobile-brand-hero strong{letter-spacing:1px;font-size:25px;line-height:1.1;display:block}.mobile-brand-hero div span{color:#887870;margin-top:5px;font-size:11px;display:block}.mobile-brand-hero em{color:#d74870;background:#ffe4ec;border-radius:999px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:900}.mobile-setup-card{background:#fffffff0;border:1px solid #7b61501a;border-radius:20px;margin-bottom:12px;padding:15px;box-shadow:0 10px 28px #634a3a14}.mobile-card-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.mobile-card-title b{font-size:16px;display:block}.mobile-card-title span{color:#9a8980;margin-top:3px;font-size:10px;display:block}.mobile-card-title>i{color:#ef5f83;background:#fff0f4;border-radius:10px;place-items:center;width:28px;height:28px;font-size:12px;font-style:normal;font-weight:900;display:grid}.mobile-upload-zone{cursor:pointer;background:#fff9fb;border:2px dashed #f0bdcb;border-radius:17px;align-items:center;gap:13px;min-height:118px;padding:12px;display:flex}.mobile-upload-zone.drag{background:#fff1f5;border-color:#ef5f83}.mobile-upload-zone img{object-fit:contain;background:#fff;border-radius:13px;flex:none;width:88px;height:88px}.mobile-upload-zone>div{min-width:0}.mobile-upload-zone strong{color:#d94b72;font-size:14px;display:block}.mobile-upload-zone p{color:#9b8981;text-overflow:ellipsis;margin:5px 0 0;font-size:10px;line-height:1.5;overflow:hidden}.mobile-upload-icon{color:#ef5f83;background:#ffe6ee;border-radius:22px;flex:none;place-items:center;width:66px;height:66px;font-size:32px;display:grid}.mobile-size-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mobile-size-grid label,.mobile-select-field{color:#74665f;font-size:10px;font-weight:800;display:block}.mobile-size-grid input,.mobile-select-field select{color:#28211e;background:#fffdfa;border:1px solid #eaded7;border-radius:13px;outline:none;width:100%;height:44px;margin-top:6px;padding:0 12px;font-size:14px;font-weight:800}.mobile-select-field{margin-top:11px}.mobile-large-grid-hint{color:#7d6418;background:#fff7d6;border-radius:11px;margin:10px 0 0;padding:9px 11px;font-size:9px;line-height:1.5}.mobile-generate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef5f83,#f47ca0);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:14px;font-size:15px;font-weight:900;display:flex;box-shadow:0 10px 22px #ef5f833d}.mobile-generate-button:disabled{opacity:.48;box-shadow:none}.mobile-confirm-button{background:linear-gradient(135deg,#42bda0,#76d2ba);box-shadow:0 10px 22px #42bda038}.mobile-generation-progress{margin-top:12px}.mobile-cutout-preview{background:#f5fffb;border-radius:15px;align-items:center;gap:12px;padding:10px;display:flex}.mobile-cutout-preview img{object-fit:contain;background:#fff;border-radius:12px;width:92px;height:92px}.mobile-cutout-preview strong,.mobile-cutout-preview span{display:block}.mobile-cutout-preview strong{font-size:12px}.mobile-cutout-preview span{color:#7e8f88;margin-top:5px;font-size:9px}.mobile-cutout-empty{color:#988a82;text-align:center;background:#faf7f4;border-radius:14px;margin:0;padding:18px;font-size:10px}.mobile-page-header{grid-template-columns:44px 1fr 58px;align-items:center;gap:8px;min-height:56px;display:grid}.mobile-page-header>button{color:#ef5f83;cursor:pointer;background:#fff0f4;border:0;border-radius:13px;height:40px;font-size:31px}.mobile-page-header>div{text-align:center;min-width:0}.mobile-page-header strong{color:#2a211d;font-size:17px;display:block}.mobile-page-header span{color:#9a8980;margin-top:3px;font-size:10px;display:block}.mobile-page-header .mobile-header-action{color:#fff;background:#211d1a;font-size:12px;font-weight:800}.mobile-preview-tabs{background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin:10px 2px 14px;padding:4px;display:grid;box-shadow:0 6px 18px #634a3a14}.mobile-preview-tabs button{color:#8d7d75;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:43px;font-size:14px}.mobile-preview-tabs button.active{color:#fff;background:#ef5f83;font-weight:900;box-shadow:0 5px 12px #ef5f8338}.mobile-preview-card{color:#222;background:#fff;border:1px solid #efe4dd;border-radius:19px;justify-content:center;align-items:center;min-height:380px;max-height:62dvh;padding:12px;display:flex;overflow:auto;box-shadow:0 10px 28px #634a3a1a}.mobile-source-preview{object-fit:contain;max-width:100%;max-height:58dvh;display:block}.mobile-pattern-overview{overscroll-behavior:contain;width:100%;display:block;overflow:auto}.mobile-pattern-overview canvas{border:1px solid #dad7d5;max-width:none;height:auto;margin:auto;display:block}.mobile-overview-code-hint{color:#9a7468;text-align:center;margin:-2px 8px 12px;font-size:10px;line-height:1.55}.mobile-result-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.mobile-result-summary>div,.mobile-result-summary>button{text-align:center;background:#fff;border:0;border-radius:13px;min-width:0;padding:10px 6px;box-shadow:0 5px 16px #634a3a12}.mobile-result-summary b{color:#29211d;font-size:15px;display:block}.mobile-result-summary span{color:#9b8a81;margin-top:3px;font-size:9px;display:block}.mobile-size-summary{cursor:pointer;box-shadow:0 0 0 2px #ef5f833d,0 5px 16px #634a3a12!important}.mobile-size-summary span{color:#df5177;font-weight:800}.mobile-size-hint{color:#786746;background:#fff7d9;border-radius:12px;margin:9px 3px 0;padding:9px 11px;font-size:10px;line-height:1.55}.mobile-size-hint strong{color:#df5177}.mobile-result-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;display:grid}.mobile-result-actions.single{grid-template-columns:1fr}.mobile-result-actions button{cursor:pointer;border:0;min-height:54px;font-size:15px;font-weight:900}.mobile-secondary-action{color:#62554e;background:#fff;box-shadow:0 6px 18px #634a3a14;border-radius:15px!important}.mobile-primary-action{color:#302819;background:#f7d75c;box-shadow:0 7px 18px #d2b03033;border-radius:15px!important}.mobile-size-modal-backdrop{z-index:80;padding:18px 12px calc(18px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#241c177a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-size-modal{background:#fffdfa;border-radius:22px;width:min(100%,520px);padding:17px;box-shadow:0 24px 70px #281a1247}.mobile-size-modal header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-size-modal header strong{color:#2d2521;font-size:18px;display:block}.mobile-size-modal header span{color:#9b8a81;margin-top:3px;font-size:10px;display:block}.mobile-size-modal header button{color:#df5177;cursor:pointer;background:#fff0f4;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.mobile-size-inputs{grid-template-columns:1fr 22px 1fr;align-items:end;gap:7px;margin-top:17px;display:grid}.mobile-size-inputs>b{color:#a8968c;text-align:center;padding-bottom:12px}.mobile-size-inputs label{gap:5px;display:grid;position:relative}.mobile-size-inputs label span{color:#655850;font-size:10px;font-weight:800}.mobile-size-inputs input{color:#29211d;background:#fff;border:1px solid #e5d8d1;border-radius:13px;outline:none;width:100%;height:48px;padding:0 34px 0 12px;font-size:17px;font-weight:900}.mobile-size-inputs input:focus{border-color:#ef5f83;box-shadow:0 0 0 3px #ef5f831f}.mobile-size-inputs em{color:#aa9a91;font-size:10px;font-style:normal;position:absolute;bottom:15px;right:12px}.mobile-size-quick{align-items:center;gap:6px;margin-top:12px;display:flex;overflow-x:auto}.mobile-size-quick span{color:#75675f;flex:none;font-size:10px;font-weight:800}.mobile-size-quick button{color:#62554e;cursor:pointer;background:#fff;border:1px solid #eaded7;border-radius:10px;flex:none;min-width:43px;height:32px;font-weight:800}.mobile-size-modal>p{color:#786746;background:#fff7d9;border-radius:12px;margin:13px 0 0;padding:10px 11px;font-size:10px;line-height:1.6}.mobile-size-modal>p strong{color:#df5177}.mobile-size-regenerate{color:#fff;cursor:pointer;background:#ef5f83;border:0;border-radius:14px;width:100%;min-height:50px;margin-top:13px;font-size:15px;font-weight:900;box-shadow:0 8px 20px #ef5f833d}.mobile-size-regenerate:disabled{opacity:.55}.mobile-result-ad{margin-top:12px}.mobile-color-usage{background:#fff;border:1px solid #ede1da;border-radius:17px;margin-top:12px;overflow:hidden}.mobile-color-usage summary{color:#443933;cursor:pointer;justify-content:space-between;padding:14px;font-size:12px;font-weight:900;display:flex}.mobile-color-usage summary b{color:#ef5f83}.mobile-color-usage>div{border-top:1px solid #f1e8e2;max-height:220px;overflow:auto}.mobile-color-usage>div>div{border-bottom:1px solid #f5efeb;grid-template-columns:24px 1fr auto 44px;align-items:center;gap:8px;padding:8px 13px;font-size:10px;display:grid}.mobile-color-usage i{border:1px solid #0000001a;border-radius:8px;width:22px;height:22px}.mobile-color-usage em{color:#9a8b83;text-align:right;font-size:9px;font-style:normal}.mobile-download-row{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.mobile-download-row button{color:#675950;cursor:pointer;background:#fff;border:1px solid #e6dad3;border-radius:12px;min-height:42px;font-size:9px;font-weight:800}.mobile-editor-page{color:#252525;background:linear-gradient(#fff8f0,#f4fffbd9);max-width:680px;min-height:100dvh;margin:0 auto}.mobile-editor-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf6f5;border-bottom:1px solid #f0dfd7;grid-template-columns:74px 1fr 74px;align-items:center;min-height:56px;padding:0 10px;display:grid;position:sticky;top:0}.mobile-editor-header button{color:#d94b72;cursor:pointer;background:#fff0f4;border:0;border-radius:11px;height:36px;font-weight:800}.mobile-editor-header strong{text-align:center;color:#302722;font-size:15px}.mobile-editor-header .done{color:#fff;background:#ef5f83}.mobile-editor-commandbar{z-index:19;background:#fffffff5;border-bottom:1px solid #f0e4de;align-items:center;gap:8px;min-height:52px;padding:7px 10px;display:flex;position:sticky;top:56px}.mobile-editor-commandbar>button{cursor:pointer;background:#fff;border:1px solid #e0dbd6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:38px;font-size:16px;display:flex}.mobile-editor-commandbar>button span{font-size:8px}.mobile-editor-commandbar>button:disabled{opacity:.35}.mobile-zoom-control{background:#fff;border:1px solid #ddd7d2;border-radius:11px;grid-template-columns:38px 38px 38px;align-items:center;margin-left:auto;display:grid;overflow:hidden}.mobile-zoom-control button{color:#ef5f83;cursor:pointer;background:#fff;border:0;height:38px;font-size:18px}.mobile-zoom-control b{text-align:center;font-size:11px}.mobile-edit-canvas-shell{padding:10px 10px 0}.mobile-edit-canvas-scroll{touch-action:pan-x pan-y;overscroll-behavior:contain;background:#fff;border:1px solid #eaded7;border-radius:17px;height:calc(100dvh - 330px);min-height:330px;padding:8px;overflow:auto;box-shadow:0 9px 24px #634a3a17}.mobile-edit-canvas-scroll canvas{cursor:crosshair;margin:auto;display:block}.mobile-canvas-hint{color:#958981;text-align:center;padding:6px 0 3px;font-size:9px}.mobile-tool-dock{z-index:18;padding:8px 10px calc(9px + env(safe-area-inset-bottom));background:#fffcf9fa;border-top:1px solid #eaded7;position:sticky;bottom:0;box-shadow:0 -8px 24px #382b221a}.mobile-tool-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mobile-tool-row button{color:#49423d;cursor:pointer;background:#f8f6f4;border:1px solid #e1dcd7;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;display:flex}.mobile-tool-row button b{font-size:17px}.mobile-tool-row button span{font-size:9px}.mobile-tool-row button.active{color:#fff;background:#ef5f83;border-color:#ef5f83}.mobile-selected-tool{background:#fff5d4;border-radius:9px;justify-content:space-between;align-items:center;margin-top:7px;padding:6px 9px;font-size:9px;display:flex}.mobile-selected-tool strong{color:#765d0e}.mobile-color-strip{gap:7px;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-color-strip button{cursor:pointer;background:#f4f0ec;border:2px solid #0000;border-radius:10px;flex:none;min-width:48px;padding:3px}.mobile-color-strip button.selected{border-color:#ef5f83}.mobile-color-strip i{border-radius:7px;place-items:center;width:40px;height:34px;font-size:10px;font-style:normal;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #00000014}.mobile-color-strip span{color:#857a72;text-align:center;margin-top:2px;font-size:8px;display:block}.mobile-all-colors{background:#f6f3f0;border-radius:10px;margin-top:7px}.mobile-all-colors summary{color:#625a55;cursor:pointer;padding:8px 10px;font-size:10px;font-weight:800}.mobile-all-colors>div{grid-template-columns:repeat(7,1fr);gap:5px;max-height:150px;padding:0 8px 8px;display:grid;overflow:auto}.mobile-all-colors button{cursor:pointer;border:2px solid #0000;border-radius:7px;min-height:30px;font-size:8px;font-weight:800}.mobile-all-colors button.selected{border-color:#ef5f83}.mobile-safe-space{height:max(16px,env(safe-area-inset-bottom))}@media (max-width:420px){.mobile-result-page{padding-left:10px;padding-right:10px}.mobile-preview-card{min-height:340px}.mobile-edit-canvas-scroll{height:calc(100dvh - 320px);min-height:300px}}@media (max-width:720px){input,select,textarea{font-size:16px!important}}.mobile-export-preview{z-index:120;color:#fff;background:#111;flex-direction:column;display:flex;position:fixed;inset:0}.mobile-export-preview>header{background:#151515;border-bottom:1px solid #ffffff14;grid-template-columns:46px 1fr 58px;align-items:center;gap:8px;min-height:64px;padding:10px 14px;display:grid}.mobile-export-preview>header button{color:#fff;cursor:pointer;background:#2a2a2a;border:0;border-radius:14px;height:42px;font-size:27px}.mobile-export-preview>header button.save{background:#ef5f83;font-size:13px;font-weight:900}.mobile-export-preview>header div{text-align:center;min-width:0}.mobile-export-preview>header strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.mobile-export-preview>header span{color:#aaa;margin-top:3px;font-size:9px;display:block}.mobile-export-preview-canvas{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0d0d0d;flex:1;min-height:0;padding:18px 0;overflow:auto}.mobile-export-preview-canvas img{touch-action:pan-x pan-y pinch-zoom;background:#fff;width:100%;height:auto;min-height:1px;margin:0 auto;display:block}.mobile-export-preview>footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:#181818;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-export-preview>footer span{color:#bbb;font-size:10px;line-height:1.45}.mobile-export-preview>footer button{color:#fff;background:linear-gradient(135deg,#f36b8c,#e94e78);border:0;border-radius:15px;flex:0 0 128px;min-height:44px;font-size:13px;font-weight:900}.mobile-export-preview .toast,.mobile-result-page>.toast{z-index:140}.mobile-header-action:disabled,.mobile-download-row button:disabled{opacity:.56}.mobile-export-wait{z-index:115;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#161211d1;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.mobile-export-wait .button-spinner{border-width:4px;width:38px;height:38px;margin-bottom:18px}.mobile-export-wait strong{font-size:17px}.mobile-export-wait p{color:#ddd;margin:10px 0 0;font-size:11px;line-height:1.6}.mobile-export-zoom{background:#181818;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:7px 14px;display:flex}.mobile-export-zoom span{color:#aaa;margin-right:4px;font-size:10px}.mobile-export-zoom button{color:#ddd;background:#242424;border:1px solid #424242;border-radius:11px;min-width:58px;height:32px;font-size:11px;font-weight:800}.mobile-export-zoom button.active{color:#fff;background:#ef5f83;border-color:#ef5f83}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}