/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.grid{display:grid}.hidden{display:none}}:root{--ink:#202432;--muted:#73798a;--paper:#f7f5ef;--panel:#fffdf9;--line:#e6e2da;--orange:#e76138;--orange-dark:#bd4223;--blue:#2c496e;--shadow:0 16px 42px #241f1714}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 10% 0%, #ffd7b238, transparent 30rem), var(--paper);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{width:min(1540px,100% - 40px);margin:0 auto;padding:24px 0 28px}.topbar,.intro,.workspace,.footer{box-shadow:var(--shadow);background:#fffdf9db;border:1px solid #e6e2dae6}.topbar{border-radius:18px;justify-content:space-between;align-items:center;min-height:68px;padding:12px 18px;display:flex}.restore-banner{color:#514434;background:#fff4dd;border:1px solid #edcf99;border-radius:13px;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:12px;display:flex}.restore-banner span{color:#7c7061;flex:1}.restore-banner button{background:#fffdf9;border:1px solid #d8b778;border-radius:7px;padding:7px 10px;font-size:11px}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:var(--orange);border-radius:12px 12px 4px;place-items:center;width:37px;height:37px;font-family:Georgia,serif;font-size:23px;font-weight:700;display:grid;transform:rotate(-4deg)}.brand div{gap:2px;display:grid}.brand strong{letter-spacing:-.02em;font-family:Georgia,Songti SC,serif;font-size:19px}.brand span:not(.brand-mark){color:var(--muted);font-size:12px}.privacy-note,.helper-text,.canvas-hint,.materials-empty{color:var(--muted);font-size:12px;line-height:1.6}.privacy-note{margin:0}.intro{border-radius:22px;justify-content:space-between;align-items:center;gap:28px;margin:18px 0;padding:34px 38px;display:flex}.eyebrow{color:var(--orange-dark);letter-spacing:.13em;margin:0 0 7px;font-size:11px;font-weight:700}.intro h1{letter-spacing:-.055em;max-width:620px;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(31px,4vw,52px);line-height:1.04}.intro>div>p:not(.eyebrow){color:#5d6573;max-width:635px;margin:17px 0 0;font-size:15px;line-height:1.8}.intro-chip{text-align:center;color:#fff;background:var(--blue);border-radius:50% 50% 48% 52%;flex:0 0 132px;place-content:center;min-height:132px;display:grid;transform:rotate(6deg)}.intro-chip span{font-family:Georgia,serif;font-size:43px;font-weight:700;line-height:.9}.intro-chip small{letter-spacing:.08em;margin-top:8px;font-size:11px}.workspace{border-radius:22px;grid-template-columns:275px minmax(420px,1fr) 260px;gap:0;min-height:690px;display:grid;overflow:hidden}.control-panel,.materials-panel{background:#fffdf9b3}.control-panel{border-right:1px solid var(--line)}.materials-panel{border-left:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.panel-section{border-bottom:1px solid var(--line);padding:22px}.section-heading{align-items:baseline;gap:9px;margin-bottom:15px;display:flex}.section-heading span{color:var(--orange);font-size:11px;font-weight:700}.section-heading h2,.canvas-toolbar h2,.materials-heading h2{margin:0;font-size:15px}.upload-zone{text-align:center;background:#fffaf2;border:1px dashed #d7c9b7;border-radius:15px;align-content:center;place-items:center;min-height:133px;padding:15px;transition:border-color .16s,background .16s;display:grid}.upload-zone:hover{border-color:var(--orange);background:#fff7eb}.upload-zone input{display:none}.upload-icon{width:31px;height:31px;color:var(--orange-dark);background:#ffe2d5;border-radius:50%;place-items:center;margin-bottom:7px;font-size:23px;font-weight:300;line-height:1;display:grid}.upload-zone strong{text-overflow:ellipsis;white-space:nowrap;max-width:205px;font-size:13px;overflow:hidden}.upload-zone small{color:var(--muted);margin-top:5px;font-size:11px}.crop-preview-shell{background:#ede9e2;border-radius:12px;justify-content:center;margin-top:12px;display:flex;overflow:hidden}.crop-stage{touch-action:none;max-width:100%;display:inline-block;position:relative}.source-preview{width:auto;max-width:100%;max-height:152px;margin:0;display:block}.crop-frame{z-index:1;pointer-events:none;border:2px solid var(--orange);min-width:2px;min-height:2px;position:absolute;box-shadow:0 0 0 100vmax #2024326b}.crop-handle{z-index:2;pointer-events:auto;border:2px solid var(--orange-dark);touch-action:none;background:#fff;border-radius:50%;width:12px;height:12px;padding:0;position:absolute}.crop-handle.top-left{cursor:nwse-resize;top:2px;left:2px}.crop-handle.top{cursor:ns-resize;top:2px;left:calc(50% - 6px)}.crop-handle.top-right{cursor:nesw-resize;top:2px;right:2px}.crop-handle.right{cursor:ew-resize;top:calc(50% - 6px);right:2px}.crop-handle.bottom-right{cursor:nwse-resize;bottom:2px;right:2px}.crop-handle.bottom{cursor:ns-resize;bottom:2px;left:calc(50% - 6px)}.crop-handle.bottom-left{cursor:nesw-resize;bottom:2px;left:2px}.crop-handle.left{cursor:ew-resize;top:calc(50% - 6px);left:2px}.crop-controls{background:#f7f4ee;border-radius:11px;gap:9px;margin-top:12px;padding:10px;display:grid}.crop-heading{color:#4c5360;justify-content:space-between;align-items:center;font-size:11px;display:flex}.crop-heading button{color:var(--orange-dark);background:0 0;border:0;padding:0;font-size:11px}.crop-controls label{color:#6c7280;grid-template-columns:1fr 1fr;gap:5px 6px;font-size:10px;display:grid}.crop-controls label input{width:100%;accent-color:var(--orange)}.crop-controls label input:first-of-type{grid-column:1}.size-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.size-grid label,.range-label{color:#5b6170;gap:7px;font-size:11px;font-weight:700;display:grid}.size-grid input{width:100%;color:var(--ink);background:#fff;border:1px solid #dbd7cf;border-radius:9px;padding:9px 8px;font-size:14px}.range-label{grid-template-columns:1fr auto;align-items:center;margin-top:16px}.range-label input{width:100%;accent-color:var(--orange);grid-column:1/-1}.range-label strong{color:var(--orange-dark)}.helper-text{margin:10px 0 0}.generation-progress{color:var(--orange-dark);margin:8px 0 0;font-size:11px;line-height:1.45}.selected-color{align-items:center;gap:10px;margin-bottom:13px;display:flex}.tool-row{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px;display:grid}.tool-button{color:#626978;background:#fff;border:1px solid #ddd7cc;border-radius:8px;padding:7px 5px;font-size:11px}.tool-button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.selected-color>span{border:2px solid #fff;border-radius:9px;width:30px;height:30px;box-shadow:0 0 0 1px #d8d4cc}.selected-color div{gap:2px;display:grid}.selected-color strong{font-size:14px}.selected-color small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.palette-strip{grid-template-columns:repeat(12,1fr);gap:4px;max-height:148px;padding:3px;display:grid;overflow-y:auto}.palette-swatch{aspect-ratio:1;border:1px solid #23232324;border-radius:4px;padding:0}.palette-swatch.selected{outline:2px solid var(--orange);outline-offset:2px}.canvas-panel{background-color:#f8f6f1;background-image:linear-gradient(90deg,#39342d07 1px,#0000 1px),linear-gradient(#39342d07 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;min-width:0;padding:22px;display:flex}.canvas-toolbar,.materials-heading{justify-content:space-between;align-items:center;display:flex}.canvas-toolbar{gap:12px}.canvas-toolbar h2,.materials-heading h2{font-size:22px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.toolbar-actions button,.export-actions button{color:#525969;background:#fffdf9;border:1px solid #ded9d0;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}.toolbar-actions button:hover,.export-actions button:hover{border-color:#bcb4a8}.export-actions .cancel-export{color:#b94629;background:#fff3ee;border-color:#edbaa8}.export-progress{color:var(--orange-dark);font-variant-numeric:tabular-nums;grid-column:1/-1;margin:2px 0 4px;font-size:12px}.toggle{color:#5f6675;align-items:center;gap:6px;font-size:12px;display:flex}.toggle input{accent-color:var(--orange)}.canvas-wrap{background:#ffffff73;border:1px solid #d8d3cac7;border-radius:16px;flex:none;place-items:center;height:min(70vh,700px);min-height:460px;margin-top:18px;padding:20px;display:grid;overflow:auto}.canvas-wrap.ready{place-items:start}.canvas-stack{flex:none;line-height:0;display:inline-block;position:relative}.canvas-stack canvas{image-rendering:pixelated;display:block;box-shadow:0 12px 35px #2e28201a}.canvas-stack .overlay-canvas{cursor:crosshair;touch-action:none;box-shadow:none;position:absolute;inset:0;width:100%!important;height:100%!important}.canvas-stack .overlay-canvas.is-panning{cursor:grab}.canvas-stack .overlay-canvas.is-panning:active{cursor:grabbing}.zoom-control{color:#5f6675;align-items:center;gap:5px;font-size:11px;display:flex}.zoom-control input{width:80px;accent-color:var(--orange)}.zoom-control span{font-variant-numeric:tabular-nums;min-width:32px}.toolbar-actions .active-view{color:var(--orange-dark);background:#ffede6;border-color:#e6b29c}.wide{width:100%;margin-top:14px}.source-memory-warning{color:#7f4a22;background:#fff4df;border:1px solid #efd4a1;border-radius:9px;margin:12px 0 0;padding:9px 10px;font-size:12px;line-height:1.55}.transparent-swatch{background-color:#f4f0e9!important;background-image:linear-gradient(45deg,#73695e38 25%,#0000 25% 75%,#73695e38 75%),linear-gradient(45deg,#73695e38 25%,#0000 25% 75%,#73695e38 75%)!important;background-position:0 0,5px 5px!important;background-size:10px 10px!important}.empty-canvas{text-align:center;place-items:center;max-width:310px;display:grid}.empty-canvas>span{color:#d8c3b1;font-family:Georgia,serif;font-size:72px;line-height:.75}.empty-canvas strong{margin-top:21px;font-family:Georgia,Songti SC,serif;font-size:21px}.empty-canvas p{color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.7}.canvas-hint{margin:13px 2px 0}.materials-heading{border-bottom:1px solid var(--line);padding:22px}.materials-heading>span{color:var(--orange-dark);background:#ffede6;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700}.materials-list{flex:1;max-height:520px;padding:10px 15px;overflow-y:auto}.material-summary{border-bottom:1px solid var(--line);gap:8px;padding:10px 15px;display:flex}.material-summary span{color:#5b6170;background:#f4f1ea;border-radius:6px;padding:4px 6px;font-size:10px}.material-row{border-bottom:1px solid #f0ede8;grid-template-columns:14px 37px 1fr auto;align-items:center;gap:8px;min-height:34px;display:grid}.material-dot{border:1px solid #28282821;border-radius:50%;width:13px;height:13px}.material-row strong{font-size:12px}.material-row small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.material-row b{min-width:20px;color:var(--blue);text-align:right;font-size:12px}.materials-empty{margin:20px 3px}.review-panel{background:#fff8f2;border-top:1px solid #eee3d8;border-bottom:1px solid #eee3d8;padding:13px 15px}.review-heading{color:#5b493f;justify-content:space-between;align-items:center;font-size:12px;display:flex}.review-heading span{color:#fff;background:var(--orange);border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-weight:700;display:grid}.review-panel>p,.review-empty{color:#827970;margin:7px 0 0;font-size:10px;line-height:1.55}.review-list{gap:5px;max-height:142px;margin-top:9px;display:grid;overflow-y:auto}.review-row{background:#fffc;border-radius:6px;grid-template-columns:18px 1fr auto auto;align-items:center;gap:5px;padding:5px;display:grid}.confidence{color:#8a6423;font-size:10px;font-weight:700}.confidence.high{color:var(--orange-dark)}.review-row small{color:#686e7a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.review-row button{color:#fff;background:var(--blue);border:0;border-radius:4px;padding:3px 5px;font-size:10px}.review-row button.dismiss{color:#6e747e;background:0 0}.modal-backdrop{z-index:20;background:#1f1c186b;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.confirm-modal{background:#fffdf9;border-radius:16px;width:min(390px,100%);padding:24px;box-shadow:0 20px 60px #0000003d}.confirm-modal h2{margin:0;font-size:19px}.confirm-modal p{color:#68707c;margin:12px 0 19px;font-size:13px;line-height:1.7}.confirm-modal>div{justify-content:flex-end;gap:8px;display:flex}.confirm-modal button{background:#fff;border:1px solid #ded9d0;border-radius:8px;padding:8px 11px;font-size:12px}.export-actions{border-top:1px solid var(--line);gap:8px;padding:16px;display:grid}.export-actions .primary{color:#fff;background:var(--orange);border-color:var(--orange)}.export-actions .primary:hover{background:var(--orange-dark)}.footer{color:var(--muted);border-radius:14px;justify-content:space-between;gap:20px;margin-top:18px;padding:14px 18px;font-size:11px;display:flex}@media (width<=1060px){.workspace{grid-template-columns:250px minmax(400px,1fr)}.materials-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:220px 1fr 170px;display:grid}.materials-heading,.materials-list,.export-actions{border-top:0;border-bottom:0}.materials-list{max-height:210px}}@media (width<=760px){.app-shell{width:min(100% - 22px,620px);padding-top:11px}.topbar,.intro,.footer{border-radius:14px}.privacy-note{display:none}.intro{padding:25px 22px}.intro-chip{display:none}.workspace{display:block;overflow:visible}.control-panel,.materials-panel{border:0}.canvas-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:530px}.canvas-wrap{height:min(62vh,620px);min-height:360px}.canvas-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-start;width:100%}.zoom-control{flex:150px;min-width:150px}.zoom-control input{flex:1;min-width:0}.materials-panel{display:block}.materials-list{max-height:260px}.footer{flex-direction:column;gap:6px}}