@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--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{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.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,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.identity-gate{color:#f7f7f7;background:#0c0c0c;place-items:center;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.identity-card{background:#171717;border:1px solid #353535;border-radius:14px;gap:14px;width:min(380px,100%);padding:30px;display:grid;box-shadow:0 20px 60px #0008}.identity-mark{color:#05130b;background:#00e879;border-radius:10px;place-items:center;width:46px;height:46px;font-size:13px;font-weight:900;display:grid}.identity-card h1{margin:4px 0 0;font-size:22px}.identity-card p,.identity-card>small{color:#a1a1a1;margin:0;font-size:12px;line-height:1.55}.identity-card label{gap:6px;font-size:12px;font-weight:700;display:grid}.identity-card input{color:#fff;background:#101010;border:1px solid #444;border-radius:7px;outline:none;height:42px;padding:0 11px}.identity-card input:focus{border-color:#00e879}.identity-card .primary{color:#06140c;background:#00e879;border:0;height:42px}.identity-error{color:#ff6868!important}.account-tool{padding:0 9px;width:auto!important;font-size:10px!important}.header .tools button:disabled{color:#9eafa0!important;background:#245c2a!important;border-color:#245c2a!important}.header{background:#050505!important;border-bottom-color:#292929!important}.header,.header .brand{color:#fff;overflow:hidden}.header .brand{width:280px;height:68px;padding:5px 0}.header .brand-logo{object-fit:contain;object-position:left center;transform-origin:0;width:250px;height:58px;display:block;transform:scale(1.2)}.header .step{color:#8f8f8f}.header .step:not(:last-child):after{background:#3d3d3d}.header .step.done:after{background:#fff}.header .step.active{color:#fff}.header .step i{color:#aaa;border-color:#686868;flex:0 0 28px}.header .step.active i,.header .step.done i{color:#050505;background:#fff;border-color:#fff}.header .toolbar-btn,.header .tools button{color:#fff;background:#111;border-color:#3b3b3b}.header .toolbar-btn:hover,.header .tools button:hover{background:#242424;border-color:#666}.header .tools button:disabled{color:#777}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden}button,input{font:inherit}.app{--bg:#f3f3f3;--line:#d9d9d9;--text:#111;--muted:#717171;--accent:#111;background:var(--bg);min-height:100vh;color:var(--text);grid-template-rows:68px 1fr 58px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.app.dark{--bg:#0c0c0c;--panel:#171717;--line:#333;--text:#f7f7f7;--muted:#a1a1a1;--accent:#f4f4f4}.header{background:var(--panel);border-bottom:1px solid var(--line);z-index:2;height:68px;padding:0 22px}.brand,.header{align-items:center;display:flex}.brand{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;width:280px}.brand .mark{color:#fff;background:#111;border-radius:8px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:grid;box-shadow:0 5px 14px #0002}.dark .brand .mark{color:#111;background:#f5f5f5}.brand b,.brand small{display:block}.brand b{font-size:17px}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.steps{flex:1;justify-content:center}.step,.steps{align-items:center;display:flex}.step{color:var(--muted);cursor:default;gap:8px}.step:not(:last-child):after{content:"";background:var(--line);width:78px;height:2px;margin:0 12px}.step.done:after{background:var(--accent)}.step i{border:2px solid var(--line);place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid}.step.active{color:var(--accent);font-weight:700}.step.active i,.step.done i{background:var(--accent);color:var(--panel);border-color:var(--accent)}.tools{justify-content:flex-end;gap:8px;width:260px;display:flex}.toolbar-btn,.tools button{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:7px}.main{grid-template-columns:286px 1fr 260px;gap:12px;min-height:0;padding:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:auto;box-shadow:0 1px 3px #00000008}.export-options,.left,.materials,.right{padding:17px}.panel h2{margin:0 0 18px;font-size:16px}.panel h3{border-bottom:1px solid var(--line);margin:0 -17px 14px;padding:0 17px 14px;font-size:14px}.panel h3:not(:first-child){margin-top:23px}.panel label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:42px;font-size:13px;display:flex}.panel input[type=number]{background:var(--bg);width:66px;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:5px}.panel input[type=range]{accent-color:#111;width:100%}.panel input[type=checkbox]{accent-color:#111;width:16px;height:16px}.upload{border:2px dashed var(--line);text-align:center;cursor:pointer;height:230px;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:9px;transition:all .2s;display:flex}.upload.dragging,.upload:hover{border-color:var(--accent);background:#00000008}.upload b{color:var(--text);font-size:13px}.file-card small,.upload small{font-size:11px}.upload-icon{color:#a3a3a3;font-size:52px}.file-card{text-align:center;flex-direction:column;gap:8px;display:flex}.file-card img{object-fit:contain;border-radius:6px;max-width:100%;max-height:145px}.primary,.secondary{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:9px 17px;font-weight:650}.primary{background:var(--accent);color:var(--panel)}.primary:disabled{opacity:.4;cursor:not-allowed}.secondary{background:var(--panel);border-color:var(--line);color:var(--text)}.full{width:100%;margin-top:18px}.link{color:var(--text);background:0 0;border:0;font-weight:700;text-decoration:underline}.seg{display:flex}.seg button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:6px 11px}.seg button:first-child{border-radius:5px 0 0 5px}.seg button:last-child{border-radius:0 5px 5px 0}.edit-tools button.on,.seg button.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:center;min-width:0;min-height:0;position:relative;overflow:auto}.empty,.workspace{align-items:center;display:flex}.empty{color:var(--muted);flex-direction:column;gap:12px}.empty>span{color:#b8b8b8;font-size:66px}.empty b{color:var(--text)}.empty small{font-size:12px}.original{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:30px;display:flex}.original img{object-fit:contain;max-width:100%;max-height:calc(100% - 30px);box-shadow:0 8px 30px #0002}.original span{color:var(--muted);font-size:12px}.right>small{color:var(--muted);margin:-8px 0 15px;display:block}.no-colors{text-align:center;color:var(--muted);padding:65px 0;font-size:12px}.palette{flex-direction:column;gap:5px;display:flex}.palette button{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:5px;display:grid}.palette button.chosen,.palette button:hover{border-color:var(--accent);background:#0000000b}.dark .palette button.chosen,.dark .palette button:hover{background:#ffffff10}.swatch{border:1px solid #0002;border-radius:4px;width:23px;height:23px;display:inline-block}.swatch.large{width:30px;height:30px;margin-left:auto}.palette small{color:var(--muted)}.edit-tools{grid-template-columns:1fr 1fr;gap:7px;display:grid}.edit-tools button,.history button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;padding:9px}.history{gap:7px;margin-top:16px;display:flex}.history button{flex:1}.history button:disabled{opacity:.4}.tip{color:var(--muted);margin-top:14px;line-height:1.6;display:block}.pattern-shell{min-width:min-content;padding:25px}.pattern-grid{background:#555;gap:1px;padding:1px;display:grid;box-shadow:0 5px 24px #0002}.pattern-grid button{aspect-ratio:1;cursor:crosshair;border:0;min-width:7px;padding:0}.processing{color:var(--muted)}.export-options{min-height:0}.export-preview{flex-direction:column;min-width:0;display:flex}.export-preview h2{border-bottom:1px solid var(--line);justify-content:space-between;padding:17px;display:flex}.export-preview h2 span{color:var(--muted);font-size:12px;font-weight:400}.preview-scroll{background:#bdbdbd;flex:1;justify-content:center;align-items:center;min-height:0;padding:28px;display:flex;overflow:auto}.dark .preview-scroll{background:#050505}.preview-scroll canvas{object-fit:contain;background:#fff;max-width:100%;max-height:100%;box-shadow:0 8px 28px #0004}.materials>div{border-bottom:1px solid var(--line);grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:grid}.materials .swatch{width:20px;height:20px}.materials strong{text-align:right;margin-top:14px;display:block}footer{background:var(--panel);border-top:1px solid var(--line);justify-content:space-between;padding:0 22px}footer,footer>div{align-items:center;display:flex}footer>div{gap:18px}footer span{color:var(--muted);font-size:12px}.workspace.dragging{border:2px dashed var(--accent);box-shadow:inset 0 0 0 4px var(--panel);background:#00000008}.dark .workspace.dragging{background:#ffffff0b}.workspace.dragging .empty{transform:scale(1.03)}.empty{transition:transform .16s}.empty small+small{margin-top:-5px}.file-card .next-step{margin-top:2px}.canvas-next{margin-top:3px;padding:10px 22px}.tools{width:390px}.tools .text-tool{width:auto;padding:0 12px;font-size:12px}.tools button:disabled{opacity:.4}.modal-backdrop{z-index:20;background:#0008;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.works-modal{background:var(--panel);width:min(660px,100%);max-height:76vh;color:var(--text);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #0005}.works-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.works-modal h2{margin:0 0 4px;font-size:20px}.works-modal header small{color:var(--muted)}.works-modal header button{color:var(--text);background:0 0;border:0;font-size:28px}.works-list{max-height:60vh;padding:10px;overflow:auto}.works-list article{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.work-icon{background:var(--accent);width:42px;height:42px;color:var(--panel);border-radius:8px;place-items:center;font-weight:900;display:grid}.works-list b,.works-list small,.works-list time{display:block}.works-list small,.works-list time{color:var(--muted);margin-top:3px;font-size:11px}.danger{color:#b62626;background:0 0;border:1px solid #e3b0b0;border-radius:6px;padding:9px 12px}.works-empty{text-align:center;color:var(--muted);padding:70px 20px;line-height:1.8}.reference-settings{margin:-17px}.reference-settings>h3{margin:0;padding:16px 17px}.reference-settings>:not(h3){margin-left:17px;margin-right:17px}.setting-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;font-size:13px;display:flex}.setting-line.no-border{border-bottom:0;padding-top:4px}.brand-switch{color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-end;padding:3px 0;display:flex}.brand-switch b{font-size:13px;text-decoration:underline}.brand-switch small{color:var(--muted);margin-top:2px;font-size:9px}.setting-block{border-bottom:1px solid var(--line);padding:8px 0}.setting-block.compact{border-bottom:0;padding-bottom:4px}.setting-block.last{border-bottom:0}.setting-heading{margin-bottom:6px;font-size:13px;font-weight:600}.setting-heading.split{justify-content:space-between;align-items:center;display:flex}.setting-heading input{width:76px!important}.option-tabs{gap:6px;display:flex}.option-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;flex:1;padding:7px 8px;font-size:12px}.option-tabs button.on{background:var(--accent);color:var(--panel);border-color:var(--accent)}.option-tabs.triple button{padding:7px 3px;font-size:11px}.option-tabs.wrap{flex-wrap:wrap}.option-tabs.wrap button{flex:38%}.dimension-setting p,.setting-block p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.35}.dimension-setting{padding:4px 0}.dimension-setting>div{justify-content:space-between;align-items:center;font-size:13px;display:flex}.dimension-setting label{border:0;min-height:0}.dimension-setting input[type=number]{width:82px}.dimension-setting input[type=range]{width:100%;margin-top:3px;display:block}.regenerate{width:calc(100% - 34px);margin:10px 17px 17px!important}.brand-modal{background:var(--panel);width:min(420px,100%);color:var(--text);border-radius:12px;overflow:hidden}.brand-modal header{border-bottom:1px solid var(--line);justify-content:space-between;padding:20px;display:flex}.brand-modal h2{margin:0 0 3px;font-size:19px}.brand-modal header small{color:var(--muted)}.brand-modal header button{color:var(--text);background:0 0;border:0;font-size:28px}.brand-modal>div{padding:10px}.brand-modal>div>button{text-align:left;border:1px solid #0000;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:0 0;grid-template-columns:1fr auto 24px;align-items:center;padding:13px;display:grid}.brand-modal>div>button.chosen{border-color:var(--accent);border-radius:7px}.brand-modal span{color:var(--muted);font-size:11px}.brand-modal i{text-align:right}@media (max-width:950px){.app{grid-template-rows:112px 1fr 58px}.header{flex-wrap:wrap;height:112px;padding:10px 14px}.brand,.tools{width:50%}.steps{order:3;width:100%}.step:not(:last-child):after{width:25px}.main{grid-template-columns:220px 1fr}.right{display:none}.main.export-main{grid-template-columns:240px 1fr}.materials{display:none}}@media (max-width:680px){body,html{overflow:auto}.app{grid-template-rows:auto auto 64px;height:auto;min-height:100vh}.header{position:sticky;top:0}.steps span{display:none}.main,.main.export-main{flex-direction:column;min-height:calc(100vh - 176px);display:flex}.export-options,.left{order:1}.export-preview,.workspace{order:2;min-height:55vh}.brand{width:65%}.tools{width:35%}footer{position:sticky;bottom:0}}.dark-settings-panel{border-radius:0;color:#ededed!important;background:#151515!important;border-color:#2e2e2e!important;padding:0!important}.dark-settings-panel .reference-settings{margin:0;padding:8px 16px 18px}.dark-settings-panel .reference-settings>*{margin-left:0;margin-right:0}.dark-settings-panel .canvas-adjust,.dark-settings-panel .setting-block,.dark-settings-panel .setting-line{border-color:#353535}.dark-settings-panel .setting-line{min-height:52px;font-size:14px}.dark-settings-panel .brand-switch{color:#f6f6f6;flex-direction:row;align-items:center;gap:6px}.dark-settings-panel .brand-switch b{font-size:13px;text-decoration:none}.dark-settings-panel .brand-switch small{color:#747474;margin:0;font-size:9px}.dark-settings-panel .setting-block{padding:10px 0}.dark-settings-panel .setting-heading{color:#a5a5a5;margin-bottom:7px;font-size:13px}.dark-settings-panel .option-tabs{gap:0;width:182px}.dark-settings-panel .option-tabs button{color:#555;background:#f8f8f8;border-color:#ddd;border-radius:3px;padding:8px 10px;font-weight:650}.dark-settings-panel .option-tabs button.on{color:#fff;background:#3399f3;border-color:#3399f3}.dark-settings-panel .option-tabs.triple{gap:7px;width:100%}.dark-settings-panel .option-tabs.triple button{font-size:12px}.dark-settings-panel .option-tabs.wrap{gap:7px;width:100%}.dark-settings-panel .dimension-setting p,.dark-settings-panel .setting-block p{color:#f2f2f2;font-size:10px;font-weight:650;line-height:1.45}.dark-settings-panel .setting-block p em{color:#35d9b5;font-style:normal}.dark-settings-panel input[type=range]{accent-color:#36d9b4;height:20px}.dark-settings-panel input[type=checkbox]{appearance:none;background:#202020;border:1px solid #4a4a4a;border-radius:2px;width:15px;height:15px;position:relative}.dark-settings-panel input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:-2px;left:2px}.dark-settings-panel .dimension-setting{border-bottom:1px solid #353535;padding:8px 0}.dark-settings-panel .dimension-setting>div{margin-bottom:6px;font-size:13px}.number-stepper{background:#191919;border:1px solid #3a3a3a;border-radius:4px;grid-template-columns:30px 38px 30px;height:31px;display:grid;overflow:hidden}.number-stepper button,.number-stepper input{text-align:center;min-width:0;color:#d9d9d9!important;background:#191919!important;border:0!important;border-radius:0!important;width:100%!important;padding:0!important}.number-stepper button{color:#777!important;border-right:1px solid #333!important}.number-stepper button:last-child{border-left:1px solid #333!important;border-right:0!important}.number-stepper input{appearance:textfield}.number-stepper input::-webkit-inner-spin-button{appearance:none}.canvas-adjust{border-bottom:1px solid #353535;padding:10px 0}.adjust-title{color:#aaa;justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.adjust-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.adjust-grid label{color:#eee;font-weight:700;border:0!important;justify-content:flex-start!important;min-height:31px!important;font-size:11px!important}.adjust-grid .number-stepper{margin-left:auto}.fill-row{align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.fill-row button{color:#eee;background:#202020;border:1px solid #3a3a3a;border-radius:3px;height:25px;padding:0 8px}.fill-row i{vertical-align:-2px;background:#fff;border-radius:1px;width:12px;height:12px;margin-right:4px;display:inline-block}.fill-row small{color:#ddd;font-size:9px;font-weight:650}.dark-settings-panel .regenerate{color:#fff;background:#0f0f0f;border:1px solid #333;border-radius:4px;width:100%;padding:12px;margin:12px 0 0!important}.dark-settings-panel::-webkit-scrollbar{width:7px}.dark-settings-panel::-webkit-scrollbar-thumb{background:#343434;border-radius:8px}.remove-bg{text-align:left;color:#f4fffc;cursor:pointer;background:#173d36;border:1px solid #2c8f7c;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;column-gap:8px;width:100%;padding:9px 10px;display:grid;margin:8px 0 2px!important}.remove-bg:hover{background:#1d4b42}.remove-bg>span{color:#10251f;background:#32d4b1;border-radius:50%;grid-row:1/3;place-items:center;width:27px;height:27px;display:grid}.remove-bg b{font-size:12px}.remove-bg small{color:#9bdaca;margin-top:2px;font-size:9px}.edge-repair{background:#1c2943;border-color:#4c69a5;margin-top:6px!important}.edge-repair:hover{background:#253657}.edge-repair>span{color:#12203d;background:#76a4ff}.edge-repair small{color:#afc8f7}.grouped-brand-modal{flex-direction:column;width:min(680px,100vw - 32px);height:min(620px,82vh);display:flex}.grouped-brand-modal .brand-dialog-body{flex:1;grid-template-columns:190px 1fr;min-height:0;padding:0;display:grid}.grouped-brand-modal .brand-group-list{border-right:1px solid var(--line);background:var(--bg);padding:8px;overflow:auto}.grouped-brand-modal .brand-group-list button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:3px;padding:11px 12px;display:flex}.grouped-brand-modal .brand-group-list button.active{background:var(--accent);color:var(--panel);font-weight:700}.grouped-brand-modal .brand-group-list small{opacity:.65;font-size:11px}.grouped-brand-modal .brand-spec-list{padding:20px;overflow:auto}.grouped-brand-modal .brand-spec-list h3{border:0;margin:0 0 16px;padding:0;font-size:17px}.brand-spec-grid{grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;display:grid}.grouped-brand-modal .brand-spec-grid button{border:1px solid var(--line);background:var(--panel);min-height:82px;color:var(--text);text-align:center;cursor:pointer;border-radius:8px;place-content:center;display:grid;position:relative}.grouped-brand-modal .brand-spec-grid button.active,.grouped-brand-modal .brand-spec-grid button:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.grouped-brand-modal .brand-spec-grid button.active:after{content:"✓";font-weight:800;position:absolute;top:5px;right:7px}.grouped-brand-modal .brand-spec-grid b{font-size:20px}.grouped-brand-modal .brand-spec-grid span{color:var(--muted);font-size:11px}.grouped-brand-modal .brand-spec-grid small{color:var(--muted);margin-top:5px;font-size:9px}@media (max-width:600px){.grouped-brand-modal .brand-dialog-body{grid-template-columns:125px 1fr}.brand-spec-grid{grid-template-columns:repeat(2,minmax(72px,1fr))}.grouped-brand-modal .brand-spec-list{padding:12px}}.save-modal{background:var(--panel);width:min(440px,100%);color:var(--text);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #0005}.save-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.save-modal h2{margin:0 0 4px;font-size:20px}.save-modal header small{color:var(--muted)}.save-modal header button{color:var(--text);background:0 0;border:0;font-size:28px}.save-modal>label{gap:8px;padding:22px;font-size:13px;font-weight:700;display:grid}.save-modal input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:7px;outline:none;padding:11px 12px}.save-modal input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7772}.save-modal>p{color:#d33;margin:-10px 22px 18px;font-size:12px}.save-modal>footer{background:var(--bg);border-top:1px solid var(--line);justify-content:flex-end;gap:9px;height:auto;padding:14px 22px;display:flex;position:static}.save-modal>footer button{min-width:92px}.board-presets{border-bottom:1px solid #353535;padding:10px 0}.board-presets>div:first-child{color:#aaa;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.board-presets>div:last-child{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.board-presets button{color:#eee;cursor:pointer;background:#202020;border:1px solid #3c3c3c;border-radius:5px;gap:2px;padding:8px 3px;display:grid}.board-presets button.active{color:#fff;background:#3399f3;border-color:#3399f3}.board-presets b{font-size:12px}.board-presets small{opacity:.72;font-size:9px}@media (max-width:900px){body,html{height:auto;min-height:100%;overflow:auto}.app{grid-template-rows:auto 1fr 64px;height:auto;min-height:100dvh}.header{background:var(--panel);flex-wrap:wrap;gap:8px;height:auto;min-height:108px;padding:10px 14px;display:flex;position:sticky;top:0}.brand{flex:1;width:auto;min-width:210px}.tools{flex:none;width:auto}.steps{flex-basis:100%;order:3;justify-content:center;width:100%}.step:not(:last-child):after{width:42px;margin:0 8px}.main,.main.export-main{flex-direction:column;gap:10px;min-height:calc(100dvh - 172px);padding:10px;display:flex}.export-options,.left{order:1;max-height:none}.export-preview,.workspace{order:2;min-height:68dvh;overflow:auto}.materials,.right{display:none}.dark-settings-panel{overflow:visible}.reference-settings{padding-bottom:12px!important}.pattern-shell{max-width:none;padding:18px}.export-options{overflow:visible}.export-preview{min-height:65dvh}footer{z-index:5;gap:10px;height:auto;min-height:64px;padding:9px 14px;position:sticky;bottom:0}footer>div:first-child{flex-wrap:wrap;gap:10px}footer>div:last-child{white-space:nowrap;margin-left:auto}.grouped-brand-modal{height:min(620px,88dvh)}}@media (max-width:600px){.app{grid-template-rows:auto 1fr 62px}.header{min-height:96px;padding:8px 10px}.brand{min-width:0}.brand .mark{width:34px;height:34px}.brand b{font-size:15px}.brand small{display:none}.tools{gap:5px}.tools button{width:34px;height:34px}.tools .text-tool{padding:0 8px}.tools .text-tool:first-child{align-items:center;display:inline-flex}.steps{justify-content:space-between}.step{gap:4px}.step span{display:none}.step:not(:last-child):after{width:clamp(24px,12vw,54px);margin:0 5px}.main,.main.export-main{min-height:calc(100dvh - 158px);padding:7px}.export-options,.left{padding:14px}.export-preview,.workspace{min-height:58dvh}.dark-settings-panel{padding:0!important}.dark-settings-panel .reference-settings{padding:7px 13px 14px}.option-tabs{max-width:100%}.pattern-shell{padding:12px}.pattern-grid{gap:1px}.grouped-brand-modal{height:min(650px,92dvh)}.grouped-brand-modal>header{padding:15px}.grouped-brand-modal .brand-dialog-body{grid-template-columns:112px 1fr}.grouped-brand-modal .brand-group-list{padding:5px}.grouped-brand-modal .brand-group-list button{padding:10px 7px;font-size:12px}.grouped-brand-modal .brand-spec-list{padding:10px}.brand-spec-grid{grid-template-columns:repeat(2,minmax(68px,1fr));gap:7px}.grouped-brand-modal .brand-spec-grid button{min-height:72px}.works-modal{max-height:88dvh}.works-list article{grid-template-columns:38px 1fr auto;gap:8px}.works-list article .danger{grid-column:3}.work-icon{width:36px;height:36px}.save-modal{width:100%}footer span{font-size:10px}footer>div:first-child span:nth-child(3){display:none}.primary,.secondary{padding:8px 11px}}@media (max-width:420px){.tools .text-tool:nth-child(2){display:none}.brand{max-width:190px}.main,.main.export-main{padding:5px}.export-preview,.workspace{min-height:54dvh}.board-presets>div:last-child{gap:4px}.board-presets button{padding:7px 2px}.adjust-grid{grid-template-columns:1fr}.grouped-brand-modal .brand-dialog-body{grid-template-columns:96px 1fr}.brand-spec-grid{grid-template-columns:1fr}.grouped-brand-modal .brand-spec-grid button{min-height:62px}footer>div:first-child{display:none}}.editor-toolbar{align-items:center;gap:3px;width:100%;padding:2px 0 5px;display:flex;overflow:visible}.editor-toolbar>button{border:1px solid var(--line);background:var(--panel);width:30px;height:36px;color:var(--text);cursor:pointer;border-radius:6px;flex:0 0 30px;place-items:center;padding:0;display:grid;position:relative}.editor-toolbar>button svg{width:19px;height:19px;display:block}.editor-toolbar>button.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.editor-toolbar>button:disabled{opacity:.32;cursor:not-allowed}.editor-toolbar>button[data-tooltip]:not(:disabled):after{content:attr(data-tooltip);z-index:20;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#111;border-radius:5px;padding:5px 7px;font-size:11px;font-weight:600;line-height:1;transition:all .14s;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-3px)}.editor-toolbar>button[data-tooltip]:not(:disabled):focus-visible:after,.editor-toolbar>button[data-tooltip]:not(:disabled):hover:after{opacity:1;transform:translate(-50%)}.editor-toolbar>.editor-color{border:1px solid var(--line);background:var(--bg);width:auto;height:36px;color:var(--text);cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:4px;padding:0 5px;font-size:11px;display:flex}.editor-toolbar>.editor-color:hover{border-color:var(--accent)}.editor-color .swatch{width:20px;height:20px}.toolbar-divider{background:var(--line);flex:0 0 1px;width:1px;height:25px;margin:0}.color-picker-modal{background:var(--panel);width:min(860px,100vw - 28px);height:min(700px,90dvh);color:var(--text);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px #0005}.color-picker-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.color-picker-modal h2{margin:0 0 3px;font-size:18px}.color-picker-modal header small{color:var(--muted)}.color-picker-modal header button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:27px}.color-picker-body{flex:1;grid-template-columns:minmax(0,1fr) 210px;min-height:0;display:grid}.color-picker-colors{min-width:0;padding:18px;overflow:auto}.color-section+.color-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.color-section-title{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.color-section-title h3{margin:0;font-size:15px}.color-section-title small{color:var(--muted);font-size:10px}.color-picker-grid{grid-template-columns:repeat(6,minmax(62px,1fr));gap:8px;display:grid}.color-picker-grid button{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 5px;display:flex}.color-picker-grid button.active,.color-picker-grid button:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.color-picker-grid button span{border:1px solid #0002;border-radius:4px;flex:0 0 25px;width:25px;height:25px}.color-picker-grid button b{text-overflow:ellipsis;font-size:11px;overflow:hidden}.color-picker-grid button small{color:var(--muted);margin-left:auto;font-size:9px}.color-brand-panel{border-left:1px solid var(--line);background:var(--bg);padding:18px}.color-brand-panel h3{margin:0 0 6px;font-size:15px}.color-brand-panel p{color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.5}.color-brand-panel label{gap:7px;font-size:11px;font-weight:700;display:grid}.color-brand-panel select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:var(--text);border-radius:6px;padding:9px 8px;font-size:12px}.selected-brand-card{border:1px solid var(--line);background:var(--panel);border-radius:7px;margin-top:12px;padding:12px}.selected-brand-card b,.selected-brand-card span{display:block}.selected-brand-card b{font-size:12px}.selected-brand-card span{color:var(--muted);margin-top:4px;font-size:10px}@media (max-width:700px){.color-picker-modal{height:min(760px,92dvh)}.color-picker-body{flex-direction:column;display:flex}.color-brand-panel{border-left:0;border-bottom:1px solid var(--line);order:-1;padding:12px 14px}.color-brand-panel p,.selected-brand-card{display:none}.color-brand-panel label{grid-template-columns:auto 1fr;align-items:center;display:grid}.color-picker-colors{padding:13px}.color-picker-grid{grid-template-columns:repeat(4,minmax(58px,1fr));gap:6px}}@media (max-width:390px){.color-picker-grid{grid-template-columns:repeat(3,minmax(58px,1fr))}}.workspace.pan-ready,.workspace.pan-ready .pattern-grid button{cursor:grab}.workspace.panning,.workspace.panning .pattern-grid button{cursor:grabbing}.workspace.panning{-webkit-user-select:none;user-select:none}.workspace.panning .pattern-shell{pointer-events:none}.workspace.has-pattern{display:block}.workspace.has-pattern .pattern-shell{justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:100%;display:flex}.workspace.has-pattern .pattern-grid{flex:none}.tip.shift-active{color:#16745f;font-weight:650}.dark .tip.shift-active{color:#48dfbd}.tip.shift-active b{color:inherit}.pattern-actions{grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0 7px;display:grid}.pattern-actions button{color:#eee;cursor:pointer;background:#202020;border:1px solid #3a3a3a;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:0;height:48px;padding:0 6px;display:flex}.pattern-actions button:hover{background:#2a2a2a;border-color:#666}.pattern-actions button:active{transform:translateY(1px)}.pattern-actions span{color:#fff;background:#343434;border-radius:50%;place-items:center;width:23px;height:23px;font-size:14px;display:grid}.pattern-actions b{white-space:nowrap;font-size:11px}@media (min-width:560px) and (max-width:900px){.pattern-actions{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){body,html{height:100%}.app,body,html{min-height:0;overflow:hidden}.app{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh}.header{z-index:10;flex-shrink:0;position:relative;top:auto}.main,.main.export-main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:auto;min-height:0;overflow:hidden auto}.export-options,.left{flex:none;overflow:visible}.export-preview,.workspace{flex:none}footer{z-index:10;padding-bottom:max(9px,env(safe-area-inset-bottom));flex-shrink:0;position:relative;bottom:auto;box-shadow:0 -5px 18px #0000000b}}.crop-modal{background:var(--panel);width:min(840px,100%);max-height:90dvh;color:var(--text);border:1px solid var(--line);border-radius:12px;overflow:auto;box-shadow:0 24px 80px #0006}.crop-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.crop-modal h2{margin:0 0 3px;font-size:19px}.crop-modal header small{color:var(--muted)}.crop-modal header button{color:var(--text);background:0 0;border:0;font-size:28px}.crop-body{grid-template-columns:minmax(0,1fr) 250px;gap:18px;padding:20px;display:grid}.crop-stage{background:#151515;border-radius:9px;place-items:center;min-height:360px;padding:18px;display:grid}.crop-image-wrap{max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.crop-image-wrap img{object-fit:contain;max-width:100%;max-height:52vh;display:block}.crop-shade{pointer-events:none;background:#0009;position:absolute}.crop-shade-top{top:0;left:0;right:0}.crop-shade-bottom{bottom:0;left:0;right:0}.crop-shade-left{left:0}.crop-shade-right{right:0}.crop-box{pointer-events:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #1118}.crop-box:after,.crop-box:before{content:"";opacity:.45;background:#fff;position:absolute}.crop-box:before{width:1px;top:0;bottom:0;left:50%}.crop-box:after{height:1px;top:50%;left:0;right:0}.crop-controls{flex-direction:column;gap:10px;display:flex}.crop-controls label{grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;font-size:12px;display:grid}.crop-controls input{accent-color:#111;width:100%}.crop-controls b{text-align:right}.crop-presets{gap:7px;margin-top:8px;display:grid}.crop-presets button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:9px}.crop-actions{border-top:1px solid var(--line);background:var(--panel);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex;position:sticky;bottom:0}.canvas-crop{padding:7px 14px}.file-card .secondary+.secondary{margin-top:-2px}@media (max-width:700px){.crop-body{grid-template-columns:1fr}.crop-stage{min-height:240px}.crop-image-wrap img{max-height:38vh}.crop-actions{padding-bottom:max(14px,env(safe-area-inset-bottom))}}.canvas-zoom-toolbar{z-index:6;float:right;background:var(--panel);align-items:center;gap:5px;margin:10px 10px -54px 0;padding:6px;display:flex;position:sticky;top:10px}@supports (color:color-mix(in lab,red,red)){.canvas-zoom-toolbar{background:color-mix(in srgb,var(--panel) 92%,transparent)}}.canvas-zoom-toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 4px 18px #0002}.canvas-zoom-toolbar button{border:1px solid var(--line);background:var(--panel);min-width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:5px;font-weight:750}.canvas-zoom-toolbar .zoom-value{min-width:58px;font-size:11px}.canvas-zoom-toolbar span{color:var(--muted);padding:0 5px;font-size:10px}.canvas-zoom-content{width:max-content;min-width:100%;min-height:100%}@media (max-width:600px){.canvas-zoom-toolbar span{display:none}.canvas-zoom-toolbar{margin-right:6px;top:6px}}.pattern-grid,.pattern-grid button{touch-action:none}.pattern-grid button{-webkit-user-select:none;user-select:none}.pattern-canvas-shell{min-width:min-content;min-height:min-content;line-height:0;position:relative}.pattern-canvas{touch-action:none;cursor:crosshair;image-rendering:pixelated;display:block}.pattern-canvas-reference{object-fit:fill;pointer-events:none;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.pattern-canvas-shell .cell-cursor-indicator{z-index:2;pointer-events:none;box-sizing:border-box;border:2px solid #fff;outline:1px solid #111;display:none;position:absolute;top:0;left:0}.main.editing-main{grid-template-columns:minmax(0,1fr) 260px}.canvas-editor-tools{z-index:12;border:1px solid var(--line);background:var(--panel);border-radius:10px;width:max-content;max-width:calc(100% - 24px);margin:12px 0 -108px;padding:7px 9px 6px;position:sticky;top:12px;left:12px}@supports (color:color-mix(in lab,red,red)){.canvas-editor-tools{background:color-mix(in srgb,var(--panel) 94%,transparent)}}.canvas-editor-tools{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .16s;box-shadow:0 8px 28px #0003}.canvas-editor-tools.is-hidden{opacity:0;pointer-events:none}.canvas-editor-tools.is-dragging{-webkit-user-select:none;user-select:none;transition:none}.canvas-editor-tools .editor-toolbar{width:auto;padding:0}.editor-toolbar>.toolbar-drag-handle{cursor:grab;color:var(--muted);font-size:18px}.canvas-editor-tools.is-dragging .toolbar-drag-handle,.editor-toolbar>.toolbar-drag-handle:active{cursor:grabbing}.editor-grid-toolbar{border-top:1px solid var(--line);align-items:center;gap:5px;margin-top:5px;padding-top:5px;display:flex}.editor-grid-toolbar>button{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px}.editor-grid-toolbar>button:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.editor-grid-toolbar>button:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}}.editor-grid-toolbar>small{color:var(--muted);white-space:nowrap;margin-left:3px;font-size:9px}.editor-grid-toolbar>small.shift-active{color:var(--text);font-weight:700}@media (max-width:900px){.main.editing-main{flex-direction:column;display:flex}.canvas-editor-tools{max-width:calc(100% - 12px);top:6px;left:6px;overflow:visible}.canvas-editor-tools .editor-toolbar>button{flex-basis:34px;width:34px}.editor-grid-toolbar>small{display:none}}.original{grid-template-rows:minmax(0,1fr) auto auto;place-items:center;max-height:1400px;margin:auto;display:grid;overflow:hidden}.original-image-frame{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:visible}.original-image-frame img{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.remove-source-image{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;background:#111c;border:1px solid #fff6;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:22px;font-weight:300;line-height:1;transition:opacity .14s,visibility .14s,background .15s,border-color .15s,transform .15s;display:grid;position:absolute;top:0;right:0;transform:translate(28%,-28%)scale(.94);box-shadow:0 3px 12px #0005}.original-image-frame:focus-within .remove-source-image,.original-image-frame:hover .remove-source-image{opacity:1;visibility:visible;pointer-events:auto;transform:translate(28%,-28%)scale(1)}.remove-source-image:hover{background:#111;border-color:#fff;transform:translate(28%,-28%)scale(1.04)!important}.workspace.has-pattern{overscroll-behavior:contain;scrollbar-gutter:stable}.workspace.has-pattern .canvas-zoom-content{transform-origin:0 0}.workspace.has-pattern .pattern-shell{box-sizing:border-box}@media (max-width:900px){.original{height:100%;min-height:0;max-height:none;padding:16px}.remove-source-image{width:28px;height:28px;font-size:20px}.workspace.has-pattern{min-height:calc(100dvh - 210px);max-height:calc(100dvh - 210px);overflow:auto}}.bottom-action-bar{z-index:18;background:var(--panel);flex-shrink:0;position:sticky;bottom:0;box-shadow:0 -6px 22px #00000012}@supports (color:color-mix(in lab,red,red)){.bottom-action-bar{background:color-mix(in srgb,var(--panel) 96%,transparent)}}.bottom-action-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-action-bar>div:last-child{margin-left:auto}.bottom-action-bar .primary{min-width:112px}.site-footer-credit{color:var(--muted);white-space:nowrap;pointer-events:none;opacity:.48;font-size:11px;line-height:1.2}.footer-stats{min-width:0}@media (max-width:600px){.bottom-action-bar{min-height:58px;padding:8px 12px max(8px,env(safe-area-inset-bottom))}.bottom-action-bar>.footer-stats span:not(:first-child){display:none}.bottom-action-bar>.footer-stats{max-width:34vw}.bottom-action-bar>div:last-child{gap:6px}.bottom-action-bar .primary,.bottom-action-bar .secondary{min-width:auto;padding:9px 13px}.site-footer-credit{display:none}}.color-picker-colors,.crop-modal,.main,.panel,.preview-scroll,.works-list,.workspace{scroll-behavior:auto;-webkit-overflow-scrolling:touch}.main,.panel,.workspace{overscroll-behavior:auto}.workspace{touch-action:pan-x pan-y}.workspace .pattern-grid{touch-action:none}.app{height:100dvh;min-height:0;overflow:hidden}.dark-settings-panel{overscroll-behavior-y:contain;scrollbar-gutter:stable;height:100%;min-height:0;max-height:100%;overflow:hidden scroll!important}.dark-settings-panel .reference-settings{min-height:max-content;padding-bottom:100px!important}@media (max-width:900px){.dark-settings-panel{height:auto;max-height:none;overflow:visible!important}.dark-settings-panel .reference-settings{padding-bottom:16px!important}}.palette-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.selected-color-toggle{border:1px solid var(--line);background:var(--panel);min-height:28px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:650;display:inline-flex}.selected-color-toggle i{background:#c9c9c9;border-radius:999px;width:24px;height:14px;transition:all .18s;position:relative}.selected-color-toggle i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:all .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.selected-color-toggle.on{color:var(--text);border-color:var(--accent)}.selected-color-toggle.on i{background:var(--accent)}.selected-color-toggle.on i:after{background:var(--panel);transform:translate(10px)}.selected-color-toggle:disabled{opacity:.4;cursor:not-allowed}.pattern-grid.only-selected-color{background:#777}.pattern-grid.only-selected-color .unselected-color-cell{background:#fff!important}.dark .pattern-grid.only-selected-color .unselected-color-cell{background:#f7f7f7!important}@keyframes selected-color-flash{0%,to{opacity:1;filter:none}50%{opacity:.18;filter:brightness(1.8)}}.pattern-grid.only-selected-color .selected-color-flash{animation:selected-color-flash .36s ease-in-out 2}@keyframes palette-color-anchor{0%,to{box-shadow:inset 0 0 #00ea75}25%,75%{box-shadow:inset 0 0 0 max(1px,calc(var(--cell-size) * .12)) #00ea75}50%{box-shadow:inset 0 0 0 max(1px,calc(var(--cell-size) * .12)) #fff,0 0 0 1px #00ea75}}.pattern-grid .palette-color-anchor{z-index:2;animation:palette-color-anchor .72s ease-in-out 2;position:relative}.pattern-grid.only-selected-color .selected-color-flash.palette-color-anchor{animation:selected-color-flash .36s ease-in-out 2,palette-color-anchor .72s ease-in-out 2}.replace-selected-color-button{z-index:11;float:left;color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:8px;margin:0 0 16px 16px;padding:10px 14px;font-size:12px;font-weight:750;position:sticky;bottom:16px;left:16px;box-shadow:0 6px 20px #0003}.dark .replace-selected-color-button{color:#111;background:#f5f5f5}.replace-color-modal{background:var(--panel);width:min(720px,100vw - 28px);max-height:86dvh;color:var(--text);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px #0005}.replace-color-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.replace-color-modal h2{margin:0 0 3px;font-size:18px}.replace-color-modal header small{color:var(--muted)}.replace-color-modal header>button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:27px}.replace-color-grid{grid-template-columns:repeat(8,minmax(58px,1fr));gap:7px;padding:18px;display:grid;overflow:auto}.replace-color-grid button{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 5px;display:flex}.replace-color-grid button.active,.replace-color-grid button:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.replace-color-grid button:disabled{opacity:.3;cursor:not-allowed}.replace-color-grid button span{border:1px solid #0002;border-radius:4px;flex:0 0 24px;width:24px;height:24px}.replace-color-grid button b{text-overflow:ellipsis;font-size:10px;overflow:hidden}.replace-color-modal>footer{justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:12px 18px;display:flex;position:static}.replace-color-modal>footer>div{align-items:center;gap:8px;display:flex}.replace-color-modal>footer .primary,.replace-color-modal>footer .secondary{margin:0}@media (max-width:650px){.replace-color-grid{grid-template-columns:repeat(4,minmax(58px,1fr));padding:12px}.replace-color-modal>footer{flex-direction:column;align-items:stretch}.replace-color-modal>footer>div:last-child{justify-content:flex-end}.replace-selected-color-button{margin-left:10px;bottom:10px;left:10px}}.dark-settings-panel .option-tabs:not(.triple):not(.wrap){gap:8px}.adjustment-floating-panel{z-index:13;border:1px solid var(--line);width:min(780px,100% - 28px);margin:-112px auto 14px;padding:9px 10px;position:sticky;bottom:14px;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.adjustment-floating-panel{border:1px solid color-mix(in srgb,var(--line) 80%,transparent)}}.adjustment-floating-panel{background:var(--panel);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.adjustment-floating-panel{background:color-mix(in srgb,var(--panel) 94%,transparent)}}.adjustment-floating-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:flex-end;gap:10px;display:flex;box-shadow:0 10px 32px #0003}.adjustment-mode-groups{flex:1;align-items:flex-end;gap:8px;min-width:0;display:flex}.floating-mode-group{min-width:0}.floating-mode-group small{color:var(--muted);margin:0 0 4px;font-size:9px;font-weight:700;display:block}.floating-mode-group>div{gap:4px;display:flex}.floating-mode-group button,.floating-pattern-actions button{border:1px solid var(--line);background:var(--panel);height:32px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:6px;padding:0 10px;font-size:10px;font-weight:700}.floating-mode-group button.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.pixel-mode-group,.pixel-mode-group button{flex:1}.floating-pattern-actions{gap:5px}.floating-pattern-actions button{align-items:center;gap:4px;padding:0 8px;display:flex}.floating-pattern-actions .regenerate-preview{background:var(--accent);border-color:var(--accent);color:var(--panel);padding:0 11px}@media (max-width:1150px){.adjustment-floating-panel{flex-direction:column;align-items:stretch;width:min(650px,100% - 20px);margin-top:-154px}.floating-pattern-actions{justify-content:space-between}.floating-pattern-actions button{flex:1;justify-content:center}}@media (max-width:760px){.adjustment-floating-panel{width:calc(100% - 12px);margin:-206px auto 8px;padding:8px;position:sticky;bottom:8px}.adjustment-mode-groups{flex-direction:column;align-items:stretch}.floating-mode-group>div{width:100%}.floating-mode-group button{flex:1}.floating-pattern-actions{grid-template-columns:repeat(3,1fr);display:grid}.floating-pattern-actions .regenerate-preview{grid-column:span 2}}.adjustment-floating-panel{margin-top:12px}@media (max-width:1150px){.adjustment-floating-panel{margin-top:12px}}@media (max-width:760px){.adjustment-floating-panel{margin:10px auto 8px}}.step{min-width:0}.step i{aspect-ratio:1;border-radius:50%;flex:0 0 28px;width:28px;min-width:28px;max-width:28px;height:28px;line-height:1}.canvas-editor-tools{margin-left:0;margin-right:0}.app:not(.dark) .export-options{background:#fff}.app.dark .export-options{background:#171717}.export-switch-row{cursor:pointer;position:relative}.export-switch-row input[type=checkbox]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.switch-control{background:#dedede;border:1px solid #c9c9c9;border-radius:999px;flex:0 0 38px;width:38px;height:22px;transition:background .18s,border-color .18s;position:relative}.switch-control:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0004}.export-switch-row input:checked+.switch-control{background:#111;border-color:#111}.export-switch-row input:checked+.switch-control:after{transform:translate(16px)}.export-switch-row input:focus-visible+.switch-control{outline-offset:2px;outline:2px solid #3399f3}.dark .switch-control{background:#3a3a3a;border-color:#555}.dark .switch-control:after{background:#bdbdbd}.dark .export-switch-row input:checked+.switch-control{background:#f5f5f5;border-color:#f5f5f5}.dark .export-switch-row input:checked+.switch-control:after{background:#111}.ai-quick-tools,.pixel-mode-group{border-left:1px solid var(--line);padding-left:10px}.ai-quick-tools{min-width:0}.ai-quick-tools>small{color:var(--muted);margin:0 0 4px;font-size:9px;font-weight:700;display:block}@media (max-width:1150px){.ai-quick-tools{border-left:0;border-top:1px solid var(--line);padding:8px 0 0}.floating-pattern-actions{width:100%}}@media (max-width:760px){.pixel-mode-group{border-left:0;border-top:1px solid var(--line);padding:8px 0 0}.ai-quick-tools{padding-top:8px}}.dither-toggle{margin-left:4px}.dither-toggle span{margin-right:3px;font-size:13px;line-height:1}.workspace.step-2.has-pattern{padding-top:48px;scroll-padding-top:48px}.workspace.step-2.has-pattern .pattern-shell{padding-top:0}.sidebar-regenerate{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:7px;margin:18px 0 12px;font-weight:750}.sidebar-regenerate:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.sidebar-regenerate:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}}.sidebar-regenerate span{margin-right:7px;font-size:16px}.sidebar-regenerate:disabled{opacity:.42;cursor:not-allowed}.adjust-history-button{width:36px;flex:0 0 36px!important;justify-content:center!important;padding:0!important;font-size:19px!important}.adjust-history-button:disabled{opacity:.35;cursor:not-allowed}.adjust-history-button svg{width:20px;height:20px}.dark .sidebar-regenerate{color:var(--text);border-color:var(--ui-border,var(--line));background:0 0}.workspace.step-2 .replace-selected-color-button{bottom:130px}@media (max-width:1150px){.workspace.step-2 .replace-selected-color-button{bottom:162px;transform:translateY(78px)}}@media (max-width:760px){.workspace.step-2 .replace-selected-color-button{bottom:250px;transform:none}}.crop-modal{width:min(980px,100%)}.crop-body{display:block}.crop-image-wrap{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;overflow:visible}.crop-box{pointer-events:auto;cursor:move}.crop-handle{z-index:2;background:#fff;border:2px solid #111;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 1px 5px #0005}.crop-handle-nw{cursor:nwse-resize;left:0}.crop-handle-n,.crop-handle-nw{top:0;transform:translate(-50%,-50%)}.crop-handle-n{cursor:ns-resize;left:50%}.crop-handle-ne{cursor:nesw-resize;top:0}.crop-handle-e,.crop-handle-ne{right:0;transform:translate(50%,-50%)}.crop-handle-e{cursor:ew-resize;top:50%}.crop-handle-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.crop-handle-s{cursor:ns-resize;left:50%}.crop-handle-s,.crop-handle-sw{bottom:0;transform:translate(-50%,50%)}.crop-handle-sw{cursor:nesw-resize;left:0}.crop-handle-w{cursor:ew-resize;top:50%;left:0;transform:translate(-50%,-50%)}@media (max-width:700px){.crop-stage{min-height:300px}.crop-handle{width:18px;height:18px}}.dark-settings-panel input[type=range],.panel input[type=range]{accent-color:var(--accent)}.board-presets button.active,.dark-settings-panel .option-tabs button.on{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--panel)!important}.dark-settings-panel .setting-block p em{color:var(--text)}.dark-settings-panel input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.dark-settings-panel input[type=checkbox]:checked:after{color:var(--panel)}.canvas-editor-tools>small.shift-active{color:var(--text)}.export-switch-row input:focus-visible+.switch-control{outline-color:var(--accent)}.edge-repair,.remove-bg{border-color:var(--line);background:var(--panel);color:var(--text)}.edge-repair:hover,.remove-bg:hover{background:var(--bg)}.edge-repair>span,.remove-bg>span{background:var(--accent);color:var(--panel)}.edge-repair small,.remove-bg small{color:var(--muted)}.app:not(.dark) .dark-settings-panel{color:#111!important;border-color:var(--line)!important}.app:not(.dark) .dark-settings-panel .reference-settings{background:#fff}.app:not(.dark) .dark-settings-panel .brand-switch{color:#111}.app:not(.dark) .adjust-title,.app:not(.dark) .board-presets>div:first-child,.app:not(.dark) .dark-settings-panel .brand-switch small,.app:not(.dark) .dark-settings-panel .setting-heading{color:#777}.app:not(.dark) .dark-settings-panel .option-tabs button{color:#333;background:#fff;border-color:#d8d8d8}.app:not(.dark) .number-stepper button{border-color:#e2e2e2!important}.app:not(.dark) .board-presets button{color:#222;background:#fff;border-color:#d8d8d8}.app:not(.dark) .adjust-grid label{color:#222}.app:not(.dark) .fill-row button{color:#222;background:#fff;border-color:#d8d8d8}.app:not(.dark) .fill-row small{color:#666}.app:not(.dark) .dark-settings-panel input[type=checkbox]{background:#fff;border-color:#bbb}.app:not(.dark) .dark-settings-panel input[type=checkbox]:checked{background:#111;border-color:#111}.dark-settings-panel .setting-block p em,.key-text{font-style:normal;font-weight:750;color:#00a956!important}.canvas-grid-toolbar{z-index:7;float:left;background:var(--panel);align-items:center;gap:4px;margin:10px 0 -54px 10px;padding:4px;display:flex;position:sticky;top:10px}@supports (color:color-mix(in lab,red,red)){.canvas-grid-toolbar{background:color-mix(in srgb,var(--panel) 92%,transparent)}}.canvas-grid-toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 4px 18px #0002}.canvas-grid-toolbar>button{width:26px;height:26px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px}.canvas-grid-toolbar>button:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.canvas-grid-toolbar>button:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}}.canvas-grid-toolbar .grid-visibility-toggle.on{color:var(--text);background:0 0}.grid-toolbar-label{color:var(--muted);padding:0 3px;font-size:10px;font-weight:700}.nine-grid-icon{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1.5px;width:16px;height:16px;display:grid}.nine-grid-icon i{border:1.5px solid;border-radius:1px;display:block}.grid-opacity-control{border:1px solid var(--line);background:var(--panel);border-radius:5px;align-items:center;gap:4px;height:26px;padding:0 6px;display:flex}.grid-opacity-control span{color:var(--muted);padding:0;font-size:9px}.grid-opacity-control input{width:58px;accent-color:var(--accent)}.grid-opacity-control.disabled{opacity:.42}@media (max-width:850px){.grid-opacity-control span,.grid-toolbar-label{display:none}.grid-opacity-control input{width:44px}.canvas-zoom-toolbar>span:last-child{display:none}}@media (max-width:600px){.canvas-grid-toolbar{margin-left:6px;top:6px}}.pattern-grid button{aspect-ratio:auto;width:100%;min-width:0;height:100%}.pattern-grid button.range-selected-cell{z-index:1;filter:brightness(1.05);position:relative}.pattern-grid button.range-selection-left{border-left:2px solid #111}.pattern-grid button.range-selection-right{border-right:2px solid #111}.pattern-grid button.range-selection-top{border-top:2px solid #111}.pattern-grid button.range-selection-bottom{border-bottom:2px solid #111}.dark .pattern-grid button.range-selection-left{border-left-color:#fff}.dark .pattern-grid button.range-selection-right{border-right-color:#fff}.dark .pattern-grid button.range-selection-top{border-top-color:#fff}.dark .pattern-grid button.range-selection-bottom{border-bottom-color:#fff}.app.dark{--bg:#070707;--panel:#141414b3;--line:#ffffff21;--text:#f5f5f5;--muted:#999;background-color:#070707;background-image:radial-gradient(circle at 18% 18%,#00ea751a,#0000 27%),radial-gradient(circle at 78% 34%,#5a69ff17,#0000 31%),radial-gradient(circle at 48% 92%,#ffffff0e,#0000 32%);background-attachment:fixed;min-height:100vh}.app.dark .main{background:0 0}.app.dark .header{isolation:isolate;-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);position:relative;box-shadow:0 10px 32px #0000004d,inset 0 -1px #ffffff0d;background:radial-gradient(circle at 13% 20%,#00ea7529,#0000 25%),radial-gradient(circle at 62% 0,#5d6cff1f,#0000 29%),#070707b8!important;border-bottom-color:#ffffff24!important}.app.dark .header:after{content:"";z-index:-1;pointer-events:none;opacity:.85;background:linear-gradient(105deg,#ffffff0b,#0000 30%,#ffffff05 62%,#0000);position:absolute;inset:0}.app.dark .adjustment-floating-panel,.app.dark .canvas-editor-tools,.app.dark .canvas-grid-toolbar,.app.dark .canvas-zoom-toolbar,.app.dark .editor-corner-actions,.app.dark .panel,.app.dark .workspace,.app.dark footer{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#121212ad;border-color:#ffffff24;box-shadow:0 14px 38px #00000047,inset 0 1px #ffffff0e}.app.dark .modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094}.app.dark .brand-modal,.app.dark .color-picker-modal,.app.dark .crop-modal,.app.dark .grouped-brand-modal,.app.dark .save-modal,.app.dark .works-modal{-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#121212db;border-color:#ffffff26;box-shadow:0 24px 80px #0000008c}.app .header .toolbar-btn,.app .header .tools button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0e,0 3px 12px #00000029;color:#fff!important;background:#ffffff09!important;border:1px solid #ffffff57!important}.app .header .toolbar-btn:hover,.app .header .tools button:hover{color:#fff!important;background:#ffffff1c!important;border-color:#ffffffad!important}.app .header .toolbar-btn:active,.app .header .tools button:active{transform:translateY(1px);background:#ffffff29!important}.app .header .tools button:disabled{box-shadow:none;color:#ffffff57!important;background:#ffffff05!important;border-color:#ffffff21!important}.app{--bg:#f5f5f5;--panel:#fff;--line:#dedede;--text:#1f1f1f;--muted:#757575;background:#f5f5f5;background-image:none!important}.app.dark{--bg:#1e1e1e;--panel:#252525;--line:#3a3a3a;--text:#f2f2f2;--muted:#a0a0a0;background:#1e1e1e!important}.app .header,.app.dark .header{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#202020!important;border-bottom:1px solid #363636!important}.app.dark .header:after{display:none}.app .adjustment-floating-panel,.app .canvas-editor-tools,.app .canvas-grid-toolbar,.app .canvas-zoom-toolbar,.app .editor-corner-actions,.app .panel,.app .workspace,.app footer{border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app.dark .adjustment-floating-panel,.app.dark .canvas-editor-tools,.app.dark .canvas-grid-toolbar,.app.dark .canvas-zoom-toolbar,.app.dark .editor-corner-actions,.app.dark .panel,.app.dark .workspace,.app.dark footer{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#252525;border-color:#3a3a3a}.app .workspace{background:#fafafa}.app.dark .workspace{background:#1f1f1f}.app .export-preview,.app .panel,.app .workspace{border-radius:6px}.app button,.app input,.app select{transition:background-color .12s,border-color .12s,color .12s,opacity .12s}.app button:focus-visible,.app input:focus-visible,.app select:focus-visible{outline-offset:1px;outline:2px solid #0d99ff}.app .header .step.active,.app .header .step.active span{color:#fff!important}.app .header .step.active i,.app .header .step.done i{color:#202020!important;background:#f2f2f2!important;border-color:#f2f2f2!important}.app .header .step.done:after{background:#707070!important}.app .header .toolbar-btn,.app .header .tools button{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-color:#555!important}.app .header .toolbar-btn:hover,.app .header .tools button:hover{background:#343434!important;border-color:#777!important}.app .primary{color:#fff;background:#1f1f1f}.app.dark .primary{color:#1f1f1f;background:#f2f2f2}.app .option-tabs button,.app .secondary{box-shadow:none}.app.dark .number-stepper button,.app.dark .number-stepper input,.app.dark .option-tabs button,.app.dark .secondary{background:#2c2c2c;border-color:#444}.app.dark .option-tabs button:hover,.app.dark .secondary:hover{background:#353535}.app .editor-toolbar button.on,.app .option-tabs button.on,.app .seg button.on{color:#fff!important;background:#1f1f1f!important;border-color:#1f1f1f!important}.app.dark .editor-toolbar button.on,.app.dark .option-tabs button.on,.app.dark .seg button.on{color:#1f1f1f!important;background:#f2f2f2!important;border-color:#f2f2f2!important}.app .modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000007a}.app .brand-modal,.app .color-picker-modal,.app .crop-modal,.app .grouped-brand-modal,.app .save-modal,.app .works-modal,.app.dark .brand-modal,.app.dark .color-picker-modal,.app.dark .crop-modal,.app.dark .grouped-brand-modal,.app.dark .save-modal,.app.dark .works-modal{background:var(--panel);border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 16px 48px #0000003d}.app .pattern-grid{box-shadow:0 1px 6px #0000001f}.app.dark{--ui-green:#00ea75;--ui-surface:#171717;--ui-border:#858585}.app.dark .primary,.app.dark footer .primary{box-shadow:none;border-radius:0;background:var(--ui-green)!important;border-color:var(--ui-green)!important;color:#111!important}.app.dark .primary:hover,.app.dark footer .primary:hover{background:#19f187!important;border-color:#19f187!important}.app.dark .floating-mode-group button,.app.dark .floating-pattern-actions button,.app.dark .secondary,.app.dark .seg button{border-color:var(--ui-border);color:#f5f5f5;box-shadow:none;background:0 0;border-radius:0}.app.dark .editor-toolbar button.on,.app.dark .floating-mode-group button.on,.app.dark .option-tabs button.on,.app.dark .seg button.on{color:#171717!important;background:#f2f2f2!important;border-color:#f2f2f2!important}.app.dark .floating-pattern-actions .regenerate-preview{border-color:var(--ui-border)!important;color:#f5f5f5!important;background:0 0!important}.app.dark .floating-pattern-actions .regenerate-preview:hover{background:#303030!important;border-color:#aaa!important}.app.dark .header .step.active{border-bottom:2px solid var(--ui-green);padding-bottom:7px}.app.dark .header .step.active i{font-size:16px;color:var(--ui-green)!important;background:0 0!important;border-color:#0000!important}.app.dark .header .step.active span{color:#fff!important}.app.dark .header .step.done i{border-color:var(--ui-green)!important;color:var(--ui-green)!important;background:0 0!important}.app.dark .header .step.done:after{background:#555!important}.app.dark .selected-color-toggle.on{border-color:var(--ui-green);color:var(--ui-green)}.app.dark .export-switch-row input:checked+.switch-control,.app.dark .selected-color-toggle.on i{background:var(--ui-green);border-color:var(--ui-green)}.app.dark .export-switch-row input:checked+.switch-control:after,.app.dark .selected-color-toggle.on i:after{background:#fff}.app.dark .dark-settings-panel input[type=range],.app.dark .grid-opacity-control input,.app.dark .panel input[type=range]{accent-color:var(--ui-green)}.app.dark .dark-settings-panel input[type=checkbox]:checked{background:var(--ui-green);border-color:var(--ui-green)}.app{--line:#e4e4e4}.app.dark{--line:#363636;--ui-border:#5c5c5c}.app .canvas-grid-toolbar>button,.app .canvas-zoom-toolbar button,.app .edit-tools button,.app .editor-color,.app .editor-corner-actions button,.app .editor-toolbar>button,.app .floating-mode-group button,.app .floating-pattern-actions button,.app .history button,.app .option-tabs button,.app .primary,.app .secondary,.app .sidebar-regenerate,.app .toolbar-btn,.app .tools button{border-radius:6px!important}.app .adjustment-floating-panel,.app .canvas-editor-tools,.app .canvas-grid-toolbar,.app .canvas-zoom-toolbar,.app .editor-corner-actions,.app .export-preview,.app .panel,.app .workspace{border-width:1px;border-color:var(--line)}.app .upload{border-width:1px}.app .step:not(:last-child):after{height:1px}.app.dark .header .step.active{border-bottom-width:1px}.app.dark .floating-mode-group button,.app.dark .floating-pattern-actions button,.app.dark .secondary,.app.dark .seg button{border-color:#565656}.app.dark .header .toolbar-btn,.app.dark .header .tools button{border-color:#4b4b4b!important}.app.dark .panel,.app.dark .workspace,.app.dark footer{border-color:#343434}.app.dark .adjustment-floating-panel{background:#151518;border:1px solid #2a2b30;border-radius:14px;box-shadow:0 12px 34px #00000047}.app.dark .floating-mode-group small{color:#767781;letter-spacing:.02em;font-weight:600}.app.dark .floating-mode-group button{color:#96969f;background:#1a1b1f;border:1px solid #2c2d32;min-height:34px;font-weight:650;border-radius:9px!important}.app.dark .floating-mode-group button:hover{color:#c8c8ce;background:#202126;border-color:#383940}.app.dark .floating-mode-group button.on{background:#00ea751a!important;border-color:#00ea75!important}.app.dark .floating-pattern-actions{border-left:1px solid #292a2f;padding-left:10px}.app.dark .floating-pattern-actions button{font-weight:650;color:#8d8e98!important;background:#1a1b1f!important;border:1px solid #2c2d32!important;border-radius:999px!important}.app.dark .floating-pattern-actions button:hover{color:#d0d0d5!important;background:#222329!important;border-color:#3b3c43!important}.app.dark .floating-pattern-actions button:active{background:#292a30!important}.app.dark .canvas-editor-tools{background:#151518;border-color:#2a2b30;border-radius:12px;box-shadow:0 10px 28px #0000003d}.app.dark .editor-toolbar>.editor-color,.app.dark .editor-toolbar>button{color:#85868f;background:0 0;border-color:#0000}.app.dark .editor-toolbar>.editor-color:hover,.app.dark .editor-toolbar>button:hover{color:#d5d5d9;background:#222329;border-color:#303137}.app.dark .editor-toolbar>button.on{color:#00ea75!important;background:#00ea751a!important;border-color:#00ea75!important}.app.dark .editor-grid-toolbar{border-top-color:#292a2f}.app.dark .canvas-grid-toolbar,.app.dark .canvas-zoom-toolbar,.app.dark .editor-corner-actions{background:#18191d;border-color:#2d2e34;box-shadow:0 8px 24px #00000038}.app.dark .board-presets button.active,.app.dark .dark-settings-panel .option-tabs button.on{background:#00ea751a!important;border-color:#00ea75!important}@media (max-width:1150px){.app.dark .floating-pattern-actions{border-top:1px solid #292a2f;border-left:0;padding-top:8px;padding-left:0}}.app .header .steps{gap:18px}.app .header .step{color:#777;gap:6px;position:relative;border-bottom:0!important;padding:0 14px!important}.app .header .step:not(:last-child):after{display:none!important}.app .header .step i,.app .header .step.active i,.app .header .step.done i{width:auto;min-width:12px;height:auto;font-size:13px;font-weight:700;color:#777!important;background:0 0!important;border:0!important;border-radius:0!important}.app .header .step.done i,.app.dark .header .step.done i{color:#00ea75!important}.app .header .step.active i,.app.dark .header .step.active i{font-size:13px;color:#00ea75!important}.app .header .step.active span{position:relative;color:#fff!important}.app .header .step.active span:after{content:"";background:#00ea75;width:28px;height:1px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.app.dark .board-presets button,.app.dark .dark-settings-panel .option-tabs button{color:#85868d!important;background:#ffffff05!important;border-color:#ffffff16!important}.app.dark .board-presets button:hover,.app.dark .dark-settings-panel .option-tabs button:hover{color:#b8b9bf!important;background:#ffffff09!important;border-color:#ffffff21!important}.app.dark .board-presets button.active,.app.dark .dark-settings-panel .option-tabs button.on{color:#00ea75!important;box-shadow:none!important;background:#00ea7506!important;border-color:#00ea7547!important}.app.dark .floating-mode-group button.on{color:#00ea75!important;box-shadow:none!important;background:#00ea7506!important;border-color:#00ea753d!important}.app:not(.dark){--bg:#f3f3f4;--panel:#fff;--line:#dfe0e3;--text:#202124;--muted:#777980;--accent:#17181a;color:var(--text);background:#f3f3f4!important}.app:not(.dark) .main{background:0 0}.app:not(.dark) .panel,.app:not(.dark) .workspace,.app:not(.dark) footer{box-shadow:none;background:#fff;border-color:#dfe0e3}.app:not(.dark) .workspace{background:#f8f8f9}.app:not(.dark) .dark-settings-panel{color:#202124!important;background:#fff!important;border-color:#dfe0e3!important}.app:not(.dark) .board-presets,.app:not(.dark) .dark-settings-panel .canvas-adjust,.app:not(.dark) .dark-settings-panel .dimension-setting,.app:not(.dark) .dark-settings-panel .setting-block,.app:not(.dark) .dark-settings-panel .setting-line{border-color:#ebebed}.app:not(.dark) .adjust-title,.app:not(.dark) .board-presets>div:first-child,.app:not(.dark) .dark-settings-panel .setting-heading{color:#777980}.app:not(.dark) .dark-settings-panel .dimension-setting p,.app:not(.dark) .dark-settings-panel .setting-block p{color:#4f5157}.app:not(.dark) .board-presets button,.app:not(.dark) .dark-settings-panel .option-tabs button{color:#73757c!important;background:#fafafa!important;border-color:#e5e5e8!important}.app:not(.dark) .board-presets button:hover,.app:not(.dark) .dark-settings-panel .option-tabs button:hover{color:#34353a!important;background:#f3f3f5!important;border-color:#d5d6da!important}.app:not(.dark) .board-presets button.active,.app:not(.dark) .dark-settings-panel .option-tabs button.on{color:#087b47!important;box-shadow:none!important;background:#00ac580b!important;border-color:#0089464d!important}.app:not(.dark) .number-stepper{background:#fafafa;border-color:#dedfe2}.app:not(.dark) .number-stepper button,.app:not(.dark) .number-stepper input{color:#292a2e!important;background:#fafafa!important}.app:not(.dark) .number-stepper button{color:#777980!important;border-color:#e4e4e7!important}.app:not(.dark) .adjustment-floating-panel{background:#fff;border:1px solid #dfe0e3;border-radius:14px;box-shadow:0 12px 30px #18181b1a}.app:not(.dark) .floating-mode-group small{color:#85878e;letter-spacing:.02em;font-weight:600}.app:not(.dark) .floating-mode-group button{color:#74767d;background:#fafafa;border:1px solid #e5e5e8;min-height:34px;font-weight:650;border-radius:9px!important}.app:not(.dark) .floating-mode-group button:hover{color:#292a2e;background:#f2f2f4;border-color:#d4d5d9}.app:not(.dark) .floating-mode-group button.on{color:#087b47!important;box-shadow:none!important;background:#00ac580b!important;border-color:#0089464d!important}.app:not(.dark) .floating-pattern-actions{border-left:1px solid #e8e8ea;padding-left:10px}.app:not(.dark) .floating-pattern-actions button{font-weight:650;color:#707279!important;background:#fafafa!important;border:1px solid #e4e4e7!important;border-radius:999px!important}.app:not(.dark) .floating-pattern-actions button:hover{color:#242529!important;background:#f1f1f3!important;border-color:#d1d2d6!important}.app:not(.dark) .canvas-editor-tools{background:#fff;border-color:#dfe0e3;border-radius:12px;box-shadow:0 10px 26px #18181b17}.app:not(.dark) .editor-toolbar>.editor-color,.app:not(.dark) .editor-toolbar>button{color:#74767d;background:0 0;border-color:#0000}.app:not(.dark) .editor-toolbar>.editor-color:hover,.app:not(.dark) .editor-toolbar>button:hover{color:#242529;background:#f1f1f3;border-color:#e0e1e4}.app:not(.dark) .editor-toolbar>button.on{color:#087b47!important;background:#00ac580d!important;border-color:#0089464d!important}.app:not(.dark) .editor-grid-toolbar{border-top-color:#ebebed}.app:not(.dark) .canvas-grid-toolbar,.app:not(.dark) .canvas-zoom-toolbar,.app:not(.dark) .editor-corner-actions{background:#fff;border-color:#dfe0e3;box-shadow:0 8px 22px #18181b17}.app:not(.dark) .dark-settings-panel input[type=checkbox]:checked,.app:not(.dark) .export-switch-row input:checked+.switch-control{background:#17181a;border-color:#17181a}@media (max-width:1150px){.app:not(.dark) .floating-pattern-actions{border-top:1px solid #e8e8ea;border-left:0;padding-top:8px;padding-left:0}}.app .palette-count-text{color:#087b47!important}.app.dark .palette-count-text{color:#00ea75!important}.source-preview-palette{margin-top:10px}.source-palette-row{color:var(--text);border:1px solid #0000;border-radius:5px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:5px;display:grid}.source-palette-row small{color:var(--muted)}.app .header .step{gap:3px}.app .header .step i{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:.72em;display:inline-flex;height:1.5em!important;font-family:DIN Alternate,DIN Condensed,Arial Narrow,sans-serif!important;line-height:1.5!important}.app .header .step i,.app .header .step.active i,.app.dark .header .step.active i{font-size:1em!important}.app input[type=range]{appearance:none;accent-color:#fff;cursor:pointer;background:0 0;margin-block:2px;height:12px!important}.app input[type=range]::-webkit-slider-runnable-track{background:#55575d;border:0;border-radius:999px;height:2px}.app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #00000052;border-radius:50%;width:10px;height:10px;margin-top:-4px;box-shadow:0 1px 3px #00000047}.app input[type=range]::-moz-range-track{background:#55575d;border:0;border-radius:999px;height:2px}.app:not(.dark) input[type=range]::-moz-range-track{background:#d4d5d8}.app input[type=range]::-moz-range-progress{background:#8b8d93;border-radius:999px;height:2px}.app input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #00000052;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #00000047}.image-analysis-actions{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.image-analysis-actions button{min-width:0}.canvas-image-actions{width:auto;display:flex}.canvas-image-actions button{white-space:nowrap}.canvas-image-actions .pattern-recognition-trigger{border-color:var(--ui-green,#00dc82);background:var(--ui-green,#00dc82);color:#102117;font-weight:800}.workspace.step-2.has-pattern,.workspace.step-3.has-pattern{padding-top:0;scroll-padding:72px}.workspace.has-pattern .canvas-zoom-content{box-sizing:border-box;justify-content:center;align-items:center;padding:72px 28px;display:flex}.workspace.has-pattern .pattern-shell{min-width:max-content;min-height:max-content;padding:0}.crop-ratio-toolbar{gap:8px;margin-bottom:14px;display:flex}.crop-ratio-toolbar b{margin-right:4px;font-size:13px}.crop-ratio-toolbar button{border:1px solid var(--line);background:var(--panel);min-width:72px;color:var(--text);cursor:pointer;padding:8px 12px}.crop-ratio-toolbar button.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.preview-scroll{justify-content:flex-start;align-items:flex-start;padding:72px 28px;position:relative}.export-canvas-stage{flex:none;place-items:center;margin:auto;display:grid}.preview-scroll .export-canvas-stage canvas{object-fit:contain;background:#fff;width:100%;max-width:none;height:100%;max-height:none;display:block;box-shadow:0 8px 28px #0004}.export-zoom-toolbar{z-index:8;border:1px solid var(--line);background:var(--panel);align-self:flex-start;margin-bottom:-48px;margin-left:auto;display:flex;position:sticky}@supports (color:color-mix(in lab,red,red)){.export-zoom-toolbar{background:color-mix(in srgb,var(--panel) 94%,transparent)}}.export-zoom-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px #0002}.export-zoom-toolbar button{min-width:34px;cursor:pointer;border-radius:5px}.export-zoom-toolbar button:disabled{opacity:.35}@media (max-width:600px){.crop-ratio-toolbar{grid-template-columns:repeat(4,1fr);display:grid}.crop-ratio-toolbar b{grid-column:1/-1}.crop-ratio-toolbar button{min-width:0;padding:8px 4px}.workspace.has-pattern .canvas-zoom-content{padding:58px 14px}}.pattern-grid button[data-transparent=true],.transparent-swatch{background-color:#fff!important;background-image:linear-gradient(45deg,#c9c9c9 25%,#0000 0),linear-gradient(-45deg,#c9c9c9 25%,#0000 0),linear-gradient(45deg,#0000 75%,#c9c9c9 0),linear-gradient(-45deg,#0000 75%,#c9c9c9 0)!important;background-position:0 0,0 5px,5px -5px,-5px 0!important;background-size:10px 10px!important}.transparent-color-option b{white-space:nowrap}.crop-ratio-toolbar{grid-template-columns:auto repeat(6,minmax(72px,1fr));align-items:stretch;display:grid}.crop-ratio-toolbar>b{align-items:center;margin-right:6px;display:flex}.crop-ratio-toolbar button{place-content:center;gap:2px;min-width:0;display:grid}.crop-ratio-toolbar button b{margin:0;font-size:13px}.crop-ratio-toolbar button small{color:var(--muted);font-size:9px}.crop-ratio-toolbar button.on small{color:inherit;opacity:.72}@media (max-width:700px){.crop-ratio-toolbar{grid-template-columns:repeat(3,1fr)}.crop-ratio-toolbar>b{grid-column:1/-1}.crop-ratio-toolbar button{padding:8px 4px}}.editor-corner-actions{z-index:14;border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;gap:5px;width:max-content;margin:-54px 16px 16px auto;padding:6px;display:flex;position:sticky;bottom:16px;right:16px}@supports (color:color-mix(in lab,red,red)){.editor-corner-actions{background:color-mix(in srgb,var(--panel) 94%,transparent)}}.editor-corner-actions{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 6px 22px #0003}.editor-corner-actions button{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:6px;place-items:center;padding:7px;display:grid}.editor-corner-actions button:hover:not(:disabled){background:var(--bg)}.editor-corner-actions button:disabled{opacity:.32;cursor:not-allowed}.editor-corner-actions svg{width:20px;height:20px}.corner-action-divider{background:var(--line);width:1px;height:24px;margin:0 2px}@media (max-width:600px){.editor-corner-actions{margin-bottom:9px;margin-right:9px;bottom:9px;right:9px}}.grid-crop-modal{background:var(--panel);width:min(420px,100vw - 32px);color:var(--text);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #0005}.grid-crop-modal footer,.grid-crop-modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.grid-crop-modal header h2{margin:0 0 4px;font-size:18px}.grid-crop-modal header small,.grid-crop-size{color:var(--muted);font-size:12px}.grid-crop-modal header>button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:27px;line-height:1}.grid-crop-body{grid-template-columns:1fr 1fr;gap:10px;padding:18px 20px;display:grid}.grid-crop-size{grid-column:1/-1;margin-bottom:3px}.grid-crop-body label{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.grid-crop-body input{border:1px solid var(--line);background:var(--bg);width:68px;color:var(--text);text-align:center;border-radius:5px;padding:7px 8px}.grid-crop-modal footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.replace-color-tabs{gap:6px;padding:14px 18px 0;display:flex}.replace-color-tabs button{border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:5px;padding:7px 11px;font-size:12px}.replace-color-tabs button.on{border-color:var(--accent);background:var(--accent);color:var(--panel)}.replace-confirm-modal{background:var(--panel);width:min(760px,100vw - 28px);max-height:88dvh;color:var(--text);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px #0005}.replace-confirm-modal>footer,.replace-confirm-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.replace-confirm-modal h2{margin:0 0 3px;font-size:18px}.replace-confirm-modal header small{color:var(--muted);font-size:12px}.replace-confirm-modal header>button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:27px}.replace-confirm-modal>footer{border-top:1px solid var(--line);border-bottom:0}.replace-confirm-modal>footer>div{align-items:center;gap:8px;display:flex}.replace-preview-pair{grid-template-columns:1fr 1fr;gap:14px;padding:18px;display:grid;overflow:auto}.replace-preview-pair>div>b{margin:0 0 7px;font-size:12px;display:block}.replace-preview-grid{aspect-ratio:1;background:var(--line);border:1px solid var(--line);gap:1px;display:grid;overflow:hidden}.replace-preview-grid i{min-width:0;min-height:0;display:block}.replace-confirm-swatch{font-size:13px}.replace-confirm-swatch .swatch{vertical-align:middle;width:20px;height:20px}@media (max-width:600px){.replace-preview-pair{gap:9px;padding:12px}.replace-confirm-modal>footer{flex-direction:column;align-items:stretch}.replace-confirm-modal>footer>div:last-child{justify-content:flex-end}}.export-options input[type=number]{text-align:right}.export-size-control{justify-content:flex-end;align-items:center;gap:9px;margin-left:auto;display:flex}.export-size-control input[type=number]{flex:0 0 66px}.export-size-control>span{text-align:right;min-width:18px}.export-zoom-toolbar{top:12px;right:12px;align-self:auto!important}.export-zoom-toolbar span{white-space:nowrap;align-items:center;padding:0 6px;display:flex}@media (max-width:650px){.export-zoom-toolbar span{display:none}}.workspace.step-3.has-pattern{overflow:hidden;display:block!important}.workspace.step-3.has-pattern .canvas-scroll-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;position:absolute;inset:0;overflow:auto}.workspace.step-3.has-pattern .canvas-zoom-content{width:max(100%,calc(var(--canvas-pattern-width) + 112px));min-width:max(100%,calc(var(--canvas-pattern-width) + 112px));height:max(100%,calc(var(--canvas-pattern-height) + 112px));min-height:max(100%,calc(var(--canvas-pattern-height) + 112px));box-sizing:border-box;justify-content:center;align-items:center;padding:76px 56px;display:flex}.workspace.step-3 .canvas-zoom-toolbar{float:none;z-index:17;margin:0;position:absolute;top:auto;bottom:16px;right:16px}.workspace.step-3 .editor-corner-actions{float:none;z-index:17;margin:0;position:absolute;top:12px;bottom:auto;right:12px}.workspace.step-3 .canvas-zoom-toolbar,.workspace.step-3 .editor-corner-actions{align-self:auto;left:auto!important}.export-preview{position:relative}.export-zoom-toolbar{z-index:20!important;margin:0!important;position:absolute!important;top:auto!important;bottom:10px!important;right:10px!important}@media (max-width:600px){.workspace.step-3 .canvas-zoom-toolbar{margin:0;top:auto;bottom:9px;right:9px}.workspace.step-3 .editor-corner-actions{margin:0;top:8px;right:8px}.export-zoom-toolbar{top:auto!important;bottom:9px!important;right:9px!important}}.editor-grid-toolbar>button.grid-visibility-toggle{color:var(--muted);box-shadow:none;background:0 0;border:0}.editor-grid-toolbar>button.grid-visibility-toggle.on{color:var(--panel);background:var(--accent)}.editor-grid-toolbar>button.grid-visibility-toggle:not(.on):hover{color:var(--text);background:var(--bg)}.editor-grid-toolbar>.code-visibility-toggle{border:1px solid var(--line);width:auto;height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:0 7px;font-size:10px;font-weight:700}.editor-grid-toolbar>.code-visibility-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.editor-grid-toolbar>.transparent-backdrop-toggle{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:4px}.editor-grid-toolbar>.transparent-backdrop-toggle svg{width:16px;height:16px}.editor-grid-toolbar>.transparent-backdrop-toggle.on{color:#fff;background:#3a3a3a;border-color:#626262}.transparent-backdrop-panel{border-top:1px solid var(--line);align-items:center;gap:7px;margin:5px -2px 0;padding:5px 2px 0;font-size:10px;display:flex}.transparent-backdrop-tones{gap:3px;display:flex}.transparent-backdrop-tones button{border:1px solid var(--line);min-width:25px;height:23px;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:0 5px;font-size:9px}.transparent-backdrop-tones button.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.transparent-backdrop-panel label{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:4px;display:flex}.transparent-backdrop-panel input{width:108px;min-width:0;accent-color:var(--accent);flex:0 0 108px}.transparent-backdrop-panel b{min-width:26px;color:var(--text);font-weight:650}.pattern-grid.transparent-backdrop{background-color:var(--transparent-backdrop)!important}@supports (color:color-mix(in lab,red,red)){.pattern-grid.transparent-backdrop{background-color:color-mix(in srgb,var(--transparent-backdrop) var(--transparent-backdrop-opacity),transparent)!important}}.pattern-grid.transparent-backdrop{background-image:linear-gradient(45deg,var(--transparent-backdrop) 25%,transparent 25%),linear-gradient(-45deg,var(--transparent-backdrop) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--transparent-backdrop) 75%),linear-gradient(-45deg,transparent 75%,var(--transparent-backdrop) 75%)!important}@supports (color:color-mix(in lab,red,red)){.pattern-grid.transparent-backdrop{background-image:linear-gradient(45deg,color-mix(in srgb,var(--transparent-backdrop) var(--transparent-backdrop-opacity),transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--transparent-backdrop) var(--transparent-backdrop-opacity),transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--transparent-backdrop) var(--transparent-backdrop-opacity),transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--transparent-backdrop) var(--transparent-backdrop-opacity),transparent) 75%)!important}}.pattern-grid.transparent-backdrop{background-position:0 0,0 6px,6px -6px,-6px 0!important;background-size:12px 12px!important}.pattern-grid.transparent-backdrop button[data-transparent=true]{background-color:#0000!important;background-image:none!important}.pattern-grid.show-codes button:not([data-transparent]):after{content:attr(data-code);z-index:5;color:#fff;font-size:clamp(6px,calc(var(--cell-size) * .42),11px);text-shadow:-1px -1px 1px #000,1px 1px 1px #000;pointer-events:none;place-items:center;font-weight:800;line-height:1;display:grid;position:absolute;inset:0;overflow:hidden}.editor-grid-toolbar>.reference-view-toggle{margin-left:1px}.editor-grid-toolbar>.reference-view-toggle.on{color:var(--panel);background:var(--accent)}.reference-view-panel{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin:6px -2px -1px;padding:6px 2px 0;font-size:10px;display:flex}.reference-view-panel>div{gap:4px;display:flex}.reference-view-panel button{border:1px solid var(--line);height:26px;color:var(--text);cursor:pointer;background:0 0;border-radius:5px;padding:0 8px;font-size:10px}.reference-view-panel button.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.reference-view-panel label{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;display:flex}.reference-view-panel input{width:58px;accent-color:var(--accent)}.reference-view-panel b{min-width:28px;color:var(--text);font-weight:650}.pattern-grid{overflow:hidden}.pattern-reference-layer{z-index:8;object-fit:fill;pointer-events:none;image-rendering:auto;max-width:none;max-height:none;display:block;position:absolute;inset:auto}.reference-side-by-side{align-items:flex-start;gap:20px;display:flex}.reference-side-panel{background:repeating-conic-gradient(#d1d1d1 0 25%,#f5f5f5 0 50%) 50%/10px 10px;flex:none;position:relative;overflow:hidden;box-shadow:0 5px 24px #0002}.dark .reference-side-panel{background:repeating-conic-gradient(#2a2b2f 0 25%,#1c1d21 0 50%) 50%/10px 10px}.reference-side-panel>span{z-index:2;color:#fff;pointer-events:none;background:#0009;border-radius:3px;padding:2px 5px;font-size:10px;line-height:1;position:absolute;top:4px;left:5px}.reference-side-panel>img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.reference-side-panel.picking>img{cursor:crosshair}.reference-guide{z-index:12;pointer-events:none;background:#00ea75;display:block;position:absolute}.reference-guide-x{width:1px;top:0;bottom:0;transform:translate(-.5px)}.reference-guide-y{height:1px;left:0;right:0;transform:translateY(-.5px)}.reference-guide-cell{z-index:13;pointer-events:none;box-shadow:none;background:#00ea7522;border:1px solid #00ea75;display:block;position:absolute}.reference-view-panel{justify-content:flex-start}.reference-view-panel .reference-mode-switch{gap:0;display:flex}.reference-mode-switch button{border-radius:0;margin-left:-1px}.reference-mode-switch button:first-child{border-radius:5px 0 0 5px;margin-left:0}.reference-mode-switch button:last-child{border-radius:0 5px 5px 0}.reference-view-panel .reference-upload{place-items:center;width:26px;margin-left:2px;padding:0;display:grid}.reference-upload svg{width:15px;height:15px}.reference-view-panel label{margin-left:auto}.reference-action-switch{gap:0;margin-left:2px;display:flex}.reference-action-switch button{border:1px solid var(--line);height:26px;color:var(--muted);cursor:pointer;background:0 0;padding:0 7px;font-size:10px}.reference-action-switch button:first-child{border-radius:5px 0 0 5px}.reference-action-switch button:last-child{border-radius:0 5px 5px 0;margin-left:-1px}.reference-action-switch button.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.reference-guides{pointer-events:none}.reference-guides.reference{opacity:.55}.reference-guides.primary .reference-guide,.reference-guides.primary .reference-guide-cell{background-color:#4da3ff22;border-color:#4da3ff}.reference-guides.source .reference-guide,.reference-guides.source .reference-guide-cell{background-color:#ffba3322;border-color:#ffba33}.reference-guides.target .reference-guide,.reference-guides.target .reference-guide-cell{background-color:#00ea7540;border-color:#00ea75}.reference-guides.target .reference-guide-cell{border-width:1px}.reference-loupe{z-index:20;color:#fff;pointer-events:none;background:#111e;border:1px solid #fff9;border-radius:5px;grid-template-rows:18px 16px;grid-template-columns:42px auto;column-gap:5px;min-width:84px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 12px #0007}.reference-loupe i{background-repeat:no-repeat;border:1px solid #fff;border-radius:3px;grid-row:1/3;width:38px;height:34px}.reference-loupe b{font-size:11px;line-height:16px}.reference-loupe small{white-space:nowrap;color:#ddd;font-size:8px;line-height:12px}.app button svg{transform-origin:50%;transform:scale(.82)}.editor-toolbar>.toolbar-drag-handle{box-shadow:none!important;background:0 0!important;border:0!important;padding:5px!important}.editor-toolbar>.toolbar-drag-handle:hover{color:var(--text);background:var(--bg)!important}.brush-size-panel{z-index:24;border:1px solid var(--line);background:var(--panel);width:220px;color:var(--muted);border-radius:7px;grid-template-columns:auto minmax(96px,1fr) auto;align-items:center;gap:7px;padding:8px;font-size:10px;display:grid;position:absolute;top:43px;left:34px;box-shadow:0 8px 22px #0003}.brush-size-panel input[type=range]{width:100%;min-width:0;accent-color:var(--accent)}.brush-size-panel b{color:var(--text);white-space:nowrap;font-size:10px}.canvas-editor-tools,.canvas-editor-tools button,.canvas-editor-tools small,.canvas-editor-tools span,.editor-grid-toolbar .grid-opacity-control span,.editor-grid-toolbar .grid-toolbar-label,.editor-grid-toolbar>small,.editor-toolbar>.editor-color{font-weight:400!important}.editor-toolbar>button[data-tooltip]:not(:disabled):after{font-weight:400}.editor-toolbar>.editor-color b{font-weight:450}.editor-toolbar>.editor-color{justify-content:center;min-width:43px;padding:0 6px}.pattern-crop-modal .crop-box{box-shadow:none!important;border:1px solid #111!important}.pattern-crop-modal .crop-box:after,.pattern-crop-modal .crop-box:before{display:none!important}.pattern-crop-modal .crop-handle{box-sizing:border-box!important;width:2px!important;min-width:2px!important;height:2px!important;min-height:2px!important;box-shadow:none!important;background:#111!important;border:1px solid #111!important}.crop-precision-controls{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:8px 18px 12px;display:flex}.crop-precision-controls>span{color:var(--muted);margin-right:auto;font-size:11px;font-weight:700}.crop-precision-controls label{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.crop-precision-controls input{border:1px solid var(--line);background:var(--bg);width:68px;height:28px;color:var(--text);text-align:center;border-radius:4px;padding:0 6px;font-size:11px}@media (max-width:700px){.crop-precision-controls{flex-wrap:wrap;padding:8px}.crop-precision-controls>span{width:100%}.crop-precision-controls label{flex:45%;justify-content:space-between}.crop-precision-controls input{width:82px}}.pattern-entry-actions{justify-content:center;gap:8px;margin-top:4px;display:flex}.pattern-entry-actions button{min-width:118px}.pattern-import-hint{opacity:.52;max-width:280px;line-height:1.4}.export-pattern-file{width:100%;margin:10px 0 4px;font-size:12px}.pattern-import-modal{background:var(--panel);width:min(520px,100vw - 32px);color:var(--text);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #0005}.pattern-import-modal.dragging{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent),0 24px 80px #0005}@supports (color:color-mix(in lab,red,red)){.pattern-import-modal.dragging{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent),0 24px 80px #0005}}.pattern-import-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.pattern-import-modal h2{margin:0 0 5px;font-size:20px}.pattern-import-modal p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.pattern-import-modal>header button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.pattern-import-choices{gap:10px;padding:16px;display:grid}.pattern-import-choices>button{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.pattern-import-choices>button:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pattern-import-choices>button:hover{background:color-mix(in srgb,var(--accent) 7%,var(--bg))}}.pattern-import-choices>button>span{background:var(--accent);width:30px;height:30px;color:var(--panel);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.pattern-import-choices b,.pattern-import-choices small{display:block}.pattern-import-choices b{font-size:14px}.pattern-import-choices small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45}.pattern-import-choices i{color:var(--muted);font-size:20px;font-style:normal}.grid-calibration-modal{background:var(--panel);width:min(980px,100vw - 32px);max-height:90dvh;color:var(--text);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.grid-calibration-modal>footer,.grid-calibration-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.grid-calibration-modal>footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.grid-calibration-modal h2{margin:0 0 4px;font-size:18px}.grid-calibration-controls p,.grid-calibration-modal header small{color:var(--muted);font-size:11px}.grid-calibration-modal header>button{color:var(--text);background:0 0;border:0;font-size:27px}.grid-calibration-body{grid-template-columns:minmax(0,1fr) 230px;min-height:0;display:grid}.grid-calibration-preview{background:#0d0d0d;min-height:460px;padding:20px;overflow:auto}.grid-calibration-image{min-width:100%;margin:auto;position:relative}.grid-calibration-image img{width:100%;height:auto;display:block}.calibration-grid{pointer-events:none;background-image:linear-gradient(#3492ffd1 1px,#0000 0),linear-gradient(90deg,#3492ffd1 1px,#0000 0);border:2px solid #ff5a62;position:absolute;box-shadow:0 0 0 1px #000000a6}.calibration-grid:after,.calibration-grid:before{content:"";opacity:.9;background:#ff5a62;position:absolute}.calibration-grid:before{width:1px;top:-9px;bottom:-9px;left:50%}.calibration-grid:after{height:1px;top:50%;left:-9px;right:-9px}.grid-calibration-controls{border-left:1px solid var(--line);padding:16px;overflow:auto}.grid-calibration-controls label{grid-template-columns:52px 1fr 36px;align-items:center;gap:7px;margin-bottom:10px;font-size:11px;display:grid}.grid-calibration-controls input{width:100%;min-width:0;accent-color:var(--accent)}.grid-calibration-controls input[type=number]{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:5px;grid-column:2/4;padding:7px}.grid-calibration-controls b{text-align:right;font-size:10px}.pattern-import-step{color:var(--muted);white-space:nowrap;align-items:center;padding:0 5px;font-size:10px;display:flex}@media (max-width:700px){.grid-calibration-body{grid-template-columns:1fr}.grid-calibration-preview{min-height:42dvh}.grid-calibration-controls{border-left:0;border-top:1px solid var(--line)}.pattern-import-step{display:none}}.draft-resume-modal{background:var(--panel);width:min(410px,100vw - 32px);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 24px 80px #0005}.draft-resume-modal h2{margin:0 0 8px;font-size:19px}.draft-resume-modal p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.draft-resume-modal>div{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.editor-toolbar>.editor-color .swatch{border-radius:50%;flex:0 0 10px;width:10px;height:10px}@media (max-width:600px){.editor-toolbar>.editor-color{flex:0 0 52px;justify-content:center;gap:4px;width:52px;min-width:52px;padding:0 4px}.editor-toolbar>.editor-color .swatch{border-radius:50%;flex:0 0 12px!important;width:12px!important;height:12px!important}.editor-toolbar>.editor-color b{font-size:9px;line-height:1;display:block;font-weight:500!important}}.adjustment-floating-panel{align-items:center;width:min(1040px,100% - 28px)}.adjustment-mode-groups{flex:none}.ai-quick-tools{flex:auto;align-items:center;display:flex;border:0!important;padding:0!important}.floating-pattern-actions{justify-content:flex-start;align-self:center;align-items:center;gap:2px;width:100%;display:flex;padding-top:0!important}.floating-pattern-actions button{min-width:0!important;height:30px!important;box-shadow:none!important;color:var(--muted)!important;background:0 0!important;border:0!important;padding:0 7px!important}.floating-pattern-actions button:hover:not(:disabled){background:var(--text)!important}@supports (color:color-mix(in lab,red,red)){.floating-pattern-actions button:hover:not(:disabled){background:color-mix(in srgb,var(--text) 8%,transparent)!important}}.floating-pattern-actions button:hover:not(:disabled){color:var(--text)!important}.floating-pattern-actions button b{font-weight:600}.adjust-history-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.floating-pattern-actions .adjust-history-button{flex:0 0 28px!important;width:28px!important;padding:0!important}.dither-switch{height:32px;color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;margin-left:3px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.dither-switch input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.dither-switch i{background:#c9c9c9;border-radius:999px;width:20px;height:12px;transition:all .18s;position:relative}.dither-switch i:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;transition:all .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.dither-switch input:checked+i{background:#00ea75}.dither-switch input:checked+i:after{background:#fff;transform:translate(8px)}.dither-switch.disabled{opacity:.42;cursor:not-allowed}.dither-switch input:focus-visible+i{outline-offset:2px;outline:2px solid #0d99ff}@media (max-width:1150px){.adjustment-floating-panel{flex-direction:row!important;align-items:center!important}.adjustment-mode-groups{flex:0 auto}.floating-pattern-actions{justify-content:flex-start;width:100%!important}.floating-pattern-actions button{padding:0 5px!important}.floating-pattern-actions button b{font-size:9px}.ai-quick-tools{border:0!important;padding:0!important}}@media (max-width:760px){.adjustment-floating-panel{justify-content:center;align-items:center!important}.adjustment-mode-groups{flex:0 auto;align-items:center!important}.floating-mode-group{align-items:center;display:flex}.floating-mode-group>div{flex-wrap:nowrap;align-items:center}.ai-quick-tools{align-items:center;display:flex}.floating-pattern-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;display:flex!important}.floating-pattern-actions button{flex:none!important}.dither-switch{margin-left:0}}.main.export-main>.export-preview{grid-template-rows:auto minmax(0,1fr);min-height:0!important;display:grid!important;overflow:hidden!important}.main.export-main>.export-preview>h2{margin:0!important}.main.export-main>.export-preview>.preview-scroll{overscroll-behavior:contain;width:100%;height:100%;min-height:0;overflow:auto!important}.works-modal{width:min(1080px,100vw - 32px);max-height:88dvh}.works-modal>header{flex:none}.works-list{grid-template-columns:repeat(var(--work-columns,1),minmax(0,1fr));flex:auto;align-items:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:hidden auto}.works-masonry-column{flex-direction:column;gap:12px;min-width:0;display:flex}.rare-color-merge{z-index:3;border-top:1px solid var(--line);background:var(--panel);margin:12px -17px -17px;padding:10px 17px 13px;position:sticky;bottom:-17px}.rare-color-merge button{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}.rare-color-merge button:hover:not(:disabled){border-color:var(--accent)}.rare-color-merge button:disabled{opacity:.45;cursor:not-allowed}.rare-color-merge button small{float:right;color:var(--muted);font-size:10px;font-weight:600}.rare-color-merge p{min-height:12px;color:var(--muted);text-align:center;margin:4px 0 0;font-size:9px;line-height:1.25}.calibration-full-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.calibration-full-grid line{stroke:#3492ff80;stroke-width:1px;vector-effect:non-scaling-stroke}.calibration-grid{z-index:2;box-sizing:border-box;box-shadow:none;pointer-events:auto;cursor:grab;touch-action:none;background:0 0;border:1px solid #ff5962;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.calibration-grid:after,.calibration-grid:before{display:none}.calibration-grid:active{cursor:grabbing}.calibration-grid:focus-visible{outline-offset:3px;outline:1px solid #fff}.calibration-anchor-cell{pointer-events:none;border-bottom:1px solid #ff5962eb;border-right:1px solid #ff5962eb}.calibration-anchor-cell:nth-child(3n){border-right:0}.calibration-anchor-cell:nth-child(n+7){border-bottom:0}.calibration-resize-handle{z-index:3;box-sizing:border-box;width:2px;height:2px;box-shadow:none;opacity:.9;background:#fff;border:1px solid #ff5962;border-radius:50%;margin:0;padding:0;position:absolute}.calibration-resize-handle:after{content:"";position:absolute;inset:-7px}.calibration-resize-handle:focus-visible,.calibration-resize-handle:hover{background:#ff5962;outline:0}.calibration-resize-handle-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.calibration-resize-handle-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.calibration-resize-handle-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.calibration-resize-handle-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.grid-calibration-controls .calibration-stepper{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.grid-calibration-controls .calibration-stepper>span{white-space:nowrap;font-size:11px}.grid-calibration-controls .calibration-stepper .number-stepper{border-color:var(--line);background:var(--bg);grid-template-columns:40px 1fr 40px;width:140px;height:34px}.grid-calibration-controls .calibration-stepper .number-stepper button,.grid-calibration-controls .calibration-stepper .number-stepper input{font-size:13px;background:var(--bg)!important;color:var(--text)!important}.grid-calibration-controls .calibration-stepper .number-stepper button{font-size:17px;color:var(--muted)!important}.grid-calibration-modal{height:min(820px,100dvh - 32px);max-height:calc(100dvh - 32px)}.grid-calibration-body{flex:auto;overflow:hidden}.grid-calibration-preview{min-height:0}.grid-calibration-modal>footer{z-index:4;background:var(--panel);flex:none;position:relative}.grid-calibration-modal>footer button{white-space:nowrap}.grid-calibration-controls label.calibration-stepper{grid-template-columns:none;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.grid-calibration-controls label.calibration-stepper>span{flex:none}.grid-calibration-controls label.calibration-stepper .number-stepper{flex:auto;grid-template-columns:30px minmax(0,1fr) 30px;width:auto;min-width:0;height:34px}.grid-calibration-controls label.calibration-stepper .number-stepper button{min-width:0;font-size:16px}.grid-calibration-controls label.calibration-stepper .number-stepper input{min-width:0}.grid-calibration-controls{flex-direction:column;gap:14px;display:flex}.grid-control-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.grid-control-title button{background:var(--accent);color:var(--panel);cursor:pointer;border:0;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:750}.grid-coordinate-readout{text-align:right;font-size:12px;font-weight:700}.grid-control-main{grid-template-columns:1fr 100px;align-items:center;gap:12px;display:grid}.grid-size-control>b{margin-bottom:8px;font-size:12px;display:block}.grid-size-control>div{grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:7px;width:100%;display:grid}.grid-size-control{min-width:0}.grid-size-control button{font-size:22px;line-height:1}.grid-nudge-control button,.grid-size-control button{border:1px solid var(--line);background:var(--bg);height:38px;color:var(--text);cursor:pointer;border-radius:6px;font-weight:750}.grid-size-control input,.grid-size-control output{border:1px solid var(--line);background:var(--bg);border-radius:5px;min-width:0;height:38px;text-align:center;font-size:13px;font-weight:750}.grid-size-control input{outline:none}.grid-size-control input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00dc8230}.grid-nudge-control{place-items:center;gap:5px;display:grid}.grid-nudge-control>div{grid-template-columns:repeat(3,38px);gap:5px;display:grid}.grid-nudge-control>div button:nth-child(2){grid-column:2}.grid-fine-toggle{grid-template-columns:none!important;justify-content:space-between!important;align-items:center!important;margin:0!important;display:flex!important}.grid-fine-toggle>span{font-size:12px;font-weight:700}.grid-fine-toggle button{cursor:pointer;background:#777;border:0;border-radius:999px;width:42px;height:24px;position:relative}.grid-fine-toggle button i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .16s;position:absolute;top:3px;left:3px}.grid-precision-slider{flex-wrap:wrap;grid-template-columns:none!important;gap:5px!important;margin:0!important;font-size:11px!important;display:flex!important}.grid-precision-slider input{flex:1 0 100%;height:18px}.grid-precision-slider input:disabled{opacity:.35}.grid-calibration-controls>p{margin:0;font-size:10px;line-height:1.45}.pattern-color-map-modal{background:var(--panel);width:min(620px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pattern-color-map-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.pattern-color-map-modal p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.pattern-color-map-modal>header button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:27px;line-height:1}.pattern-color-map-list{flex:auto;min-height:0;padding:10px 16px;overflow:auto}.pattern-color-map-list article{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) 150px;align-items:center;gap:10px;padding:9px 2px;display:grid}.pattern-color-map-list article.assigned{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pattern-color-map-list article.assigned{background:color-mix(in srgb,var(--accent) 5%,transparent)}}.pattern-color-map-list .swatch{width:30px;height:30px}.pattern-color-map-list b,.pattern-color-map-list small{display:block}.pattern-color-map-list b{font-size:14px}.pattern-color-map-list small{color:var(--muted);margin-top:3px;font-size:10px}.pattern-color-map-list select{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--text);border-radius:5px;padding:7px 8px;font-size:12px}.pattern-color-map-modal>footer{z-index:2;border-top:1px solid var(--line);background:var(--panel);justify-content:flex-end;align-items:center;gap:8px;padding:13px 16px;display:flex;position:relative}.pattern-color-map-modal>footer small{color:var(--muted);margin-right:auto;font-size:11px}@media (max-width:560px){.pattern-color-map-list article{grid-template-columns:30px minmax(0,1fr) 118px;gap:7px}.pattern-color-map-modal>footer{flex-wrap:wrap}.pattern-color-map-modal>footer small{width:100%;margin-right:0}}.legend-review-modal{color:#f7f7f7;border:1px solid #4b4b4b;border-radius:14px;width:min(580px,100vw - 32px);overflow:hidden;box-shadow:0 28px 90px #0000009e;background:#242424!important}.legend-review-modal footer,.legend-review-modal header{background:#242424;border-bottom:1px solid #4b4b4b;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.legend-review-modal h2{margin:0 0 5px;font-size:19px}.legend-review-empty,.legend-review-modal p{color:#c5c5c5;margin:0;font-size:13px;line-height:1.5}.legend-review-modal header>button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:27px;line-height:1}.legend-review-body{background:#242424;padding:18px 20px}.legend-review-count{color:#c5c5c5;margin-bottom:12px;font-size:13px}.legend-crop-preview{background:#181818;border:1px solid #4b4b4b;border-radius:8px;margin:0 0 14px;padding:10px}.legend-crop-preview img{image-rendering:auto;max-width:100%;max-height:100px;margin:auto;display:block}.legend-crop-preview figcaption{color:#aaa;text-align:center;margin-top:7px;font-size:12px}.legend-code-list{flex-wrap:wrap;gap:8px;display:flex}.legend-code-chip{color:#fff;cursor:pointer;background:#181818;border:1px solid #575757;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;display:inline-flex}.legend-code-chip i{border:1px solid #0003;border-radius:50%;width:14px;height:14px}.legend-code-chip span{color:#aaa;font-size:16px;line-height:.7}.legend-add-code{align-items:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.legend-add-code select{color:#fff;background:#181818;border:1px solid #575757;border-radius:6px;flex:1;min-width:0;padding:8px}.legend-review-modal footer{border-top:1px solid #4b4b4b;border-bottom:0;justify-content:flex-end;align-items:center}@media (max-width:560px){.legend-review-body,.legend-review-modal footer,.legend-review-modal header{padding:14px}.legend-review-modal footer{flex-wrap:wrap}.legend-review-modal footer button{flex:1}.legend-add-code{flex-wrap:wrap}.legend-add-code select{min-width:150px}}.pattern-review-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.pattern-review-heading .swatch{flex:none;width:34px;height:34px}.pattern-review-heading b,.pattern-review-heading small{display:block}.pattern-review-heading small{color:var(--muted);margin-top:2px;font-size:11px}.pattern-review-heading em{color:var(--accent);margin-left:auto;font-size:11px;font-style:normal;font-weight:700}.pattern-review-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(35px,1fr));align-content:start;gap:4px;min-height:0;padding:14px 16px;display:grid;overflow:auto}.pattern-review-grid button{aspect-ratio:1;cursor:pointer;border:1px solid #0003;border-radius:3px;min-width:0;padding:0;position:relative}.pattern-review-grid button:hover{outline:2px solid var(--text);outline-offset:1px}.pattern-review-grid button.selected{outline:3px solid var(--accent);outline-offset:1px}.pattern-review-grid button span{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:8px;font-weight:800;display:grid;position:absolute;inset:0}.pattern-review-actions{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 16px;display:flex}.pattern-review-actions>span{color:var(--muted);margin-right:auto;font-size:11px}.pattern-review-actions select{border:1px solid var(--line);background:var(--bg);width:130px;color:var(--text);border-radius:5px;padding:7px;font-size:11px}.pattern-review-actions .secondary{padding:7px 10px;font-size:11px}.pattern-review-empty{color:var(--muted);flex:1;place-items:center;padding:42px;font-size:12px;display:grid}@media (max-width:560px){.pattern-review-grid{grid-template-columns:repeat(auto-fill,minmax(29px,1fr));gap:3px;padding:10px}.pattern-review-actions{flex-wrap:wrap}.pattern-review-actions>span{width:100%;margin-right:0}.pattern-review-actions select{flex:1}.pattern-review-actions .secondary{flex:none}}.pattern-review-grid{background:var(--bg);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(auto-fill,48px);justify-content:start;gap:9px;padding:16px}.pattern-review-grid button{aspect-ratio:auto;border-color:var(--text);width:48px;height:48px}@supports (color:color-mix(in lab,red,red)){.pattern-review-grid button{border-color:color-mix(in srgb,var(--text) 18%,transparent)}}.pattern-review-grid button{touch-action:none;background-repeat:no-repeat;border-radius:6px;box-shadow:inset 0 1px #fff4}.pattern-review-grid button span{white-space:nowrap;line-height:1;font-size:10px!important}.pattern-review-actions{flex-wrap:wrap}.pattern-review-actions>span{flex:180px;margin-right:0}.pattern-review-actions .secondary{white-space:nowrap}.pattern-review-actions select{width:140px}.pattern-color-map-modal>footer .secondary{white-space:nowrap}.import-review-pages{align-items:center;gap:3px;color:var(--muted)!important;flex:none!important;font-size:10px!important;display:inline-flex!important}.import-review-pages button{border:1px solid var(--line);background:var(--panel);width:22px;height:22px;color:var(--text);cursor:pointer;border-radius:4px}.import-review-pages button:disabled{opacity:.35;cursor:not-allowed}.import-review-pages b{text-align:center;min-width:28px;font-size:10px}.import-review-canvas{width:max-content;position:relative}.import-review-canvas canvas{display:block}.pattern-review-grid .import-review-canvas>button{outline:0;width:48px;height:48px;margin:0;padding:0;position:absolute;box-shadow:none!important;background:0 0!important;border:0!important}.pattern-review-grid .import-review-canvas>button.selected{outline:3px solid #00ea75!important}.import-color-add-backdrop{z-index:31}.import-color-add-modal{background:var(--panel);width:min(440px,100vw - 32px);max-height:80dvh;color:var(--text);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.import-color-add-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:16px;display:flex}.import-color-add-modal h2{margin:0 0 4px;font-size:18px}.import-color-add-modal p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.import-color-add-modal>header>button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1}.import-color-add-modal>div{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px;padding:12px;display:grid;overflow:auto}.import-color-add-modal>div>button{border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:7px;display:flex}.import-color-add-modal>div>button:hover{border-color:var(--accent)}.import-color-add-modal i{border:1px solid #0003;border-radius:3px;flex:0 0 17px;width:17px;height:17px}.import-color-add-modal b{font-size:11px}.works-list .work-card{border:1px solid var(--line);background:var(--bg);border-radius:9px;flex-direction:column;gap:0;min-width:0;padding:0;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.works-list .work-card{background:color-mix(in srgb,var(--bg) 48%,var(--panel))}}.works-list .work-card{width:100%;margin:0}.work-thumbnail{aspect-ratio:1;background:repeating-conic-gradient(#d1d1d1 0 25%,#f5f5f5 0 50%) 50%/12px 12px;border:0;border-radius:0;place-items:center;width:100%;display:grid;overflow:hidden}.dark .work-thumbnail{background:repeating-conic-gradient(#2a2b2f 0 25%,#1c1d21 0 50%) 50%/12px 12px}.work-thumbnail canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transition:border-radius .16s;display:block}.work-card:hover .work-thumbnail canvas{border-radius:8px}.work-thumbnail>span{color:var(--muted);font-size:34px;font-weight:900}.work-card-details{text-align:left;min-width:0;padding:11px 12px 0}.work-card-details b{-webkit-line-clamp:2;text-overflow:ellipsis;text-align:left;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.work-card-details small,.work-card-details time{text-align:left;font-size:10px;line-height:1.45}.works-list .work-card .work-card-details{text-align:left!important;align-self:stretch!important;width:100%!important;min-width:0!important;margin:0!important;padding:12px!important;display:block!important}.works-list .work-card .work-card-details>*{text-align:left!important;justify-self:start!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.work-title-row{align-items:flex-start;gap:5px;display:flex!important}.work-title-row>b{flex:1;min-width:0}.work-rename{width:22px;height:22px;color:var(--muted);opacity:0;cursor:pointer;background:0 0;border:0;flex:0 0 22px;padding:2px;line-height:1}.work-rename svg{fill:currentColor;width:100%;height:100%;display:block}.work-card:hover .work-rename,.work-title-row:focus-within .work-rename{opacity:1}.work-rename:hover{color:var(--text)}.work-title-input{border:1px solid var(--accent);background:var(--bg);width:100%;color:var(--text);border-radius:4px;outline:none;padding:3px 5px;font-size:13px;font-weight:700}@media (max-width:700px){.app{height:100svh!important;min-height:100svh!important}.bottom-action-bar{min-height:calc(52px + env(safe-area-inset-bottom))!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.main,.main.export-main{padding-bottom:max(7px,env(safe-area-inset-bottom))}}.work-card-actions{grid-template-columns:1fr auto auto;gap:7px;margin-top:auto;padding:10px;display:grid}.work-card-actions .work-export{text-align:center;width:31px;min-width:31px;height:31px;line-height:0;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.work-card-actions .work-export svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px;width:16px;height:16px;display:block}.work-card-actions .danger,.work-card-actions .secondary{padding:7px 8px;font-size:11px}@media (max-width:600px){.works-list,.works-masonry-column{gap:8px}.works-list{padding:10px}.work-card-details{padding:8px 8px 0}.work-card-actions{grid-template-columns:1fr;padding:8px}.work-card-actions .danger{order:2}.works-modal{width:calc(100vw - 18px)}}.app.dark .preview-scroll{background:var(--panel)!important}.export-zoom-toolbar{border-radius:8px;gap:5px;padding:6px}.export-zoom-toolbar button{border:1px solid var(--line);background:var(--panel);min-width:32px;height:32px;color:var(--text);padding:0;font-weight:750;border-radius:6px!important}.export-zoom-toolbar .zoom-value{min-width:58px;font-size:11px}.export-zoom-toolbar span{color:var(--muted);padding:0 5px;font-size:10px}.app.dark .export-zoom-toolbar{background:#18191d;border-color:#2d2e34;box-shadow:0 8px 24px #00000038}.app.dark .export-zoom-toolbar button{color:#f7f7f7;background:#252525;border-color:#3a3a3a}.app:not(.dark) .export-zoom-toolbar{background:#fff;border-color:#dfe0e3;box-shadow:0 8px 22px #18181b17}.app .selected-color-toggle.on{border-color:var(--line)!important}.app.dark .selected-color-toggle.on{border-color:#565656!important}.main.step-1-main{grid-template-columns:minmax(0,1fr) 260px}.confirm-modal{border:1px solid var(--line);background:var(--panel);width:min(400px,100vw - 32px);color:var(--text);border-radius:10px;padding:22px;box-shadow:0 18px 58px #0007}.confirm-modal h2{margin:0 0 10px;font-size:17px}.confirm-modal p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.confirm-modal>div{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (max-width:680px){.main.step-1-main{display:flex}.main.step-1-main .workspace{order:1}.main.step-1-main{flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;display:flex!important}.main.step-1-main .workspace.step-1{flex:100%;order:1;align-self:stretch;width:100%;height:100%;min-height:0}.main.step-1-main .right{display:none!important}}.preview-scroll.pan-ready,.preview-scroll.pan-ready canvas,.workspace.pan-ready .original{cursor:grab}.preview-scroll.panning,.preview-scroll.panning canvas,.workspace.panning .original{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-scroll.panning .export-canvas-stage,.workspace.panning .original{pointer-events:none}.step{gap:1px}.step span{align-items:baseline;gap:2px;display:flex}.step span small{font-size:10px;font-weight:500;display:none}@media (max-width:700px){.steps{justify-content:center;min-width:0!important}.steps .step{display:none}.steps .step.active{background:0 0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff9e;border:0!important;border-radius:999px!important;padding:5px 10px!important}.steps .step.active i{display:none}.steps .step.active span{color:var(--text);white-space:nowrap;gap:2px;display:flex!important}.steps .step.active span small{display:inline}.steps .step.active span:after,.steps .step:after{display:none!important}}.crop-ratio-toolbar{grid-template-columns:auto repeat(6,minmax(54px,70px)) 1fr;gap:5px}.crop-ratio-toolbar button{border-radius:6px;min-height:42px;padding:6px 5px}.crop-ratio-toolbar button b{font-size:11px}.crop-ratio-toolbar button small{font-size:8px}.crop-transform-tools{justify-content:flex-end;gap:5px;margin-left:8px}.crop-transform-tools button{white-space:nowrap;align-items:center;min-width:auto;padding:6px 10px;display:flex}@media (max-width:700px){.crop-ratio-toolbar{grid-template-columns:repeat(3,1fr)}.crop-transform-tools{grid-column:1/-1;margin:3px 0 0}.crop-transform-tools button{flex:1}}.crop-modal{position:relative}.crop-modal>.crop-close-bar{z-index:20;background:0 0;border:0;width:auto;padding:0;position:absolute;top:10px;right:12px}.crop-modal>.crop-close-bar button{border:1px solid var(--line);background:var(--panel);border-radius:6px;place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab,red,red)){.crop-modal>.crop-close-bar button{background:color-mix(in srgb,var(--panel) 92%,transparent)}}.crop-modal>.crop-close-bar button{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:24px;line-height:1}.crop-modal>.crop-body{padding-top:18px}.crop-stage{min-height:min(620px,100dvh - 220px)}@media (max-width:700px){.crop-modal>.crop-body{padding-top:12px}.crop-stage{min-height:calc(100dvh - 255px)}}.crop-ratio-toolbar{scrollbar-width:none;align-items:center;gap:4px;margin-right:42px;padding:0 2px 4px;overflow-x:auto;display:flex!important}.crop-ratio-toolbar::-webkit-scrollbar{display:none}.crop-ratio-toolbar>button{border-radius:5px;flex:0 0 56px;place-items:center;min-width:56px;height:34px;min-height:34px;padding:4px 6px;display:grid}.crop-ratio-toolbar>button b{font-size:11px;line-height:1}.crop-ratio-toolbar>button small{display:none}.crop-transform-tools{border-left:1px solid var(--line);flex:none;gap:4px;margin:0 0 0 4px;padding-left:8px;display:flex}.crop-transform-tools button{border-radius:5px;font-size:19px;flex:0 0 34px!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:grid!important}.crop-modal>.crop-close-bar{top:9px;right:10px}.crop-modal>.crop-close-bar button{width:34px;height:34px}@media (max-width:700px){.crop-ratio-toolbar{grid-template-columns:none;margin-right:40px;display:flex!important}.crop-transform-tools{grid-column:auto}.crop-transform-tools button{flex:0 0 34px!important}}.crop-stage{overscroll-behavior:contain;place-items:start;overflow:auto}.crop-stage:before{content:"";min-width:14px;min-height:14px;display:block}.crop-image-wrap{max-width:none;margin:auto}.photo-crop-modal .crop-stage{place-items:center;overflow:hidden}.photo-crop-modal .crop-image-wrap{max-width:100%;margin:0}.crop-auto-align{white-space:nowrap;flex:none!important;width:auto!important;min-width:112px!important;padding:0 10px!important}.import-crop-ratios{flex:none;align-items:center;gap:4px;display:flex}.import-crop-ratios button{border:1px solid var(--line);background:var(--panel);width:42px;height:34px;color:var(--text);cursor:pointer;border-radius:5px;font-size:11px;min-width:42px!important;min-height:34px!important;padding:0!important}.import-crop-ratios button.on{background:var(--accent);border-color:var(--accent);color:var(--panel)}.crop-zoom-tools{border:1px solid var(--line);background:var(--panel);border-radius:5px;flex:none;align-items:center;height:34px;display:flex;overflow:hidden}.crop-zoom-tools button{line-height:1;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;color:var(--text)!important;background:0 0!important;border:0!important;border-radius:0!important;flex:0 0 32px!important;padding:0!important;font-size:19px!important}.crop-zoom-tools b{text-align:center;min-width:48px;font-size:11px;line-height:32px}@media (max-width:700px){.crop-auto-align{min-width:100px!important}.import-crop-ratios button{width:36px;min-width:36px!important}.crop-zoom-tools{height:30px}.crop-zoom-tools button{height:30px!important;min-height:30px!important}.crop-zoom-tools b{line-height:30px}}.pattern-crop-modal .crop-ratio-toolbar{gap:3px!important;padding:0 0 3px!important;overflow:hidden!important}.pattern-crop-modal .pattern-import-step{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden;padding:0 3px!important}.pattern-crop-modal .import-crop-ratios{flex:none!important;align-items:center!important;gap:3px!important}.pattern-crop-modal .import-crop-ratios button{flex:0 0 34px!important;place-items:center!important;width:34px!important;min-width:34px!important;height:30px!important;min-height:30px!important;padding:0!important;font-size:10px!important;display:grid!important}.pattern-crop-modal .crop-zoom-tools{height:30px!important}.pattern-crop-modal .crop-zoom-tools button{height:30px!important;min-height:30px!important}.pattern-crop-modal .crop-ratio-toolbar{gap:2px!important}.pattern-crop-modal .pattern-import-step{letter-spacing:0!important;font-size:10px!important}.pattern-crop-modal .crop-auto-align{min-width:84px!important;padding:0 5px!important;font-size:9px!important}.pattern-crop-modal .crop-auto-align b{font-size:9px!important}.pattern-crop-modal .import-crop-ratios{gap:2px!important}.pattern-crop-modal .import-crop-ratios button{flex-basis:29px!important;width:29px!important;min-width:29px!important;height:26px!important;min-height:26px!important;font-size:9px!important}.pattern-crop-modal .crop-zoom-tools{border-radius:4px!important;height:26px!important}.pattern-crop-modal .crop-zoom-tools button{flex-basis:25px!important;width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;font-size:15px!important}.pattern-crop-modal .crop-zoom-tools b{min-width:36px!important;font-size:9px!important;line-height:25px!important}.pattern-crop-modal .crop-transform-tools{gap:2px!important;margin-left:2px!important;padding-left:3px!important}.pattern-crop-modal .crop-transform-tools button{flex-basis:26px!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;font-size:14px!important}.grid-calibration-modal,.legend-review-modal,.pattern-color-map-modal,.pattern-crop-modal,.pattern-import-modal{overflow:auto;height:88dvh!important;max-height:88dvh!important}.grid-calibration-modal,.legend-review-modal,.pattern-color-map-modal,.pattern-import-modal{flex-direction:column;display:flex}.grid-calibration-body,.legend-review-body{min-height:0;overflow:auto}.legend-review-modal>footer,.legend-review-modal>header,.pattern-color-map-modal>footer,.pattern-color-map-modal>header{flex:none}.legend-add-code{z-index:40;position:relative;align-items:center!important;gap:6px!important;height:34px!important;min-height:34px!important;max-height:34px!important;margin-top:10px!important;font-size:11px!important;display:flex!important}.legend-add-code>b{flex:none;line-height:1!important}.legend-code-picker{z-index:41;flex:1;min-width:0;position:relative;height:34px!important;display:block!important}.legend-code-picker-trigger{color:#fff;text-align:left;cursor:pointer;background:#181818;border:1px solid #575757;border-radius:5px;justify-content:space-between;width:100%;padding:6px 8px;font-size:12px;line-height:1;overflow:hidden;align-items:center!important;height:34px!important;min-height:34px!important;max-height:34px!important;display:flex!important}.legend-picker-chevron{background:0 0!important;border-bottom:2px solid #aaa!important;border-right:2px solid #aaa!important;flex:0 0 8px!important;width:8px!important;height:8px!important;margin:0 2px 3px 8px!important;display:block!important;transform:rotate(45deg)!important}.legend-code-picker-panel{z-index:42;background:#171717;border:1px solid #575757;border-radius:8px;width:100%;max-height:180px;padding:7px;position:absolute;top:calc(100% + 7px);left:0;overflow:auto;box-shadow:0 12px 30px #000a}.legend-review-body:has(.legend-code-picker-panel){z-index:40;position:relative;overflow:visible!important}.legend-code-letter{border-bottom:1px solid #353535;grid-template-columns:32px 1fr;gap:8px;padding:7px 0;display:grid}.legend-code-letter:last-child{border-bottom:0}.legend-code-letter>b{color:#aaa;padding-top:5px;font-size:12px}.legend-code-letter>div{flex-wrap:wrap;gap:5px;display:flex}.legend-code-letter button{color:#fff;cursor:pointer;background:#242424;border:1px solid #4d4d4d;border-radius:5px;min-width:42px;padding:5px 7px;font-size:12px}.legend-code-letter button:hover{background:#173b2a;border-color:#00d977}.legend-code-picker-panel input{color:#fff;width:100%;height:30px;font:inherit;background:#242424;border:1px solid #505050;border-radius:5px;outline:0;margin:0 0 7px;padding:5px 8px;font-size:11px;display:block}.legend-code-picker-panel input:focus{border-color:#00db78}.legend-code-picker-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:5px;display:grid}.legend-code-picker-grid button{cursor:pointer;color:#f5f5f5!important;background:#252525!important;border:1px solid #3e3e3e!important;border-radius:5px!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:31px!important;padding:4px 6px!important;font-size:11px!important;font-weight:700!important;line-height:1!important;display:flex!important}.legend-code-picker-grid button.selected,.legend-code-picker-grid button:hover{background:#193827!important;border-color:#00db78!important}.legend-code-picker-grid button i{border:1px solid #0004!important;border-radius:4px!important;flex:0 0 15px!important;width:15px!important;height:15px!important;display:block!important}.legend-review-modal .legend-code-list{gap:4px!important}.legend-review-modal .legend-code-chip{border-radius:6px!important;padding:4px 6px!important}.legend-review-modal .legend-code-chip i{flex:0 0 11px!important;width:11px!important;height:11px!important}.legend-review-modal .legend-code-chip span{font-size:13px!important;line-height:1!important}.pattern-review-actions{position:relative;overflow:visible!important}.import-move-picker{z-index:20;flex:none;position:relative}.import-move-picker-trigger{border:1px solid var(--line);background:var(--bg);min-width:82px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:7px;font-weight:700;line-height:1.1;display:flex;padding:5px 7px!important;font-size:10px!important}.import-move-picker-trigger:disabled{opacity:.45;cursor:not-allowed}.import-move-picker-trigger span{color:var(--muted);font-size:11px}.import-move-picker-panel{z-index:80;border:1px solid var(--line);background:var(--panel);border-radius:7px;width:184px;max-height:176px;padding:6px;position:absolute;bottom:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 10px 28px #0009}.import-move-picker-panel input{border:1px solid var(--line);background:var(--bg);width:100%;height:25px;color:var(--text);border-radius:4px;outline:0;margin:0 0 5px;padding:4px 6px;font-size:10px;display:block}.import-move-picker-panel input:focus{border-color:var(--accent)}.import-move-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.import-move-picker-grid button{border:1px solid var(--line);background:var(--bg);min-width:0;height:25px;color:var(--text);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:3px 4px;font-size:10px;font-weight:700;line-height:1;display:flex}.import-move-picker-grid button:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.import-move-picker-grid button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg))}}.import-move-picker-grid i{border:1px solid #0004;border-radius:3px;flex:0 0 11px;width:11px;height:11px}.pattern-color-tabs{border-bottom:1px solid var(--line);background:var(--panel);scrollbar-width:thin;gap:8px;padding:14px 18px;display:flex;overflow-x:auto}.pattern-color-tabs button{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:7px;flex:none;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.pattern-color-tabs button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pattern-color-tabs button.active{background:color-mix(in srgb,var(--accent) 10%,var(--bg))}}.pattern-color-tabs i{border:1px solid #0004;border-radius:4px;width:17px;height:17px}.pattern-color-tabs small{color:var(--muted);padding-left:3px;font-size:11px;font-weight:600}.grid-calibration-modal{width:min(1120px,100vw - 16px)!important}.grid-calibration-modal>header{padding:12px 14px!important}.grid-calibration-modal h2{font-size:15px!important}.grid-calibration-modal header small{font-size:9px!important}.grid-calibration-modal>header>button{font-size:22px!important}.grid-calibration-body{grid-template-columns:minmax(0,1fr) 156px!important;min-width:0!important;display:grid!important}.grid-calibration-preview{padding:10px!important}.grid-calibration-controls{border-left:1px solid var(--line)!important;border-top:0!important;gap:8px!important;min-width:0!important;padding:9px!important;overflow:auto!important}.grid-control-title b{font-size:10px!important}.grid-control-title button{padding:5px!important;font-size:8px!important}.grid-coordinate-readout{text-align:left!important;font-size:9px!important}.grid-control-main{flex-direction:column!important;align-items:stretch!important;gap:7px!important;display:flex!important}.grid-size-control>b{margin-bottom:4px!important;font-size:9px!important}.grid-size-control>div{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:3px!important}.grid-nudge-control button,.grid-size-control button{border-radius:4px!important;height:27px!important;font-size:9px!important}.grid-size-control output{font-size:9px!important}.grid-nudge-control{justify-items:center!important;gap:3px!important}.grid-nudge-control>button{width:27px!important}.grid-nudge-control>div{grid-template-columns:repeat(3,27px)!important;gap:3px!important}.grid-fine-toggle>span,.grid-precision-slider{font-size:9px!important}.grid-fine-toggle button{width:34px!important;height:19px!important}.grid-precision-slider input{height:14px!important}.grid-calibration-controls>p{font-size:8px!important;line-height:1.35!important}.grid-calibration-modal>footer{padding:10px 14px!important}.grid-calibration-modal>footer button{padding:7px 10px!important;font-size:11px!important}.grid-calibration-preview{position:relative}.calibration-zoom-toolbar{z-index:6;border:1px solid var(--line);background:var(--panel);border-radius:5px;align-items:center;gap:2px;width:max-content;margin:0 0 8px auto;padding:3px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0003}.calibration-zoom-toolbar button{width:22px;height:22px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0;font-size:14px;line-height:1}.calibration-zoom-toolbar button:hover{background:var(--bg)}.calibration-zoom-toolbar b{text-align:center;min-width:30px;font-size:8px}.grid-calibration-preview{touch-action:pan-x pan-y}.grid-calibration-image{transition:width 80ms}.grid-fine-toggle button{background:#666!important;width:29px!important;height:17px!important}.grid-fine-toggle button i{width:13px!important;height:13px!important;top:2px!important;left:2px!important}.grid-fine-toggle button.on{background:#00ea75!important}.grid-fine-toggle button.on i{transform:translate(12px)!important}@media (min-width:376px) and (max-width:900px){body,html{height:100%;min-height:0;overflow:hidden}.app{grid-template-rows:68px minmax(0,1fr) 58px;height:100dvh;min-height:0}.header{flex-wrap:nowrap;gap:8px;height:68px;min-height:68px;padding:0 14px;display:flex}.brand{flex:0 0 184px;width:184px;min-width:0}.brand-logo{max-width:100%}.tools{flex:none;gap:5px;width:auto}.tools button{width:34px;height:34px}.steps{order:0;flex:auto;width:auto;min-width:220px}.step{font-size:12px}.step:not(:last-child):after{display:none}.step i{border:0;width:auto;height:auto;margin-right:1px;color:inherit!important;background:0 0!important}.main,.main.export-main{grid-template-columns:210px minmax(260px,1fr) 188px;gap:9px;height:auto;min-height:0;padding:9px;display:grid;overflow:hidden}.main.export-main{grid-template-columns:220px minmax(300px,1fr) 190px}.export-options,.left,.materials,.right{order:0;min-height:0;max-height:none;padding:13px;display:block;overflow:auto}.export-preview,.workspace{order:0;height:auto;min-height:0;overflow:auto}.dark-settings-panel{overflow:auto}.reference-settings{padding-bottom:12px!important}.materials,.right,.workspace.has-pattern{display:block}footer{height:58px;min-height:58px;padding:0 14px;position:relative}}.steps .step{gap:1px;font-size:13px;line-height:1}.steps .step i,.steps .step span{font-size:inherit;line-height:1;font-weight:inherit}.steps .step i{width:auto;min-width:0;height:auto;margin:0}.steps .step span{gap:2px}@media (min-width:376px) and (max-width:900px){.steps .step{gap:1px;font-size:12px}.steps .step i,.steps .step span{font-size:12px!important}}@media (max-width:375px){.steps .step.active span,.steps .step.active span small{line-height:1;font-size:12px!important}}.pattern-grid{isolation:isolate;position:relative;background:0 0!important;gap:0!important;padding:0!important}.pattern-grid.show-grid:after{content:"";z-index:2;pointer-events:none;background-image:repeating-linear-gradient(to right,var(--grid-color) 0 .5px,transparent .5px var(--cell-size)),repeating-linear-gradient(to bottom,var(--grid-color) 0 .5px,transparent .5px var(--cell-size)),repeating-linear-gradient(to right,var(--major-grid-color) 0 1px,transparent 1px var(--major-grid-size)),repeating-linear-gradient(to bottom,var(--major-grid-color) 0 1px,transparent 1px var(--major-grid-size));position:absolute;inset:0}.pattern-grid button{z-index:1;position:relative}.pattern-grid button.range-selected-cell{z-index:3}.pattern-grid .cell-cursor-indicator{z-index:4;pointer-events:none;will-change:transform;background:#ffffff1f;display:none;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #fffffff2,0 0 0 1px #000000d1}.dark-settings-panel .setting-block p em,.key-text,.palette-count-text{color:#00a956!important}.app.dark .dark-settings-panel .setting-block p em,.app.dark .key-text,.app.dark .palette-count-text{color:#00ea75!important}.export-options{padding:12px 14px}.export-options h2{margin:0 0 8px;font-size:14px}.export-options h3{white-space:nowrap;margin:10px -14px 0;padding:0 14px 7px;font-size:11px;line-height:1.2}.export-options label{white-space:nowrap;min-height:36px;font-size:12px}.export-options .seg button{padding:6px 10px;font-size:11px}.export-options .switch-control{transform-origin:100%;transform:scale(.86)}.export-options label{border-bottom:0}.export-options .seg{margin:7px 0}@media (max-width:600px){.export-options{padding:10px 12px}.export-options h3{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.export-options label{min-height:34px}}.adjustment-floating-panel{gap:7px;width:min(720px,100% - 20px);padding:7px 8px;border-radius:10px!important}.adjustment-mode-groups{gap:5px}.ai-quick-tools>small,.floating-mode-group small{margin-bottom:3px;font-size:8px;font-weight:500}.floating-mode-group>div{gap:3px}.floating-mode-group button,.floating-pattern-actions button{height:29px;min-height:29px;padding:0 7px;font-size:9px;font-weight:500!important}.floating-mode-group button{justify-content:center;align-items:center;gap:4px;display:inline-flex}.floating-mode-group button span{font-size:11px}.floating-mode-group button b,.floating-pattern-actions button b{font:inherit;font-weight:500}.ai-quick-tools,.pixel-mode-group{padding-left:7px}.floating-pattern-actions{gap:3px;padding-left:7px!important}.floating-pattern-actions button{min-width:29px;border-radius:6px!important}.floating-pattern-actions button span{font-size:12px}@media (min-width:376px) and (max-width:900px){.adjustment-floating-panel{scrollbar-width:none;flex-direction:row;align-items:center;width:max-content;max-width:calc(100% - 14px);padding:5px 6px;position:sticky;bottom:7px;overflow-x:auto;margin:8px auto 7px!important}.adjustment-floating-panel::-webkit-scrollbar{display:none}.adjustment-mode-groups{flex-direction:row;flex:none;align-items:center}.ai-quick-tools,.floating-mode-group,.pixel-mode-group{align-items:center;padding:0;display:flex;border:0!important}.ai-quick-tools>small,.floating-mode-group small{display:none}.floating-mode-group button,.floating-pattern-actions button{width:30px;min-width:30px;height:30px;padding:0}.floating-mode-group button b,.floating-pattern-actions button b{display:none}.floating-mode-group button span,.floating-pattern-actions button span{font-size:13px}.floating-pattern-actions{gap:3px;width:auto;display:flex;border:0!important;padding:0!important}.floating-pattern-actions button{flex:0 0 30px}.floating-pattern-actions .adjust-history-button{display:inline-flex}}@media (max-width:375px){.adjustment-floating-panel{gap:4px;width:calc(100% - 10px);padding:5px}.adjustment-floating-panel small{display:none}.adjustment-mode-groups{flex-direction:row;align-items:center;gap:3px}.ai-quick-tools,.floating-mode-group,.pixel-mode-group{padding:0;border:0!important}.floating-mode-group>div,.floating-pattern-actions{gap:2px;display:flex!important}.floating-mode-group button,.floating-pattern-actions button{width:29px;min-width:29px;height:29px;padding:0}.floating-mode-group button b,.floating-pattern-actions button b{display:none}.floating-pattern-actions{border:0!important;padding:0!important}.floating-pattern-actions .adjust-history-button{display:inline-flex}}.save-tool-icon{display:none}@media (max-width:680px){.header .tools .save-tool{place-items:center;width:34px;min-width:34px;padding:0!important;display:grid!important}.header .tools .save-tool-label{display:none}.header .tools .save-tool-icon{font-size:16px;line-height:1;display:block}.header .tools .save-tool-icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;display:block}}@media (max-width:375px){.header .tools .save-tool{width:26px;min-width:26px}.header .tools .save-tool:before{content:none!important}.header .tools .save-tool-icon{font-size:13px}.header .tools .save-tool-icon svg{width:17px;height:17px}}@media (max-width:680px){.main.step-1-main{align-items:stretch;width:100%;height:100%;min-height:0;flex-direction:column!important;display:flex!important}.main.step-1-main .workspace.step-1{flex:auto;order:1;align-self:stretch;width:100%;height:100%;min-height:0}.main.step-1-main .right{display:none!important}}@media (max-width:700px){.workspace.step-2 .canvas-grid-toolbar,.workspace.step-2 .canvas-zoom-toolbar{border-radius:6px;gap:3px;padding:4px}.workspace.step-2 .canvas-grid-toolbar>button,.workspace.step-2 .canvas-zoom-toolbar button{width:26px;min-width:26px;height:26px;padding:4px}.workspace.step-2 .canvas-zoom-toolbar .zoom-value{min-width:44px;font-size:10px}.workspace.step-2 .grid-opacity-control{height:26px;padding:0 5px}.workspace.step-2 .grid-opacity-control input{width:34px}.workspace.step-2 .nine-grid-icon{gap:1.5px;width:16px;height:16px}.workspace.step-2 .adjustment-floating-panel{gap:3px;padding:4px 5px;border-radius:7px!important}.workspace.step-2 .floating-mode-group button,.workspace.step-2 .floating-pattern-actions button{width:26px;min-width:26px;height:26px;min-height:26px;border-radius:5px!important}.workspace.step-2 .floating-mode-group button span,.workspace.step-2 .floating-pattern-actions button span{font-size:11px}}@media (max-width:375px){body,html{height:100%;font-size:13px}.app,body,html{width:100%;overflow:hidden}.app{grid-template-rows:58px minmax(0,1fr) 52px;height:100dvh;min-height:0}.header{flex-wrap:nowrap;gap:4px;height:58px;min-height:58px;padding:5px 7px;display:flex;position:relative;overflow:hidden}.header .brand{flex:0 0 112px;width:112px;min-width:0;height:48px;padding:1px 0}.header .brand-logo{object-fit:contain;width:112px;height:44px;transform:none}.header .steps{order:0;flex:none;width:auto;min-width:0!important}.header .steps .step.active{height:28px;font-size:10px;border-radius:999px!important;padding:3px 8px!important}.header .steps .step.active span,.header .steps .step.active span small{gap:1px;font-size:10px!important}.header .tools{flex:auto;justify-content:flex-end;gap:2px;width:auto;min-width:0}.header .tools button{width:26px;min-width:26px;height:26px;padding:0;font-size:12px;border-radius:4px!important}.header .tools .text-tool{width:26px;padding:0;font-size:0}.header .tools .text-tool:first-child{place-items:center;display:inline-grid}.header .tools .text-tool:first-child:before{content:"存";font-size:10px}.header .tools .text-tool:nth-child(2):before{content:"作";font-size:10px}.main,.main.export-main{-webkit-overflow-scrolling:touch;flex-direction:column;gap:5px;height:auto;min-height:0;padding:5px;display:flex;overflow:hidden auto}.export-preview,.panel,.workspace{border-radius:5px}.export-options,.left,.materials,.right{padding:9px}.panel h2{margin-bottom:9px;font-size:13px}.panel h3{margin:0 -9px 8px;padding:0 9px 8px;font-size:12px}.panel h3:not(:first-child){margin-top:13px}.reference-settings{padding:5px 9px 10px!important}.reference-settings .setting-block{padding:9px 0!important}.reference-settings .setting-block>label,.reference-settings .setting-label{font-size:11px}.reference-settings p{margin:4px 0;font-size:9px;line-height:1.35}.reference-settings small{font-size:9px}.reference-settings .option-tabs button{min-height:30px;padding:5px 7px;font-size:11px}.number-stepper button,.number-stepper span{min-width:28px;height:28px;font-size:11px}.main:has(.workspace.step-2) .left{flex:none;max-height:31dvh;overflow:auto}.main:has(.workspace.step-2) .workspace{flex:1 0 48dvh;min-height:48dvh}.main:has(.workspace.step-3) .workspace{min-height:70dvh}.workspace.has-pattern .canvas-zoom-content{padding:38px 8px 42px}.right{display:none!important}.workspace .original{gap:7px;padding:12px}.original span,.original>button{font-size:10px}.file-card{gap:5px}.file-card b{font-size:11px}.file-card small{font-size:9px}.file-card img{max-height:110px}.bottom-action-bar{height:52px;min-height:52px;padding:5px 7px max(5px,env(safe-area-inset-bottom))}.bottom-action-bar>div:first-child{gap:3px;max-width:28vw}.bottom-action-bar>div:first-child span{font-size:9px}.bottom-action-bar>div:last-child{gap:4px}.bottom-action-bar .primary,.bottom-action-bar .secondary{min-width:0;height:34px;padding:6px 9px;font-size:11px;border-radius:5px!important}.adjustment-floating-panel{max-width:calc(100% - 8px);overflow-x:auto}.canvas-grid-toolbar,.canvas-zoom-toolbar{margin-top:4px}.workspace.step-2 .canvas-grid-toolbar{margin-left:4px}.workspace.step-2 .canvas-zoom-toolbar{margin-right:4px}.export-options{font-size:11px}.export-options h2{font-size:12px}.export-options h3{font-size:10px}.export-options label{min-height:30px;font-size:10px}.export-preview{min-height:58dvh}.modal-backdrop{padding:5px}.crop-modal{border-radius:7px;max-height:calc(100dvh - 10px)}.crop-modal>.crop-body{padding:7px}.crop-ratio-toolbar{margin-right:34px}.crop-ratio-toolbar>button{flex-basis:48px;min-width:48px;height:30px;min-height:30px}.crop-stage{min-height:calc(100dvh - 190px)}}.adjustment-floating-panel .ai-quick-tools,.adjustment-floating-panel .floating-pattern-actions,.adjustment-floating-panel .pixel-mode-group{border:0!important}@media (max-width:700px){.workspace.step-2 .canvas-grid-toolbar,.workspace.step-2 .canvas-zoom-toolbar{border-radius:5px;gap:2px;padding:3px}.workspace.step-2 .canvas-grid-toolbar>button,.workspace.step-2 .canvas-zoom-toolbar button{justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;padding:0;font-size:14px;line-height:1;display:inline-flex}.workspace.step-2 .canvas-zoom-toolbar .zoom-value{min-width:38px;font-size:9px;line-height:1}.workspace.step-2 .grid-opacity-control{border-left:0;border-right:0;height:22px;padding:0 4px}.workspace.step-2 .grid-opacity-control input{width:28px}.workspace.step-2 .nine-grid-icon{gap:1px;width:14px;height:14px}.workspace.step-2 .adjustment-floating-panel{gap:2px;padding:3px 4px;box-shadow:0 3px 10px #0000001f}.workspace.step-2 .floating-mode-group>div,.workspace.step-2 .floating-pattern-actions{gap:1px}.workspace.step-2 .floating-mode-group button,.workspace.step-2 .floating-pattern-actions button{justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;display:inline-flex;border-color:#0000!important}.workspace.step-2 .floating-mode-group button span,.workspace.step-2 .floating-pattern-actions button span{justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}}@media (max-width:900px){.workspace.step-2 .adjustment-mode-groups .floating-mode-group button{width:auto;min-width:43px;padding:0 7px}.workspace.step-2 .adjustment-mode-groups .floating-mode-group button b{font-size:10px;font-weight:500;line-height:1;display:inline}}@media (max-width:600px){.main.editing-main{flex-direction:column!important;gap:6px!important;width:100%!important;min-width:0!important;padding:6px!important;display:flex!important;overflow:hidden auto!important}.main.editing-main>.workspace{order:1!important;height:calc(100dvh - 205px)!important;min-height:calc(100dvh - 205px)!important}.main.editing-main>.right,.main.editing-main>.workspace{flex:none!important;width:100%!important;min-width:0!important;display:block!important;overflow:auto!important}.main.editing-main>.right{order:2!important;height:auto!important;max-height:190px!important;padding:9px 10px!important}.main.editing-main>.right .palette-heading{margin:0 0 7px!important;padding:0 0 7px!important;font-size:11px!important}.main.editing-main>.right>.key-text{margin:0 0 6px!important;font-size:9px!important}.main.editing-main>.right .palette{grid-template-rows:repeat(2,34px)!important;grid-auto-columns:minmax(76px,92px)!important;grid-auto-flow:column!important;gap:4px!important;padding-bottom:4px!important;display:grid!important;overflow:auto hidden!important}.main.editing-main>.right .palette button{grid-template-columns:20px 1fr auto!important;gap:5px!important;min-width:0!important;padding:3px 5px!important;font-size:10px!important}.main.editing-main>.right .palette .swatch{width:18px!important;height:18px!important}.main.editing-main>.right .palette small{font-size:8px!important}}.option-tabs.quad{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.option-tabs.quad button{white-space:nowrap;min-width:0;padding-inline:4px}.dark-settings-panel .option-tabs.quad{gap:7px;width:100%}.workspace.step-2 .adjustment-floating-panel{z-index:16;transform:translate(-50%);margin:0!important;position:absolute!important;inset:auto auto 12px 50%!important}@media (max-width:700px){.workspace.step-2 .adjustment-floating-panel{max-width:calc(100% - 12px);bottom:8px!important}}.workspace.step-2.has-pattern{overflow:hidden;display:block!important}.workspace.step-2.has-pattern .canvas-scroll-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;position:absolute;inset:0;overflow:auto}.canvas-scroll-viewport-pass-through{display:contents}.workspace.step-2.has-pattern .canvas-grid-toolbar{z-index:17;float:none;margin:0;position:absolute;top:10px;left:10px}.workspace.step-2.has-pattern .canvas-zoom-toolbar{z-index:17;float:none;margin:0;position:absolute;top:10px;right:10px}.workspace.step-2.has-pattern .canvas-zoom-content{width:max(100%,calc(var(--canvas-pattern-width) + 112px));min-width:max(100%,calc(var(--canvas-pattern-width) + 112px));height:max(100%,calc(var(--canvas-pattern-height) + 240px));min-height:max(100%,calc(var(--canvas-pattern-height) + 240px));box-sizing:border-box;justify-content:center;align-items:center;padding:120px 56px;display:flex}@media (max-width:700px){.workspace.step-2.has-pattern .canvas-grid-toolbar{top:6px;left:6px}.workspace.step-2.has-pattern .canvas-zoom-toolbar{top:6px;right:6px}.workspace.step-2.has-pattern .canvas-zoom-content{width:max(100%,calc(var(--canvas-pattern-width) + 48px));min-width:max(100%,calc(var(--canvas-pattern-width) + 48px));height:max(100%,calc(var(--canvas-pattern-height) + 160px));min-height:max(100%,calc(var(--canvas-pattern-height) + 160px));padding:80px 24px}}.main.adjustment-main>.workspace.step-2.has-pattern{align-self:stretch;height:100%;min-height:0}.workspace.step-2.has-pattern .canvas-scroll-viewport{height:100%;min-height:0}@media (min-width:701px) and (max-width:1150px){.workspace.step-2 .adjustment-floating-panel,.workspace.step-2 .adjustment-mode-groups,.workspace.step-2 .floating-mode-group,.workspace.step-2 .floating-mode-group>div{align-items:center!important}.workspace.step-2 .floating-mode-group>div{min-height:30px}}.workspace.step-2.is-processing{display:block;overflow:hidden}.workspace.step-2.is-processing .canvas-scroll-viewport{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.workspace.step-2.is-processing .canvas-zoom-content{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid}.workspace.step-2.is-processing .processing{text-align:center;margin:0}.workspace.step-2.is-processing .canvas-grid-toolbar,.workspace.step-2.is-processing .canvas-zoom-toolbar{z-index:17;float:none;margin:0;position:absolute;top:auto;bottom:12px}.workspace.step-2.is-processing .canvas-grid-toolbar{left:12px}.workspace.step-2.is-processing .canvas-zoom-toolbar{right:12px}@media (max-width:700px){.workspace.step-2.is-processing .canvas-grid-toolbar,.workspace.step-2.is-processing .canvas-zoom-toolbar{bottom:8px}.workspace.step-2.is-processing .canvas-grid-toolbar{left:8px}.workspace.step-2.is-processing .canvas-zoom-toolbar{right:8px}.workspace.step-2 .adjustment-floating-panel{overflow-x:auto;align-items:center!important;min-height:46px!important;padding:7px 8px!important}.workspace.step-2 .adjustment-mode-groups,.workspace.step-2 .ai-quick-tools,.workspace.step-2 .floating-mode-group,.workspace.step-2 .floating-mode-group>div,.workspace.step-2 .floating-pattern-actions{flex-wrap:nowrap!important;align-items:center!important}.workspace.step-2 .floating-mode-group button,.workspace.step-2 .floating-pattern-actions button{width:auto!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0 7px!important}.workspace.step-2 .floating-mode-group button b{font-size:10px!important;display:inline!important}.workspace.step-2 .floating-pattern-actions button b{display:none!important}}@media (max-width:900px){.main.adjustment-main>.dark-settings-panel{overscroll-behavior:contain;align-self:stretch;height:100%;min-height:0;max-height:100%;overflow:hidden auto!important}}@media (min-width:376px) and (max-width:900px){.main.export-main:not(.step-1-main){grid-template-columns:220px minmax(0,1fr)!important;grid-auto-flow:row!important}}@media (max-width:375px){.main.export-main:not(.step-1-main){grid-template-columns:188px minmax(0,1fr)!important;grid-auto-flow:row!important}}.main.export-main{grid-template-columns:300px minmax(0,1fr)}@media (max-width:900px){.main.export-main{grid-template-columns:210px minmax(420px,1fr)!important}}@media (max-width:375px){.main.export-main{grid-template-columns:188px minmax(375px,1fr)!important}}@media (min-width:601px) and (max-width:900px){.main:not(.step-1-main)>.dark-settings-panel{overscroll-behavior-y:contain;scrollbar-gutter:stable;align-self:stretch!important;height:100%!important;max-height:100%!important;overflow:hidden auto!important}.main:not(.step-1-main)>.dark-settings-panel .reference-settings{min-height:max-content;padding-bottom:max(28px,env(safe-area-inset-bottom))!important}}.app input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#00ea7557 0,#00ea7557 var(--range-progress,0),#55575d var(--range-progress,0),#55575d 100%)!important}.app:not(.dark) input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#009b5247 0,#009b5247 var(--range-progress,0),#d4d5d8 var(--range-progress,0),#d4d5d8 100%)!important}.app input[type=range]::-moz-range-progress{background:#00ea7557!important}.app:not(.dark) input[type=range]::-moz-range-progress{background:#009b5247!important}.export-heading-fields{gap:5px;padding-bottom:5px;display:grid}.export-heading-fields label{border:0;grid-template-columns:44px minmax(0,1fr);gap:8px;min-height:34px;display:grid}.export-heading-fields input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;height:30px;color:var(--text);border-radius:5px;outline:none;padding:5px 8px;font-size:11px}.export-heading-fields input:focus{border-color:var(--muted)}.export-options .export-watermark-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:6px 0;display:grid}.export-options .export-watermark-row input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;height:30px;color:var(--text);border-radius:5px;outline:none;padding:5px 8px;font-size:11px}.export-options .export-watermark-row input:focus{border-color:var(--muted)}.export-watermark-controls{padding:3px 0 6px}.export-options .export-watermark-range{border:0;grid-template-columns:52px minmax(0,1fr) 34px;align-items:center;gap:7px;min-height:34px;font-size:10px;display:grid}.export-options .export-watermark-range input[type=range]{width:100%;min-width:0}.export-options .export-watermark-range small{color:var(--muted);text-align:right;font-size:9px}@media (max-width:900px){.main:not(.step-1-main){overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-auto-flow:column;width:100%;min-width:0;grid-template-columns:210px minmax(420px,1fr) 220px!important;display:grid!important;overflow:auto hidden!important}.main:not(.step-1-main)>.export-options,.main:not(.step-1-main)>.export-preview,.main:not(.step-1-main)>.left,.main:not(.step-1-main)>.materials,.main:not(.step-1-main)>.right,.main:not(.step-1-main)>.workspace{min-width:0;height:auto;min-height:0;order:0!important;display:block!important}.main:not(.step-1-main)>.export-options,.main:not(.step-1-main)>.left,.main:not(.step-1-main)>.materials,.main:not(.step-1-main)>.right{overflow-y:auto}.main:not(.step-1-main)>.export-preview,.main:not(.step-1-main)>.workspace{overflow:auto}}@media (max-width:375px){.main:not(.step-1-main){gap:5px;padding:5px;grid-template-columns:188px minmax(375px,1fr) 205px!important}.main:not(.step-1-main)>.export-options,.main:not(.step-1-main)>.export-preview,.main:not(.step-1-main)>.left,.main:not(.step-1-main)>.materials,.main:not(.step-1-main)>.right,.main:not(.step-1-main)>.workspace{min-height:100%}}.dark-settings-panel .reference-settings .adjust-grid,.dark-settings-panel .reference-settings .canvas-adjust,.dark-settings-panel .reference-settings .dimension-setting,.dark-settings-panel .reference-settings .setting-block,.dark-settings-panel .reference-settings .setting-line{border:0!important}.dark-settings-panel .reference-settings .adjust-title,.dark-settings-panel .reference-settings .setting-heading{line-height:1.2;color:#787878!important;margin-bottom:5px!important;font-size:9px!important;font-weight:500!important}.dark-settings-panel .reference-settings .setting-line{min-height:38px!important;font-size:11px!important}.dark-settings-panel .reference-settings .setting-block{padding:7px 0!important}.dark-settings-panel .reference-settings .option-tabs button{font-size:10px!important;font-weight:500!important}.dark-settings-panel .reference-settings .dimension-setting p,.dark-settings-panel .reference-settings .setting-block p{line-height:1.35;font-size:8px!important;font-weight:400!important}.dark-settings-panel .reference-settings .dimension-setting>div{margin-bottom:3px!important;font-size:10px!important}.dark-settings-panel .reference-settings .brand-switch b{font-weight:600;font-size:11px!important}.dark-settings-panel .reference-settings .brand-switch small{font-size:8px!important}.dark-settings-panel .reference-settings .number-stepper{transform-origin:100%;transform:scale(.9)}.dark-settings-panel .reference-settings .canvas-adjust{min-width:0;max-width:100%;overflow-x:hidden}.dark-settings-panel .reference-settings .adjust-grid{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));width:100%;min-width:0}.dark-settings-panel .reference-settings .adjust-grid label{min-width:0!important}.main.adjustment-main>.dark-settings-panel .reference-settings .adjust-grid{gap:6px 10px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.main.adjustment-main>.dark-settings-panel .board-presets button{align-content:center;gap:0;height:48px;min-height:48px;padding:4px 3px}.main.adjustment-main>.dark-settings-panel .board-presets b,.main.adjustment-main>.dark-settings-panel .board-presets small{font-size:9px;line-height:1.15}.main.adjustment-main>.dark-settings-panel .canvas-adjust .number-stepper{grid-template-columns:20px minmax(0,1fr) 20px;width:min(70px,100% - 18px);min-width:0;max-width:70px;height:27px;transform:none}.main.adjustment-main>.dark-settings-panel .canvas-adjust .number-stepper button,.main.adjustment-main>.dark-settings-panel .canvas-adjust .number-stepper input{min-width:0;height:100%;font-size:9px}.replace-color-modal>footer>div:last-child{flex-wrap:wrap;justify-content:flex-end}.color-brand-panel{flex-direction:column;display:flex}.color-operation-panel{gap:8px;margin-top:auto;padding-top:18px;display:grid}.color-operation-heading{border:1px solid var(--line);background:var(--panel);border-radius:7px;align-items:center;gap:9px;padding:10px;display:flex}.color-operation-heading .swatch{flex:0 0 30px;width:30px;height:30px}.color-operation-heading b,.color-operation-heading small{display:block}.color-operation-heading small{color:var(--muted);font-size:9px}.color-operation-heading b{margin-top:2px;font-size:13px}.color-operation-panel>p{margin:0 0 2px;font-size:10px}.color-operation-panel>button{width:100%;min-height:38px;margin:0}.color-operation-panel>button:disabled{opacity:.38;cursor:not-allowed}.color-operation-tip{color:var(--muted);font-size:9px;line-height:1.45}@media (max-width:700px){.color-operation-panel{grid-template-columns:1fr 1fr;margin-top:10px;padding-top:10px}.color-operation-heading,.color-operation-panel>p,.color-operation-tip{display:none}.color-operation-panel>button{min-height:34px;padding:6px 8px;font-size:10px}}.main.adjustment-main{grid-template-columns:var(--left-panel-width,286px) 10px minmax(320px,1fr) 190px;gap:6px}.main.adjustment-main>.dark-settings-panel .option-tabs:not(.triple):not(.wrap){width:100%;min-width:0;max-width:182px}.main.adjustment-main>.dark-settings-panel{container-type:inline-size}.main.adjustment-main>.dark-settings-panel .option-tabs.quad{grid-template-columns:repeat(4,minmax(48px,1fr));justify-content:stretch;gap:7px;width:100%;max-width:300px}@container (max-width:249px){.main.adjustment-main>.dark-settings-panel .option-tabs.quad{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:7px}}@container (max-width:140px){.main.adjustment-main>.dark-settings-panel .option-tabs.quad{grid-template-columns:1fr}}.main.adjustment-main>.dark-settings-panel .option-tabs button{min-width:0}.main.adjustment-main .sidebar-regenerate{min-height:34px;margin:10px 0 8px;padding:6px 10px;font-size:11px;font-weight:600}.app.dark .main.adjustment-main .sidebar-regenerate{background:#212121;border:0}.main.adjustment-main .sidebar-regenerate span{margin-right:5px;font-size:12px}.main.adjustment-main>.right{padding:11px}.main.adjustment-main>.right .palette-heading{gap:5px;margin:0 0 9px;padding:0 0 9px;font-size:12px}.main.adjustment-main>.right .selected-color-toggle{gap:4px;min-height:25px;padding:3px 6px;font-size:8px}.main.adjustment-main>.right .selected-color-toggle i{width:20px;height:12px}.main.adjustment-main>.right .selected-color-toggle i:after{width:8px;height:8px}.main.adjustment-main>.right .selected-color-toggle.on i:after{transform:translate(8px)}.main.adjustment-main>.right>.key-text{margin:0 0 7px;font-size:10px}.main.adjustment-main>.right .palette{gap:2px}.main.adjustment-main>.right .palette button{grid-template-columns:21px minmax(0,1fr) auto;gap:6px;min-height:34px;padding:3px;font-size:11px}.main.adjustment-main>.right .palette .swatch{width:20px;height:20px}.main.adjustment-main>.right .palette small{font-size:8px}.left-panel-resizer{cursor:col-resize;touch-action:none;outline:none;place-items:center;min-width:10px;height:100%;display:grid;position:relative}.left-panel-resizer:before{content:"";background:0 0;border-radius:999px;transition:background .15s;position:absolute;inset:0 3px}.left-panel-resizer i{z-index:1;background:#555;border-radius:999px;width:3px;height:64px;position:relative;box-shadow:0 0 0 1px #0004}.left-panel-resizer.dragging:before,.left-panel-resizer:focus-visible:before,.left-panel-resizer:hover:before{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.left-panel-resizer.dragging:before,.left-panel-resizer:focus-visible:before,.left-panel-resizer:hover:before{background:color-mix(in srgb,var(--accent) 18%,transparent)}}.left-panel-resizer.dragging i,.left-panel-resizer:focus-visible i,.left-panel-resizer:hover i{background:var(--accent)}@media (max-width:950px){.main.adjustment-main{grid-template-columns:220px minmax(0,1fr)}.left-panel-resizer{display:none}}@media (max-width:900px){.dark-settings-panel .reference-settings{padding:6px 11px 10px!important}.dark-settings-panel .reference-settings .adjust-title,.dark-settings-panel .reference-settings .setting-heading{font-size:8px!important}.dark-settings-panel .reference-settings .setting-line{min-height:34px!important;font-size:10px!important}.dark-settings-panel .reference-settings .setting-block{padding:6px 0!important}.dark-settings-panel .reference-settings .option-tabs button{min-height:27px!important;padding:4px 6px!important;font-size:9px!important}.dark-settings-panel .reference-settings .dimension-setting{padding:5px 0!important}}@media (min-width:601px) and (max-width:900px){.main.editing-main{grid-template-columns:minmax(0,1fr) 188px!important;grid-auto-flow:row!important;gap:6px!important;width:100%!important;min-width:0!important;display:grid!important;overflow:hidden!important}.main.editing-main>.workspace{grid-column:1!important;align-self:stretch!important;width:100%!important;min-width:0!important;height:100%!important;max-height:none!important}.main.editing-main>.right{grid-column:2!important;place-self:stretch end!important;width:188px!important;min-width:0!important;height:100%!important;max-height:none!important;padding:8px!important;overflow-y:auto!important}.main.editing-main>.right .palette-heading{gap:4px!important;margin:0 0 6px!important;padding:0 0 6px!important;font-size:10px!important}.main.editing-main>.right .selected-color-toggle{padding:2px 5px!important;font-size:8px!important}.main.editing-main>.right>.key-text{margin:0 0 5px!important;font-size:9px!important}.main.editing-main>.right .palette{gap:2px!important}.main.editing-main>.right .palette button{grid-template-columns:18px minmax(0,1fr) auto!important;gap:5px!important;min-height:31px!important;padding:3px 4px!important;font-size:10px!important}.main.editing-main>.right .palette .swatch{width:17px!important;height:17px!important}.main.editing-main>.right .palette small{font-size:8px!important}}@media (max-width:600px){.main.editing-main{flex-direction:column!important;grid-template-columns:none!important;grid-auto-flow:row!important;gap:6px!important;width:100%!important;min-width:0!important;padding:6px!important;display:flex!important;overflow:hidden auto!important}.main.editing-main>.workspace{order:1!important;height:calc(100dvh - 205px)!important;min-height:calc(100dvh - 205px)!important}.main.editing-main>.right,.main.editing-main>.workspace{flex:none!important;width:100%!important;min-width:0!important;display:block!important;overflow:auto!important}.main.editing-main>.right{order:2!important;height:auto!important;min-height:0!important;max-height:190px!important;padding:9px 10px!important}.main.editing-main>.right .palette-heading{margin:0 0 7px!important;padding:0 0 7px!important;font-size:11px!important}.main.editing-main>.right>.key-text{margin:0 0 6px!important;font-size:9px!important}.main.editing-main>.right .palette{grid-template-rows:repeat(2,34px)!important;grid-auto-columns:minmax(76px,92px)!important;grid-auto-flow:column!important;gap:4px!important;padding-bottom:4px!important;display:grid!important;overflow:auto hidden!important}.main.editing-main>.right .palette button{grid-template-columns:20px 1fr auto!important;gap:5px!important;min-width:0!important;padding:3px 5px!important;font-size:10px!important}.main.editing-main>.right .palette .swatch{width:18px!important;height:18px!important}.main.editing-main>.right .palette small{font-size:8px!important}}.import-cell-zoom-backdrop{z-index:32}.import-cell-zoom-modal{border:1px solid var(--line);background:var(--panel);width:min(330px,100vw - 32px);color:var(--text);border-radius:12px;overflow:hidden;box-shadow:0 18px 48px #0008}.import-cell-zoom-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.import-cell-zoom-modal header b,.import-cell-zoom-modal header small{display:block}.import-cell-zoom-modal header b{font-size:14px}.import-cell-zoom-modal header small{color:var(--muted);margin-top:3px;font-size:10px}.import-cell-zoom-modal header button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:25px;line-height:1}.import-cell-zoom-image{border:1px solid var(--line);image-rendering:auto;background-repeat:no-repeat;border-radius:6px;width:260px;height:260px;margin:20px auto}.identity-password-field{display:block;position:relative}.identity-password-field input{width:100%;padding-right:46px}.identity-password-field button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:5px;width:32px;height:32px;font-size:19px;line-height:1;position:absolute;top:5px;right:5px}.site-footer-credit.contact-trigger{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.site-footer-credit.contact-trigger:hover{color:var(--text);text-decoration:underline}.wechat-contact-modal{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;justify-items:center;gap:10px;padding:26px;display:grid;position:relative;box-shadow:0 24px 70px #0008}.wechat-contact-modal h2,.wechat-contact-modal p{margin:0}.wechat-contact-modal img{aspect-ratio:1;object-fit:cover;width:min(250px,75vw)}.wechat-contact-modal small{color:var(--muted)}.wechat-contact-close{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1;position:absolute;top:8px;right:12px}.identity-password-field button{color:#8b8b8b;place-items:center;width:36px;height:36px;display:grid;top:3px;right:3px}.identity-password-field button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;transform:none}.identity-password-field button:hover{color:#f3f3f3;background:#ffffff10}.identity-card .identity-contact-link{padding:0 1px}.identity-card img.identity-mark{object-fit:contain;background:0 0;border-radius:10px;width:58px;height:58px;display:block}.wechat-contact-modal{color:#151515;background:#fff;border-color:#fff;gap:13px;width:min(460px,100vw - 28px);padding:30px}.wechat-contact-modal small{color:#666;font-size:13px}.wechat-contact-modal img{aspect-ratio:auto;object-fit:contain;background:#fff;border-radius:9px;width:min(370px,100vw - 88px);height:auto}.wechat-contact-close{color:#333}.wechat-contact-close:hover{color:#000}.pattern-grid>.reference-guides{z-index:12;pointer-events:none;display:block;position:absolute;inset:0}.wechat-contact-modal{gap:9px;width:min(340px,100vw - 32px);padding:20px 22px}.wechat-contact-modal h2{font-size:19px}.wechat-contact-modal p{font-size:14px}.wechat-contact-modal img{border-radius:7px;width:min(250px,100vw - 84px)}.site-footer-credit.contact-trigger,.wechat-contact-modal small{font-size:12px}@media (min-width:376px){.header .steps .step{font-size:12px}}.workspace.step-3 .editor-toolbar>button{border-radius:5px;flex-basis:26px;width:26px;height:28px}.workspace.step-3 .editor-toolbar>.editor-color{border-radius:5px;height:28px;padding:0 4px;font-size:10px}.workspace.step-3 .editor-color .swatch{width:16px;height:16px}.workspace.step-3 .editor-grid-toolbar>button{width:26px;height:26px;padding:4px}.workspace.step-3 .canvas-zoom-toolbar button{border-radius:5px;min-width:28px;height:28px}.workspace.step-3 .editor-corner-actions button{border-radius:5px;width:30px;height:30px;padding:5px}.workspace.step-3 .editor-grid-toolbar>.code-visibility-toggle{place-items:center;width:26px;height:26px;padding:4px;display:grid}.workspace.step-3 .editor-grid-toolbar>.code-visibility-toggle svg{width:16px;height:16px}.workspace.step-3 .canvas-editor-tools{border-radius:7px!important;padding:4px!important}.workspace.step-3 .editor-toolbar{gap:1px!important;padding-bottom:2px!important}.workspace.step-3 .editor-toolbar>button{flex:0 0 20px!important;width:20px!important;height:22px!important;padding:0!important}.workspace.step-3 .editor-toolbar>button svg{width:13px!important;height:13px!important}.workspace.step-3 .editor-toolbar>.toolbar-drag-handle{padding:2px!important;font-size:13px!important}.workspace.step-3 .editor-toolbar>.editor-color{gap:0!important;width:22px!important;min-width:22px!important;padding:0!important}.workspace.step-3 .editor-toolbar>.editor-color b{display:none}.workspace.step-3 .editor-color .swatch{flex-basis:14px!important;width:14px!important;height:14px!important}.workspace.step-3 .toolbar-divider{height:16px!important;margin:0!important}.workspace.step-3 .editor-grid-toolbar{gap:2px!important;margin-top:2px!important;padding-top:2px!important}.workspace.step-3 .editor-grid-toolbar>.code-visibility-toggle,.workspace.step-3 .editor-grid-toolbar>button{width:20px!important;height:20px!important;padding:2px!important}.workspace.step-3 .editor-grid-toolbar>button svg{width:13px!important;height:13px!important}.workspace.step-3 .grid-opacity-control{width:78px;gap:2px!important;height:20px!important}.workspace.step-3 .editor-corner-actions{border-radius:6px!important;gap:2px!important;padding:3px!important;top:8px!important;right:8px!important}.workspace.step-3 .editor-corner-actions button{width:22px!important;height:22px!important;padding:3px!important}.workspace.step-3 .editor-corner-actions svg{width:13px!important;height:13px!important}.workspace.step-3 .corner-action-divider{height:15px!important;margin:0!important}.workspace.step-3 .canvas-zoom-toolbar{border-radius:6px!important;gap:2px!important;padding:3px!important;bottom:8px!important;right:8px!important}.workspace.step-3 .canvas-zoom-toolbar button{min-width:20px!important;height:20px!important;padding:0!important;font-size:16px!important;line-height:1!important}.workspace.step-3 .canvas-zoom-toolbar .zoom-value{min-width:36px!important;font-size:9px!important}.workspace.step-3 .editor-grid-toolbar>.grid-visibility-toggle{width:18px!important;height:18px!important;padding:2px!important}.workspace.step-3 .nine-grid-icon{gap:2px;width:12px;height:12px}.workspace.step-3 .nine-grid-icon i{background:currentColor;border:0!important;border-radius:0!important}.workspace.step-3 .grid-opacity-control{width:58px!important;padding:0 3px!important}.workspace.step-3 .grid-opacity-control>span{display:none}.workspace.step-3 .grid-opacity-control input{width:52px!important}.pattern-grid.cursor-brush,.pattern-grid.cursor-brush button{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtNCAyMCAxLjYtNS4yTDE2LjIgNC4ybDMuNiAzLjZMOS4yIDE4LjR6IiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJtMTQuNiA1LjggMy42IDMuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBkPSJtNCAyMCA0LjQtMS42TDUuNiAxNS42eiIgZmlsbD0iIzIyMiIvPjwvc3ZnPg==) 4 20,crosshair}.nine-grid-icon i{background:currentColor;border:0!important;border-radius:0!important}.color-picker-modal{max-height:calc(100dvh - 40px)!important}.color-picker-body{height:0;overflow:hidden}.color-picker-colors{overscroll-behavior:contain;height:100%}.color-brand-panel{overscroll-behavior:contain;overflow:auto}.color-note-hint{color:var(--muted);margin:0 0 7px;font-size:10px;display:block}.palette-row{align-items:center;display:flex;position:relative}.palette-row .palette-select{width:100%;padding-right:8px}.palette-star{z-index:2;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;font-size:14px;line-height:1;transition:opacity .14s,color .14s;position:absolute;left:62px}.palette-note-actions{z-index:2;align-items:center;gap:0;max-width:calc(100% - 142px);display:flex;position:absolute;left:81px}.palette-note{text-overflow:ellipsis;white-space:nowrap;max-width:58px;color:var(--muted);pointer-events:none;font-size:9px;overflow:hidden}.palette-note-edit{width:14px;height:14px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;place-items:center;padding:0;line-height:1;transition:opacity .14s,color .14s;display:grid}.palette-note-edit svg{width:11px;height:11px}.palette-row.starred .palette-star,.palette-row:hover .palette-note-edit,.palette-row:hover .palette-star{opacity:1}.palette-row.starred .palette-star,.palette-star:focus-visible,.palette-star:hover{color:currentColor}.palette-note-edit:focus-visible,.palette-note-edit:hover{color:var(--text)}.palette-row .palette-select{grid-template-columns:20px 1fr auto;padding:3px 5px}.palette-row .swatch{border-radius:3px;width:18px;height:18px}.palette-row b{font-size:13px}.palette-row .palette-select small{font-size:10px}.palette-row .palette-star{left:54px}.palette-row .palette-note-actions{left:71px}.main.editing-main>.right .palette{grid-template-rows:repeat(2,30px)!important;grid-auto-columns:minmax(132px,144px)!important;gap:6px!important}.main.editing-main>.right .palette-row{min-width:0;height:30px}.main.editing-main>.right .palette-row .palette-select{grid-template-columns:18px 34px minmax(0,1fr)!important;gap:5px!important;min-height:30px!important;padding:3px 4px!important}.main.editing-main>.right .palette-row .swatch{width:17px!important;height:17px!important}.main.editing-main>.right .palette-row b{font-weight:500;line-height:1;font-size:11px!important}.main.editing-main>.right .palette-row .palette-select small{justify-self:end;font-size:9px!important}.main.editing-main>.right .palette-row .palette-star{place-items:center;width:14px;height:14px;min-height:0!important;padding:0!important;font-size:12px!important;display:grid!important}.main.editing-main>.right .palette-row .palette-note-actions{gap:1px;max-width:calc(100% - 104px)}.main.editing-main>.right .palette-row .palette-note{max-width:36px;font-size:9px}.main.editing-main>.right .palette-row .palette-note-edit{width:13px;height:13px;min-height:0!important;padding:0!important}.main.editing-main>.right .palette-row .palette-note-edit svg{width:10px;height:10px}.main.editing-main>.right .palette-row .palette-note-edit:hover,.main.editing-main>.right .palette-row .palette-select:hover,.main.editing-main>.right .palette-row .palette-star:hover{background:0 0!important;border-color:#0000!important}.main.editing-main>.right .palette-row .palette-note-edit,.main.editing-main>.right .palette-row .palette-note-edit svg{width:15px;height:15px}.main.editing-main>.right .palette{grid-auto-columns:minmax(160px,172px)!important}.main.editing-main>.right .palette-row .palette-note-actions{max-width:none;left:79px}.main.editing-main>.right .palette-row .palette-note-edit{flex:0 0 15px;overflow:visible}.main.editing-main>.right .palette-row .palette-note-edit svg{display:block;overflow:visible}.main.editing-main>.right .palette-row .palette-star{width:18px;height:18px;left:61px;font-size:14px!important}.main.editing-main>.right .palette-row .palette-select{grid-template-columns:18px 28px minmax(0,1fr)!important}.main.editing-main>.right .palette-row .palette-star{left:55px}.main.editing-main>.right .palette-row .palette-note-actions{left:77px}.identity-trial{width:100%;margin-top:8px}.gallery-modal{background:var(--panel);width:min(920px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border:1px solid var(--line);border-radius:14px;overflow:auto;box-shadow:0 24px 70px #0008}.gallery-modal>header{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex;position:sticky;top:0}.gallery-modal h2{margin:0;font-size:20px}.gallery-modal p{color:var(--muted);margin:5px 0 0;font-size:12px}.gallery-modal>header>div:last-child{align-items:center;gap:8px;display:flex}.gallery-close{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;padding:20px;display:grid}.gallery-grid>p{color:var(--muted);margin:0}.gallery-grid article{border:1px solid var(--line);background:#ffffff06;border-radius:9px;min-width:0;padding:9px}.gallery-grid article img{aspect-ratio:1;object-fit:cover;background:#000;border-radius:5px;width:100%;display:block}.gallery-grid h3{white-space:nowrap;text-overflow:ellipsis;margin:9px 0 3px;font-size:14px;overflow:hidden}.gallery-grid small{color:var(--muted);font-size:11px;display:block}.gallery-grid article>div{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.gallery-grid .secondary{padding:5px 7px;font-size:10px;text-decoration:none}.trial-used-backdrop{background:#000a}.trial-used-modal{color:#f7f7f7;background:#171717;width:min(400px,100vw - 32px);position:relative}.trial-used-modal h1{padding-right:28px}.trial-used-modal p{font-size:14px}.trial-used-close{color:#f7f7f7;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;font-size:26px;line-height:1;position:absolute;top:12px;right:12px}.trial-used-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;display:grid}.trial-used-actions .secondary{color:#f7f7f7;background:#101010;border:1px solid #444;border-radius:7px;height:40px}.trial-used-actions .primary{border-radius:7px;height:40px}.gallery-upload-status{padding:10px 20px 0}.gallery-upload-status>div{background:var(--line);border-radius:99px;height:4px;overflow:hidden}.gallery-upload-status i{background:#00dc72;height:100%;transition:width .18s;display:block}.gallery-upload-status small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.works-modal header{flex-wrap:wrap}.works-bulk-actions{gap:6px;margin-left:auto;display:flex}.works-bulk-actions .secondary{padding:6px 8px;font-size:11px}.works-bulk-actions .work-bulk-button{border-color:var(--line);background:var(--panel);color:var(--text);border-radius:6px}.works-bulk-actions .work-bulk-button:not(:disabled):hover{border-color:var(--accent)}.work-card{position:relative}.work-select{z-index:2;background:#0008;border-radius:5px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:9px;left:9px}.work-select input{accent-color:#00dc72;cursor:pointer;width:14px;height:14px}.works-bulk-actions .work-manage{border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important;border-radius:6px!important;padding:6px 10px!important}.works-bulk-actions .work-manage:hover{border-color:var(--accent)!important}.works-bulk-actions{margin-right:12px}.header .save-tool-label{display:none}.header .save-tool{place-items:center;display:grid;width:36px!important;padding:0!important}.header .save-tool-icon{place-items:center;display:grid}.header .gallery-tool svg,.header .save-tool-icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.header .gallery-tool{place-items:center;display:grid;padding:0!important}.header .tools .gallery-tool{flex:0 0 36px;width:36px!important;min-width:36px!important;height:36px!important}.identity-card>.identity-trial{top:45px!important;right:30px!important}.identity-card>small:last-child{text-align:right;max-width:250px;position:absolute!important;top:75px!important;right:30px!important}.identity-card>small:last-child:after{font-size:10px!important}form.identity-card{padding-bottom:76px}form.identity-card:before{content:"×";z-index:2;color:#aaa;cursor:pointer;place-items:center;width:24px;height:24px;font-size:24px;line-height:1;display:grid;position:absolute;top:12px;right:13px}form.identity-card>small:last-child{width:auto;inset:auto 30px 23px 102px!important}.trial-offer-modal{width:min(360px,100vw - 32px)}.trial-offer-modal p{font-size:14px}.original-preview-toolbar{gap:0}.original-preview-button{border:1px solid var(--line);background:var(--panel);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:6px;place-items:center;padding:5px;display:grid}.original-preview-button:active{background:var(--accent);color:var(--panel)}.original-preview-button svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.adjust-original-preview{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 5px 24px #0002}.work-card-actions{align-items:center;justify-content:flex-start!important;align-self:stretch!important;gap:5px!important;width:100%!important;padding:10px 12px 16px!important;display:flex!important}.work-card-actions .secondary:first-child{margin:0!important}.work-card-actions .work-icon-action{width:33px;height:33px;color:var(--muted);cursor:pointer;place-items:center;padding:0;display:grid;background:0 0!important;border:0!important;border-radius:7px!important}.work-card-actions .work-icon-action svg{fill:currentColor;stroke:none;width:22px;height:22px}.work-card-actions .work-icon-action.danger{color:#8d8d8d;margin-left:auto}.work-card-actions .work-icon-action:hover{color:var(--text);background:#ffffff10!important}.work-card-actions .work-icon-action.danger:hover{color:#b7b7b7}.work-card-actions .work-icon-action.is-pinned{color:#00dc72}.identity-card{position:relative}.identity-trial{color:#d7d7d7;cursor:pointer;background:#363636;border:0;border-radius:999px;width:auto;margin:0;padding:6px 10px;font-size:0;font-weight:650;line-height:1;position:absolute;top:14px;right:14px}.identity-trial:after{content:"免费试用";font-size:11px}.identity-trial:hover{color:#fff;background:#4a4a4a}.identity-card>small:last-child:after{content:"每人仅试用一次，登录后可无限使用，需要注册邀请码请联系管理员";font-size:12px}.account-tool svg{display:none}@media (max-width:900px){.header .tools .account-tool,.header .tools .gallery-tool,.header .tools .save-tool,.header .tools>button:not(.text-tool):not(.account-tool){flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important}.header .tools .account-tool{place-items:center!important;display:grid!important}.header .tools .account-tool span{display:none}.header .tools .account-tool svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}}.export-options .export-line-width-control{grid-template-columns:1fr 124px;align-items:center;gap:8px;min-height:34px;display:grid}.export-line-width-control span{font-size:11px}.export-line-width-control b{color:var(--muted);font-weight:600}.export-line-width-control input{width:100%;accent-color:var(--accent)}.identity-gate{overscroll-behavior:contain;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;display:flex;overflow-y:auto}.identity-gate .identity-card{flex:none;width:min(340px,100vw - 32px)}@media (max-width:700px){.identity-gate{padding:14px;display:block}form.identity-card{width:min(340px,100%);margin:0 auto;gap:9px!important;padding:20px!important}.identity-card img.identity-mark{width:46px;height:46px}.identity-card h1{margin:1px 0 0;font-size:19px}.identity-card p,.identity-card>small{font-size:11px;line-height:1.4}.identity-card label{gap:4px;font-size:11px}.identity-card .primary,.identity-card input{height:38px}form.identity-card>.identity-trial{width:max-content!important;margin:2px 0 0!important;padding:6px 10px!important;position:static!important}form.identity-card>small:last-child{text-align:left!important;width:auto!important;max-width:none!important;margin:0!important;position:static!important}form.identity-card>small:last-child:after{font-size:11px!important}form.identity-card:before{top:9px;right:10px}}@media (min-width:701px){.identity-gate{justify-content:center!important;align-items:center!important;display:flex!important}}.identity-card .identity-contact-link{color:#00e879;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #00e879;border-radius:0;margin-left:2px;padding:0 0 1px;display:inline}.identity-card .identity-contact-link:hover{color:#74ffb3}.workspace.step-3 .editor-toolbar>.editor-color{justify-content:center!important;gap:3px!important;width:44px!important;min-width:44px!important;height:22px!important;padding:0 2px!important}.workspace.step-3 .editor-toolbar>.editor-color b{font-size:9px!important;font-weight:500!important;line-height:1!important;display:block!important}.workspace.step-3 .editor-color .swatch{border-radius:50%!important;flex:0 0 11px!important;width:11px!important;height:11px!important}@media (max-width:700px){.color-brand-panel label{grid-template-columns:auto minmax(260px,420px)!important;justify-content:start!important}.color-brand-panel select{width:100%!important;max-width:420px!important}}@media (max-width:480px){.color-brand-panel label{grid-template-columns:1fr!important}.color-brand-panel select{max-width:none!important}}@media (min-width:481px) and (max-width:700px){.color-brand-panel{grid-template-columns:minmax(0,420px) minmax(220px,1fr)!important;align-items:center!important;gap:10px 14px!important;display:grid!important}.color-brand-panel h3{grid-column:1/-1;margin:0!important}.color-brand-panel label{grid-column:1;grid-template-columns:auto minmax(190px,300px)!important;align-items:center!important;gap:10px!important;display:grid!important}.color-brand-panel select{max-width:300px!important}.color-brand-panel .color-operation-panel{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important;display:grid!important}}@media (min-width:481px){.color-brand-panel select{width:200px!important;max-width:200px!important}}@media (max-width:700px){.color-picker-body{flex-direction:unset!important;grid-template-columns:minmax(0,1fr) 132px!important;display:grid!important}.color-brand-panel{order:0!important;border-top:0!important;border-bottom:0!important;border-left:1px solid var(--line)!important;padding:10px!important;display:block!important}.color-brand-panel h3{margin:0 0 8px!important;font-size:12px!important}.color-brand-panel .selected-brand-card,.color-brand-panel p{display:none!important}.color-brand-panel label{grid-template-columns:1fr!important;gap:5px!important;font-size:10px!important;display:grid!important}.color-brand-panel select{width:120px!important;max-width:120px!important;padding:7px 6px!important;font-size:10px!important}.color-brand-panel .color-operation-panel{grid-template-columns:1fr!important;gap:6px!important;margin-top:10px!important;padding-top:10px!important;display:grid!important}.color-brand-panel .color-operation-panel>button{min-height:30px!important;padding:5px!important;font-size:9px!important}.color-picker-colors{padding:10px!important}.color-section+.color-section{margin-top:14px!important;padding-top:12px!important}.color-section-title{margin-bottom:7px!important}.color-section-title h3{font-size:13px!important}.color-section-title small{font-size:9px!important}.color-picker-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))!important;gap:5px!important}.color-picker-grid button{gap:4px!important;min-height:34px!important;padding:4px!important}.color-picker-grid button span{border-radius:4px!important;flex:0 0 19px!important;width:19px!important;height:19px!important}.color-picker-grid button b{font-size:10px!important}.color-picker-grid button small{font-size:8px!important}}.color-brand-panel select{width:120px!important;max-width:120px!important}@media (max-width:700px){.color-picker-grid button{grid-template-columns:8px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;min-height:30px!important;padding:4px 5px!important;display:grid!important}.color-picker-grid button span{border-radius:50%!important;flex:0 0 8px!important;width:8px!important;height:8px!important}.color-picker-grid button b{text-overflow:clip!important;white-space:nowrap!important;font-size:11px!important;line-height:1!important;overflow:visible!important}.current-colors .color-picker-grid button small{display:none!important}.color-picker-modal>header{padding:11px 14px!important}.color-picker-modal h2{margin:0 0 2px!important;font-size:15px!important;line-height:1.25!important}.color-picker-modal header small{font-size:10px!important;line-height:1.3!important}.color-picker-modal header button{font-size:22px!important;line-height:1!important}}.workspace.has-pattern,.workspace.has-pattern .canvas-scroll-viewport{overscroll-behavior:contain;overscroll-behavior-x:contain;overscroll-behavior-y:contain}.identity-card>small:last-child:after{content:"每人可免费输出 3 次图纸，登录后可无限使用，需要注册邀请码请联系管理员"}.trial-offer-modal h1{font-size:0}.trial-offer-modal h1:after{content:"你可免费输出 3 次图纸";font-size:20px}@media (min-width:701px){form.identity-card>small:last-child{text-indent:78px!important;left:30px!important;right:30px!important}}.identity-card>small:last-child{font-size:0!important}.identity-card>small:last-child:after{content:"每人可免费输出 3 次图纸，登录后可无限使用，需要注册邀请码请";line-height:1.55;font-size:12px!important;display:inline!important}.identity-card .identity-contact-link{font-size:12px!important}.identity-card>small:last-child:after{display:none!important}.identity-card>small:last-child:before{content:"每人可免费输出 3 次图纸，登录后不限输出，需要注册邀请码请";line-height:1.55;font-size:12px!important;display:inline!important}.identity-card .identity-contact-link{border:0!important;margin-left:0!important;padding:0!important;text-decoration:none!important;display:inline!important}.identity-card .identity-contact-link:before{display:none!important}.identity-gate{box-sizing:border-box!important;place-items:center!important;height:100dvh!important;min-height:100dvh!important;padding:20px!important;display:grid!important}form.identity-card{box-sizing:border-box!important;gap:9px!important;width:min(340px,100vw - 40px)!important;height:min(453px,100dvh - 40px)!important;min-height:0!important;padding:20px 22px 58px!important;overflow-y:auto!important}form.identity-card>.identity-trial{padding:6px!important;position:absolute!important;inset:auto auto 39px 30px!important}form.identity-card>small:last-child{text-indent:78px!important;max-width:none!important;inset:auto 30px 23px!important}form.identity-card>small:last-child:before{line-height:1.55!important}.identity-card>p{box-sizing:border-box!important;background:#ffffff12!important;border-radius:7px!important;grid-area:3/1!important;place-self:center stretch!important;align-items:center!important;width:100%!important;min-height:30px!important;margin:0!important;padding:0 86px 0 10px!important;font-size:0!important;line-height:1!important;display:flex!important}.identity-card>p:after{content:var(--trial-export-description,"每人可免费输出3次图纸");color:var(--muted);font-size:12px!important;line-height:1!important}form.identity-card>.identity-trial{background:#4a4a4a!important;border-radius:0 7px 7px 0!important;grid-area:3/1!important;place-self:center end!important;width:auto!important;height:30px!important;margin:0!important;padding:0 10px!important;line-height:1!important;position:static!important;inset:auto!important}.identity-card>.identity-trial:after{content:"去试用"!important}form.identity-card>small:last-child{text-align:left!important;text-indent:0!important;grid-column:1!important;line-height:1.55!important;position:static!important;inset:auto!important}.identity-card>small:last-child:before{content:"登录后不限输出，需要注册邀请码请"!important;line-height:1.55!important}form.identity-card{align-content:start!important}form.identity-card>small:last-child{width:auto!important;margin:0!important;position:absolute!important;bottom:16px!important;left:30px!important;right:30px!important}.color-operation-panel{gap:6px!important}.color-operation-heading{gap:8px!important;min-height:0!important;padding:7px 10px!important}.color-operation-heading .swatch{flex-basis:28px!important;width:28px!important;height:28px!important}.color-operation-heading small{font-size:9px!important;line-height:1.2!important}.color-operation-heading b{margin-top:1px!important;font-size:12px!important;line-height:1.15!important}.grid-resize-modes{grid-column:1/-1;gap:8px;margin-bottom:6px;display:flex}.grid-resize-modes button{border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:8px 12px}.grid-resize-modes button.active{border-color:var(--green,#00dc82);color:var(--green,#00dc82);background:#00dc8214}.grid-crop-modal{max-height:calc(100dvh - 24px);overflow-y:auto}.grid-crop-body label{white-space:nowrap}.grid-crop-body input{flex-shrink:1;min-width:0}.grid-crop-modal header small{display:block}.grid-crop-modal header>button{flex-shrink:0}@media (max-width:480px){.grid-crop-body{grid-template-columns:1fr}.grid-crop-body,.grid-crop-modal footer,.grid-crop-modal header{padding:12px 16px}.grid-crop-body input{width:76px}}.pattern-color-map-modal>header{align-items:center!important;padding:12px 16px!important}.pattern-color-map-modal h2{margin:0!important;font-size:16px!important}.pattern-color-map-modal p{font-size:10px!important;line-height:1.3!important}.pattern-color-map-modal>header button{font-size:23px!important}.pattern-color-tabs{gap:5px!important;padding:8px 12px!important}.pattern-color-tabs button{border-radius:6px!important;gap:4px!important;padding:5px 7px!important;font-size:10px!important}.pattern-color-tabs i{width:12px!important;height:12px!important}.pattern-color-tabs small{font-size:9px!important}.pattern-review-heading{gap:7px!important;padding:8px 12px!important}.pattern-review-heading em,.pattern-review-heading small{font-size:9px!important}.pattern-review-grid{gap:5px!important;padding:8px 12px!important}.pattern-review-actions{flex-wrap:nowrap!important;gap:5px!important;padding:7px 12px!important;overflow-x:auto!important}.pattern-review-actions>span{white-space:nowrap!important;flex:none!important;width:auto!important;margin:0!important;font-size:9px!important}.pattern-review-actions .secondary{flex:none!important;padding:5px 7px!important;font-size:10px!important}.pattern-review-actions select{flex:0 0 94px!important;width:94px!important;padding:5px!important;font-size:10px!important}.pattern-review-actions .import-review-pages{align-items:center!important;gap:2px!important;font-size:9px!important;display:flex!important}.pattern-review-actions .import-review-pages button{min-width:24px!important;padding:4px!important}.pattern-color-map-modal{width:min(520px,100vw - 24px)!important}.pattern-color-map-modal>header{padding:9px 12px!important}.pattern-color-tabs,.pattern-review-heading{padding:6px 10px!important}.pattern-review-heading{white-space:nowrap!important;align-items:center!important;min-height:38px!important;display:flex!important}.pattern-review-heading .swatch{width:22px!important;height:22px!important}.pattern-review-heading b{font-size:13px!important}.pattern-review-heading small{margin:0!important;font-size:10px!important}.pattern-review-grid{grid-template-columns:repeat(auto-fill,24px)!important;gap:4px!important;padding:6px 10px!important}.pattern-review-grid .import-review-canvas>button,.pattern-review-grid button{width:24px!important;height:24px!important}.pattern-review-grid button span{font-size:7px!important}.pattern-review-actions{padding:6px 10px!important}.pattern-color-map-modal>footer{padding:8px 10px!important}.pattern-color-map-modal>footer button{padding:6px 8px!important;font-size:10px!important}.pattern-color-map-modal .pattern-review-actions{z-index:100!important;position:relative!important;overflow:visible!important}.pattern-color-map-modal .import-move-picker{z-index:101!important}.pattern-color-map-modal .import-move-picker-panel{z-index:102!important}.legend-review-modal>header{align-items:center!important;gap:10px!important;padding:10px 14px!important}.legend-review-modal h2{margin:0!important;font-size:16px!important;line-height:1.15!important}.legend-review-modal p{margin-top:4px!important;font-size:10px!important;line-height:1.35!important}.legend-review-modal header>button{flex:0 0 24px!important;width:24px!important;height:24px!important;padding:0!important;font-size:22px!important;line-height:1!important}.legend-review-modal{flex-direction:column!important;display:flex!important}.legend-review-modal .legend-review-body{flex:auto!important}.legend-review-modal>footer{flex:none!important;margin-top:auto!important;padding:9px 14px!important}@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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.work-category-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line)}.work-category-bar>button,.work-category-tab>button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.work-category-bar button.active{border-color:var(--green);background:#00dc8214;color:var(--text)}.work-category-bar small{opacity:.72;font-size:10px}.work-category-tab{display:inline-flex;align-items:center;overflow:hidden}.work-category-tab,.work-category-tab>button{border-radius:999px}.work-category-remove{border:0!important;background:transparent!important;color:var(--muted)!important;padding:3px 6px!important;font-size:16px!important;line-height:1!important}.work-category-create{display:flex;align-items:center;gap:5px;margin-left:auto}.work-category-create input{width:104px;min-height:30px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:4px 7px;font-size:12px}.work-bulk-category,.work-category-create button{min-height:30px;padding:4px 8px;font-size:12px}.work-bulk-category{max-width:110px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text)}@media (max-width:700px){.work-category-bar{padding:9px 12px;gap:6px}.work-category-create{width:100%;margin-left:0}.work-category-create input{flex:1}.work-bulk-category{max-width:90px}.works-bulk-actions{flex-wrap:wrap}}.work-category-tab[draggable=true]{cursor:grab}.work-category-tab[draggable=true]:active{cursor:grabbing}.work-card[draggable=true]{cursor:grab}.work-card[draggable=true].dragging{opacity:.45}.works-bulk-actions{gap:12px!important}.works-bulk-actions .work-bulk-button{margin-left:4px}.works-bulk-actions .work-bulk-button.danger{color:#ff8585!important;border-color:#794343!important}.works-bulk-actions .work-bulk-button.danger:disabled{color:var(--muted)!important;border-color:var(--line)!important}.works-heading{align-items:center;gap:10px;display:flex}.works-modal header .works-back{color:var(--text);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:7px;width:32px;height:32px;padding:0;font-size:22px;line-height:1}.works-modal header .works-back:hover{background:var(--bg)}.work-card[draggable=true],.work-category-tab[draggable=true]{-webkit-user-select:none;user-select:none}.works-modal{height:76vh;min-height:520px;display:flex;flex-direction:column}.works-modal>header{flex:0 0 auto}.works-modal .works-empty,.works-modal .works-list{flex:1 1 auto}@media (max-height:620px){.works-modal{height:calc(100dvh - 40px);min-height:0}}.grid-color-control button{cursor:pointer}.grid-color-control{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:42px;font-size:13px;display:flex}.grid-color-control>div{gap:8px;display:flex}.grid-color-control button{border:2px solid transparent;background:0 0;border-radius:6px;padding:3px}.grid-color-control button.active{border-color:#00dc72}.grid-color-control i{border:1px solid #777;border-radius:4px;width:20px;height:20px;display:block}.pattern-color-map-modal>.pattern-color-tabs,.pattern-color-map-modal>.pattern-review-actions,.pattern-color-map-modal>.pattern-review-heading,.pattern-color-map-modal>footer{flex:0 0 auto!important;flex-shrink:0!important}.pattern-color-map-modal>.pattern-color-tabs{position:relative!important;z-index:2;min-height:52px;overflow-x:auto!important;overflow-y:hidden!important}.pattern-color-map-modal>.pattern-review-heading{position:relative!important;z-index:1;min-height:58px}.pattern-color-map-modal>.pattern-review-grid{flex:1 1 auto!important;min-height:0!important}.save-modal>.save-category-picker{min-width:0;margin:0;padding:0 22px 22px;border:0}.save-category-picker legend{width:100%;margin:0 0 10px;padding:0;color:var(--text);font-size:13px;font-weight:700}.save-category-picker [role=radiogroup]{display:flex;flex-wrap:wrap;gap:8px}.save-category-picker button{min-width:0;max-width:100%;overflow:hidden;color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:8px 13px;font:inherit;font-size:12px;font-weight:700}.save-category-picker button:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}.save-category-picker button.active{color:var(--text);background:color-mix(in srgb,var(--accent) 18%,var(--bg));border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.save-category-picker>small{display:block;margin-top:10px;color:var(--muted);font-size:11px}.pattern-color-tabs{cursor:grab;user-select:none;touch-action:pan-x}.pattern-color-tabs:active{cursor:grabbing}.pattern-color-tabs button{cursor:pointer}.pattern-color-map-modal>header .pattern-review-summary{margin-left:auto;margin-right:18px;text-align:right;white-space:nowrap;display:grid;gap:2px}.pattern-review-summary b{color:var(--text);font-size:14px;line-height:1.2}.pattern-review-summary span{color:var(--muted);font-size:11px;line-height:1.2}@media (max-width:640px){.pattern-color-map-modal>header .pattern-review-summary{margin-right:8px}.pattern-review-summary b{font-size:12px}.pattern-review-summary span{font-size:10px}}.grid-calibration-controls .grid-control-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}.grid-calibration-controls .grid-size-control{display:grid!important;gap:8px!important;min-width:0}.grid-calibration-controls .grid-size-control>b{display:block;text-align:right}.grid-calibration-controls .grid-size-control>div{display:grid!important;grid-template-columns:64px minmax(0,1fr) 64px!important;align-items:stretch;gap:8px;min-width:0}.grid-calibration-controls .grid-size-control button,.grid-calibration-controls .grid-size-control input{box-sizing:border-box;min-width:0!important;width:100%!important;height:58px!important;margin:0!important}.grid-calibration-controls .grid-size-control>.grid-size-row{grid-template-columns:64px minmax(0,1fr) 64px!important;grid-template-rows:64px!important}.grid-calibration-controls .grid-size-control>.grid-size-row>button:first-child,.grid-calibration-controls .grid-size-control>.grid-size-row>button:last-child{grid-row:1!important}.grid-calibration-controls .grid-size-control>.grid-size-row>button,.grid-calibration-controls .grid-size-control>.grid-size-row>input{display:block!important;width:100%!important;min-width:0!important;min-height:64px!important;height:64px!important;margin:0!important}.work-card-category{color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:7px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2}.grid-calibration-controls .grid-size-control>.grid-size-row{display:flex!important;flex-flow:row nowrap!important;width:100%!important}.grid-calibration-controls .grid-size-control>.grid-size-row>button{flex:0 0 64px!important;order:0!important}.grid-calibration-controls .grid-size-control>.grid-size-row>input{flex:1 1 auto!important;order:0!important}.color-picker-modal>header>button,.grid-calibration-modal>header>button,.grid-crop-modal>header>button,.import-cell-zoom-modal>header>button,.import-color-add-modal>header>button,.legend-review-modal>header>button,.pattern-color-map-modal>header>button,.pattern-crop-modal>header>button,.pattern-import-modal>header>button,.replace-color-modal>header>button,.replace-confirm-modal>header>button,.save-modal>header>button,.works-modal>header>button{display:grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;line-height:1!important;padding:0!important}.grid-calibration-controls .grid-size-control>.grid-size-row{align-items:center!important;min-height:64px!important}.grid-calibration-controls .grid-size-control>.grid-size-row>button{flex:0 0 42px!important;max-width:42px!important;padding:0!important;font-size:22px!important}.grid-calibration-controls .grid-size-control>.grid-size-row>input{flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;min-height:64px!important;height:64px!important;padding:0 8px!important;font-size:28px!important;font-weight:800!important}.grid-calibration-controls .grid-size-control>.grid-size-row{display:grid!important;grid-template-columns:42px minmax(112px,1fr) 42px!important;grid-template-rows:48px!important;align-items:stretch!important;gap:8px!important;min-width:0!important}.grid-calibration-controls .grid-size-control>.grid-size-row>button{grid-row:1!important;width:42px!important;min-width:42px!important;height:48px!important;min-height:48px!important}.grid-calibration-controls .grid-size-control>.grid-size-row>button:first-child{grid-column:1!important}.grid-calibration-controls .grid-size-control>.grid-size-row>input{grid-column:2!important;grid-row:1!important;min-width:112px!important;height:48px!important;min-height:48px!important;padding:0 6px!important;font-size:22px!important;line-height:1!important;text-align:center!important}.grid-calibration-controls .grid-size-control>.grid-size-row>button:last-child{grid-column:3!important}.export-number-settings{display:grid;gap:9px}.export-number-select{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:12px;font-weight:700}.export-number-select select{min-width:92px;height:32px;padding:0 26px 0 10px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;font-weight:700}.export-width-settings{display:grid;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.export-width-choice{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:30px;color:var(--text);font-size:11px}.export-width-buttons{display:grid;grid-template-columns:repeat(4,30px);gap:4px}.export-width-buttons button{width:30px;height:28px;padding:0;border:1px solid var(--line);border-radius:5px;color:var(--text);background:var(--bg);cursor:pointer;font-size:11px;font-weight:700}.export-width-buttons button.on{color:var(--panel);background:var(--accent);border-color:var(--accent)}.grid-calibration-modal{width:min(1240px,calc(100vw - 32px))!important}.grid-calibration-body{grid-template-columns:minmax(0,1fr) 286px!important}.grid-calibration-controls{min-width:286px!important;padding:14px!important}@media (max-width:700px){.grid-calibration-body{grid-template-columns:1fr!important}.grid-calibration-controls{min-width:0!important}}.grid-calibration-modal>header>button{position:relative!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;padding:0!important;font-size:0!important;line-height:0!important}.grid-calibration-modal>header>button:after,.grid-calibration-modal>header>button:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:3px;border-radius:2px;background:currentColor;transform-origin:center}.grid-calibration-modal>header>button:before{transform:translate(-50%,-50%) rotate(45deg)}.grid-calibration-modal>header>button:after{transform:translate(-50%,-50%) rotate(-45deg)}.remove-source-image{position:absolute!important;display:grid!important;place-items:center!important;padding:0!important;font-size:0!important;line-height:0!important}.remove-source-image:after,.remove-source-image:before{content:"";position:absolute;top:50%;left:50%;width:15px;height:2px;border-radius:2px;background:currentColor;transform-origin:center}.remove-source-image:before{transform:translate(-50%,-50%) rotate(45deg)}.remove-source-image:after{transform:translate(-50%,-50%) rotate(-45deg)}.legend-review-modal .legend-code-list{display:grid!important;gap:7px!important}.legend-review-modal .legend-code-chip{cursor:grab!important;justify-content:flex-start;min-width:0;user-select:none}.legend-review-modal .legend-code-chip.dragging{opacity:.42;cursor:grabbing!important}.legend-review-modal .legend-code-chip b{overflow:hidden;text-overflow:ellipsis}.legend-review-modal .legend-code-chip button{color:#aaa;cursor:pointer;background:transparent;border:0;margin-left:auto;padding:0 1px;font-size:16px;line-height:1}.legend-review-modal .legend-code-chip button:hover{color:#fff}.legend-review-modal .legend-code-list{gap:6px!important}.legend-review-modal .legend-code-chip{min-width:0!important;padding:7px 9px!important;font-size:14px!important;line-height:1!important}.legend-review-modal .legend-code-chip i{flex:0 0 18px!important;width:18px!important;height:18px!important}.legend-review-modal .legend-code-chip b{font-size:14px!important}.legend-review-modal .legend-code-chip button{flex:0 0 15px!important;width:15px!important;font-size:17px!important}.legend-review-modal .legend-code-chip{display:grid!important;grid-template-columns:16px minmax(0,1fr) 14px;align-items:center;overflow:hidden!important}.legend-review-modal .legend-code-chip i{flex:none!important}.legend-review-modal .legend-code-chip b{display:block;min-width:0;line-height:1!important;white-space:nowrap}.legend-review-modal .legend-code-chip button{height:18px!important;margin:0!important;padding:0!important;line-height:18px!important;text-align:center!important}.legend-review-modal .legend-code-chip{grid-template-columns:14px minmax(0,1fr) 12px!important;gap:4px!important;padding:5px 6px!important;font-size:11px!important}.legend-review-modal .legend-code-chip i{width:14px!important;height:14px!important}.legend-review-modal .legend-code-chip b{min-width:0!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.legend-review-modal .legend-code-chip button{width:12px!important;min-width:12px!important;height:14px!important;font-size:14px!important;line-height:14px!important}.legend-review-modal .legend-code-chip{grid-template-columns:16px minmax(0,1fr) 14px!important;gap:6px!important;padding:6px 8px!important;font-size:13px!important}.legend-review-modal .legend-code-chip i{width:16px!important;height:16px!important}.legend-review-modal .legend-code-chip b{font-size:13px!important;overflow:visible!important;text-overflow:clip!important}.legend-review-modal .legend-code-chip button{width:14px!important;min-width:14px!important;height:16px!important;font-size:16px!important;line-height:16px!important}.legend-review-count.has-mismatch{color:#ff9a72!important}.legend-review-modal .legend-review-count{padding-right:285px!important}.legend-review-modal .legend-add-code{top:0;right:0;z-index:45}.legend-review-modal .legend-add-code>b{display:none!important}.legend-review-modal .legend-code-picker-trigger{min-width:250px!important;height:44px!important;padding:0 14px!important;font-size:14px!important}.legend-review-modal .legend-code-picker-panel{width:min(720px,calc(100vw - 80px))!important;max-height:260px!important;padding:10px!important}.legend-review-modal .legend-code-picker-grid{gap:6px!important}.legend-review-modal .legend-code-picker-grid button{height:34px!important;padding:4px!important;font-size:12px!important}@media (max-width:760px){.legend-review-modal .legend-review-count{padding-right:0!important}.legend-review-modal .legend-add-code{position:relative!important;top:auto;right:auto;margin:10px 0!important}.legend-review-modal .legend-code-picker-trigger{min-width:210px!important}.legend-review-modal .legend-code-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.crop-box{border-width:1px!important;border-color:rgba(255,255,255,.88)!important;box-shadow:0 0 0 1px rgba(0,0,0,.42)!important}.crop-box:after,.crop-box:before{opacity:.28!important}.crop-handle{width:9px!important;height:9px!important;border-width:1px!important;box-shadow:0 1px 2px rgba(0,0,0,.45)!important}@media (max-width:700px){.crop-handle{width:12px!important;height:12px!important}}.app .header .step>span{display:inline-flex!important;flex-flow:row nowrap!important;align-items:center;width:max-content!important;min-width:max-content!important;word-break:keep-all!important;overflow:visible!important}.app .header .step>span,.app .header .step>span small{white-space:nowrap!important;writing-mode:horizontal-tb!important}.app .header .step>span small{display:inline!important;margin-left:4px}.legend-review-modal .legend-review-body{grid-template-columns:minmax(0,1fr) minmax(250px,1fr)!important;column-gap:28px;align-items:center}.legend-review-modal .legend-review-count{grid-column:1;grid-row:1}.legend-review-modal .legend-add-code{grid-column:2;grid-row:1;justify-self:stretch}.legend-review-modal .legend-code-picker,.legend-review-modal .legend-code-picker-trigger{width:100%!important}.legend-review-modal .legend-code-list,.legend-review-modal .legend-crop-preview,.legend-review-modal .legend-review-empty{grid-column:1/-1}@media (max-width:760px){.legend-review-modal .legend-review-body{display:block!important}.legend-review-modal .legend-add-code{margin:10px 0!important}}.legend-review-modal .legend-review-body{grid-template-columns:minmax(150px,1fr) minmax(500px,620px)!important;column-gap:20px}.legend-review-modal .legend-code-picker-panel{width:100%!important;max-width:100%!important;padding:8px!important;overflow:auto!important;box-sizing:border-box!important}.legend-review-modal .legend-code-picker-grid{gap:4px!important}.legend-review-modal .legend-code-picker-grid button{height:30px!important;gap:4px!important;font-size:11px!important;overflow:hidden!important;white-space:nowrap!important}.legend-review-modal .legend-code-picker-grid button i{flex:0 0 14px!important;width:14px!important;height:14px!important}@media (max-width:760px){.legend-review-modal .legend-review-body{display:block!important}.legend-review-modal .legend-code-picker-panel{width:min(100%,calc(100vw - 48px))!important}.legend-review-modal .legend-code-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.legend-review-modal .legend-review-body{display:grid!important;grid-template-columns:minmax(0,1fr) 620px!important;grid-template-rows:auto auto auto!important;align-items:center!important;column-gap:24px!important}.legend-review-modal .legend-review-count{grid-column:1!important;grid-row:1!important;padding-right:0!important}.legend-review-modal .legend-add-code{position:static!important;grid-column:2!important;grid-row:1!important;align-self:center!important;margin:0 0 12px!important}.legend-review-modal .legend-code-picker-trigger{width:100%!important;min-width:0!important}.legend-review-modal .legend-code-picker-panel{min-width:620px!important}.legend-review-modal .legend-code-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}.legend-review-modal .legend-code-list,.legend-review-modal .legend-crop-preview,.legend-review-modal .legend-review-empty{grid-column:1/-1!important}@media (max-width:760px){.legend-review-modal .legend-review-body{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;column-gap:12px!important}.legend-review-modal .legend-add-code{grid-column:2!important;grid-row:1!important;width:250px!important;margin:0 0 12px!important}.legend-review-modal .legend-code-picker-panel{width:min(620px,calc(100vw - 32px))!important;min-width:0!important}}.legend-review-modal .legend-review-body{display:block!important;position:relative!important}.legend-review-modal .legend-review-count{display:flex!important;align-items:center!important;min-height:96px;padding-right:650px!important;margin-bottom:12px}.legend-review-modal .legend-add-code{position:absolute!important;top:26px!important;right:0!important;z-index:60!important;display:block!important;width:620px!important;margin:0!important;transform:none!important}.legend-review-modal .legend-code-picker{position:relative!important;width:100%!important;height:auto!important}.legend-review-modal .legend-code-picker-panel{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;z-index:70!important;width:620px!important;min-width:0!important;max-width:calc(100vw - 64px)!important;max-height:220px!important}.legend-review-modal .legend-code-list,.legend-review-modal .legend-crop-preview,.legend-review-modal .legend-review-empty{grid-column:auto!important}@media (max-width:760px){.legend-review-modal .legend-review-count{min-height:88px;padding-right:270px!important}.legend-review-modal .legend-add-code{top:22px!important;width:250px!important}.legend-review-modal .legend-code-picker-panel{width:min(620px,calc(100vw - 32px))!important}}.legend-review-modal .legend-review-body{flex:0 1 auto!important;min-height:0!important;padding-top:14px!important;padding-bottom:14px!important}.legend-review-modal .legend-review-count{min-height:64px!important}.legend-review-modal .legend-add-code{top:10px!important}.legend-review-modal:has(.legend-review-empty) .legend-review-body{flex:none!important}@media (max-width:760px){.legend-review-modal .legend-review-count{min-height:60px!important}.legend-review-modal .legend-add-code{top:8px!important}}.legend-review-modal .legend-review-body{padding-top:10px!important;padding-bottom:10px!important}.legend-review-modal .legend-review-count{min-height:34px!important;height:auto!important;margin-bottom:8px!important}.legend-review-modal .legend-add-code{top:0!important}@media (max-width:760px){.legend-review-modal .legend-review-count{min-height:34px!important}.legend-review-modal .legend-add-code{top:0!important}}.legend-review-modal .legend-add-code{top:8px!important}@media (max-width:760px){.legend-review-modal .legend-add-code{top:8px!important}}.legend-review-modal .legend-code-picker-panel{max-height:150px!important;padding:6px!important}.legend-review-modal .legend-code-picker-panel input{height:28px!important;margin-bottom:5px!important}.legend-review-modal .legend-code-picker-grid{gap:3px!important}.legend-review-modal .legend-code-picker-grid button{height:27px!important;padding:3px!important;font-size:10px!important}.legend-review-modal .legend-code-picker-grid button i{flex-basis:12px!important;width:12px!important;height:12px!important}.legend-review-modal .legend-review-summary{position:relative!important;display:block!important;min-height:52px!important}.legend-review-modal .legend-review-summary .legend-review-count{display:flex!important;min-height:52px!important;margin:0!important;padding-right:650px!important}.legend-review-modal .legend-review-summary .legend-add-code{position:absolute!important;top:50%!important;right:0!important;width:620px!important;margin:0!important;transform:translateY(-50%)!important;z-index:80!important}.legend-review-modal .legend-review-summary .legend-code-picker-panel{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;z-index:90!important;max-height:250px!important}@media (max-width:760px){.legend-review-modal .legend-review-summary{min-height:52px!important}.legend-review-modal .legend-review-summary .legend-review-count{min-height:52px!important;padding-right:270px!important}.legend-review-modal .legend-review-summary .legend-add-code{width:250px!important}}.legend-review-modal .legend-review-summary .legend-review-count{min-height:38px!important}@media (max-width:760px){.legend-review-modal .legend-review-summary,.legend-review-modal .legend-review-summary .legend-review-count{min-height:38px!important}}.legend-review-modal .legend-review-summary{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,42%)!important;column-gap:16px!important;min-height:38px!important}.legend-review-modal .legend-review-summary .legend-review-count{grid-column:1!important;min-width:0!important;padding-right:0!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important}.legend-review-modal .legend-review-summary .legend-add-code{position:relative!important;grid-column:2!important;top:auto!important;right:auto!important;width:100%!important;min-width:0!important;transform:none!important}.legend-review-modal .legend-review-summary .legend-code-picker-panel{width:min(620px,calc(100vw - 64px))!important;max-width:none!important}@media (max-width:760px){.legend-review-modal .legend-review-summary{grid-template-columns:minmax(0,1fr) minmax(210px,47%)!important;column-gap:12px!important}}.legend-review-modal .legend-review-body{padding-top:0!important}.legend-review-modal .legend-review-summary,.legend-review-modal .legend-review-summary .legend-review-count{min-height:54px!important;align-items:center!important}@media (max-width:760px){.legend-review-modal .legend-review-summary,.legend-review-modal .legend-review-summary .legend-review-count{min-height:54px!important}}.legend-review-modal .legend-review-summary{container-type:inline-size}.legend-review-modal .legend-review-summary .legend-code-picker-panel{width:min(620px,100cqw)!important;max-width:100cqw!important}.pattern-crop-modal .crop-ratio-toolbar{align-items:center!important;min-height:36px!important;gap:5px!important}.pattern-crop-modal .pattern-import-step{min-height:36px!important;font-size:12px!important;line-height:1!important}.pattern-crop-modal .crop-auto-align,.pattern-crop-modal .crop-transform-tools button,.pattern-crop-modal .crop-zoom-tools{height:36px!important;min-height:36px!important}.pattern-crop-modal .crop-auto-align{padding:0 10px!important;font-size:11px!important}.pattern-crop-modal .crop-auto-align b{font-size:11px!important}.pattern-crop-modal .crop-zoom-tools button{height:36px!important;min-height:36px!important;flex-basis:30px!important;width:30px!important;min-width:30px!important;font-size:17px!important}.pattern-crop-modal .crop-zoom-tools b{min-width:44px!important;font-size:11px!important;line-height:36px!important}.pattern-crop-modal .crop-transform-tools button{flex-basis:30px!important;width:30px!important;min-width:30px!important;font-size:16px!important}.pattern-crop-modal .crop-transform-tools{order:1!important}.pattern-crop-modal .crop-zoom-tools{order:2!important;margin-left:auto!important;flex:none!important}.pattern-crop-modal .crop-ratio-toolbar>.crop-auto-align,.pattern-crop-modal .crop-transform-tools button,.pattern-crop-modal .import-crop-ratios,.pattern-crop-modal .import-crop-ratios button{height:36px!important;min-height:36px!important}.pattern-crop-modal .import-crop-ratios{display:flex!important;align-items:stretch!important;gap:4px!important}.pattern-crop-modal .import-crop-ratios button{min-width:48px!important;padding:0 10px!important}.pattern-crop-modal .import-crop-ratios button b{font-size:13px!important;line-height:1!important}.grid-calibration-controls .grid-size-control>.grid-size-row{grid-template-columns:38px minmax(96px,1fr) 38px!important;grid-template-rows:42px!important;gap:6px!important;min-height:42px!important}.grid-calibration-controls .grid-size-control>.grid-size-row>button{width:38px!important;min-width:38px!important;max-width:38px!important;height:42px!important;min-height:42px!important;max-height:42px!important}.grid-calibration-controls .grid-size-control>.grid-size-row>input{width:100%!important;min-width:96px!important;height:42px!important;min-height:42px!important;max-height:42px!important;font-size:20px!important}@media (min-width:701px){.grid-calibration-body{grid-template-columns:minmax(0,1fr) 286px!important}.grid-calibration-controls{grid-column:2!important;grid-row:1!important}}.grid-calibration-controls .grid-control-title b{font-size:14px!important}.grid-calibration-controls .grid-control-title button{padding:8px 10px!important;font-size:12px!important}.grid-calibration-controls .grid-coordinate-readout,.grid-calibration-controls .grid-size-control>b{font-size:13px!important}.grid-calibration-controls .grid-nudge-control button{font-size:16px!important}.grid-calibration-controls .grid-fine-toggle>span,.grid-calibration-controls .grid-precision-slider{font-size:13px!important}.grid-calibration-controls .grid-precision-slider input{height:16px!important}.grid-calibration-controls>p{font-size:12px!important;line-height:1.5!important}.grid-calibration-controls .grid-nudge-control{gap:5px!important}.grid-calibration-controls .grid-nudge-control>button,.grid-calibration-controls .grid-nudge-control>div button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;font-size:20px!important}.grid-calibration-controls .grid-nudge-control>div{grid-template-columns:repeat(3,36px)!important;gap:5px!important}.layer-composition-modal{width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;overflow:hidden}.layer-composition-modal>footer,.layer-composition-modal>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-color:var(--line);border-style:solid}.layer-composition-modal>header{border-width:0 0 1px}.layer-composition-modal>footer{border-width:1px 0 0}.layer-composition-modal h2{margin:0;font-size:19px}.layer-composition-modal header p{margin:4px 0 0;color:var(--muted);font-size:13px}.layer-composition-modal header>button{font-size:28px;line-height:1}.layer-composition-modal footer{justify-content:flex-end}.layer-composition-body{min-height:0;display:grid;grid-template-columns:minmax(280px,1fr) minmax(310px,.9fr);gap:18px;padding:18px;overflow:auto}.layer-composition-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:320px;padding:16px;background:#0000002b;border:1px solid var(--line);border-radius:12px}.layer-composition-preview{image-rendering:pixelated;display:block;max-width:100%;max-height:360px;width:auto;height:auto;box-shadow:0 0 0 1px #ffffff20}.layer-composition-stage>small{color:var(--muted);font-size:12px}.layer-canvas-size{display:flex;gap:8px}.layer-canvas-size label,.layer-position-controls label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.layer-canvas-size input,.layer-position-controls input{width:68px;padding:6px 7px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums}.layer-composition-list{display:flex;flex-direction:column;gap:9px;min-width:0}.layer-composition-list article{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.layer-composition-list article.is-hidden{opacity:.54}.layer-composition-heading{display:flex;align-items:baseline;gap:8px;min-width:0}.layer-composition-heading b{font-size:13px;color:var(--accent)}.layer-composition-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.layer-composition-actions,.layer-position-controls{display:flex;align-items:center;gap:6px;margin-top:9px}.layer-composition-actions button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:12px}.layer-composition-actions button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text)}.layer-position-controls small{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}@media(max-width:700px){.layer-composition-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.layer-composition-modal>footer,.layer-composition-modal>header{padding:12px 14px}.layer-composition-modal header p{font-size:11px;line-height:1.4}.layer-composition-body{grid-template-columns:1fr;gap:12px;padding:12px}.layer-composition-stage{min-height:180px}.layer-composition-preview{max-height:230px}.layer-composition-list{max-height:38dvh;overflow:auto}.layer-composition-actions button{min-height:32px}.layer-composition-modal footer .primary{min-width:0}}.layer-composition-workspace{position:fixed;inset:0;z-index:1000;overflow:hidden}.layer-composition-workspace .layer-composition-modal{width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}.layer-composition-workspace .layer-composition-modal>header{padding:18px 28px}.layer-composition-workspace .layer-composition-modal>footer{padding:16px 28px}.layer-composition-workspace .layer-composition-body{grid-template-columns:minmax(0,1fr) minmax(330px,420px);gap:22px;padding:22px 28px;overflow:hidden}.layer-composition-workspace .layer-composition-stage{overflow:auto;position:relative;justify-content:center;cursor:grab}.layer-composition-workspace .layer-composition-stage:active{cursor:grabbing}.layer-composition-workspace .layer-composition-preview{max-width:min(100%,calc(100dvh - 250px));max-height:calc(100dvh - 250px);cursor:grab;touch-action:none}.layer-stage-caption{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;color:var(--muted)}.layer-composition-workspace .layer-composition-list{overflow:auto;padding-right:4px}.layer-composition-workspace .layer-composition-list article{cursor:pointer;transition:border-color .15s ease,background .15s ease}.layer-composition-workspace .layer-composition-list article.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.layer-list-intro{display:flex;align-items:baseline;justify-content:space-between;padding:2px 2px 4px}.layer-list-intro b{font-size:16px}.layer-list-intro small{font-size:12px;color:var(--muted)}.layer-composition-workspace .layer-composition-actions button{min-height:30px}@media(max-width:700px){.layer-composition-workspace{overflow:auto}.layer-composition-workspace .layer-composition-modal{height:auto;min-height:100dvh}.layer-composition-workspace .layer-composition-body{grid-template-columns:1fr;overflow:visible;padding:14px}.layer-composition-workspace .layer-composition-stage{min-height:260px;overflow:hidden}.layer-composition-workspace .layer-composition-preview{max-height:330px}.layer-composition-workspace .layer-composition-list{max-height:none;overflow:visible}.layer-stage-caption{align-items:flex-start;flex-direction:column}.layer-composition-workspace .layer-composition-modal>footer,.layer-composition-workspace .layer-composition-modal>header{padding:14px}}.layer-stage-toolbar{display:flex;align-items:center;gap:7px;width:100%;padding-bottom:2px}.layer-stage-toolbar button{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--muted);font-size:12px}.layer-stage-toolbar button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg));color:var(--text)}.layer-stage-toolbar button:disabled{opacity:.42;cursor:not-allowed}.layer-stage-toolbar small{margin-left:auto;color:var(--muted);font-size:12px}.layer-composition-workspace .layer-composition-preview.tool-erase{cursor:crosshair}.layer-composition-workspace .layer-composition-preview.tool-move{cursor:grab}.layer-composition-heading i{margin-left:auto;color:var(--muted);font-size:18px;font-style:normal;line-height:1;cursor:grab}.layer-composition-list article.is-dragging{opacity:.45}.layer-composition-list article[draggable=true] .layer-composition-heading{cursor:grab}.layer-composition-list article[draggable=true]:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}@media(max-width:700px){.layer-stage-toolbar{flex-wrap:wrap}.layer-stage-toolbar small{width:100%;margin-left:0}.layer-composition-workspace .layer-composition-preview{max-height:280px}}.layer-stage-toolbar>div{display:flex;align-items:center;gap:7px}.layer-stage-toolbar .layer-zoom-tools{margin-left:auto;gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.layer-stage-toolbar .layer-zoom-tools button{border:0;border-radius:0;min-width:31px;padding:0}.layer-stage-toolbar .layer-zoom-tools b{min-width:48px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.layer-stage-toolbar button:disabled{opacity:.4}.layer-opacity{display:flex;align-items:center;margin-top:8px}.layer-opacity label{display:flex;align-items:center;gap:7px;width:100%;font-size:12px;color:var(--muted)}.layer-opacity input{flex:1;min-width:60px;accent-color:var(--accent)}.layer-opacity b{min-width:34px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}@media(max-width:700px){.layer-stage-toolbar{gap:5px}.layer-stage-toolbar .layer-zoom-tools{margin-left:0}.layer-stage-toolbar small{order:3}.layer-opacity{margin-top:7px}}.layer-composition-workspace{background:var(--bg);color:var(--text)}.layer-composition-workspace .layer-composition-modal{background:var(--panel)}.layer-composition-workspace .layer-composition-modal>header{min-height:76px;padding:16px clamp(20px,2.4vw,40px);background:var(--panel)}.layer-composition-workspace .layer-composition-modal>header h2{font-size:clamp(18px,1.45vw,22px);line-height:1.2;font-weight:750;letter-spacing:-.015em}.layer-composition-workspace .layer-composition-modal>header p{margin-top:5px;font-size:13px;line-height:1.45;color:var(--muted)}.layer-composition-workspace .layer-composition-modal>header>button{width:36px;height:36px;border:1px solid transparent;border-radius:8px;color:var(--text);font-size:28px;line-height:1;transition:background .16s,border-color .16s}.layer-composition-workspace .layer-composition-modal>header>button:hover{background:var(--bg);border-color:var(--line)}.layer-composition-workspace .layer-composition-body{width:min(1680px,100%);margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(352px,420px);gap:24px;padding:22px clamp(20px,2.4vw,40px)}.layer-composition-workspace .layer-composition-stage{gap:14px;padding:18px;border-radius:14px;background:var(--bg);box-shadow:none}.layer-composition-workspace .layer-composition-preview{box-shadow:0 0 0 1px var(--line);border-radius:2px}.layer-composition-workspace .layer-stage-toolbar{min-height:36px;flex:0 0 auto}.layer-composition-workspace .layer-stage-toolbar button{height:34px;min-height:34px;border-radius:7px;font-size:12px;font-weight:650}.layer-composition-workspace .layer-stage-toolbar button:hover:not(:disabled){background:#ffffff0d;border-color:#6a6a6a}.layer-composition-workspace .layer-composition-list article:focus-visible,.layer-composition-workspace .layer-stage-toolbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layer-composition-workspace .layer-stage-toolbar small{font-size:12px;white-space:nowrap}.layer-composition-workspace .layer-stage-caption{min-height:18px;font-size:12px}.layer-composition-workspace .layer-canvas-size{padding-top:2px}.layer-composition-workspace .layer-canvas-size label,.layer-composition-workspace .layer-position-controls label{font-size:12px;font-weight:650}.layer-composition-workspace .layer-canvas-size input,.layer-composition-workspace .layer-position-controls input{height:34px;border-radius:7px;font-size:13px}.layer-composition-workspace .layer-composition-list{gap:10px;padding:1px 2px 2px}.layer-composition-workspace .layer-list-intro{padding:0 2px 6px}.layer-composition-workspace .layer-list-intro b{font-size:17px}.layer-composition-workspace .layer-list-intro small{font-size:12px}.layer-composition-workspace .layer-composition-list article{border-radius:12px;padding:13px;background:var(--bg);border-color:var(--line)}.layer-composition-workspace .layer-composition-list article.is-active{border-color:var(--text);background:#ffffff08}.layer-composition-workspace .layer-composition-list article.is-drop-target{border-color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.layer-composition-workspace .layer-composition-heading{gap:9px}.layer-composition-workspace .layer-composition-heading b{font-size:12px}.layer-composition-workspace .layer-composition-heading span{font-size:14px}.layer-composition-workspace .layer-composition-actions{gap:6px;margin-top:10px;flex-wrap:wrap}.layer-composition-workspace .layer-composition-actions button{height:32px;min-height:32px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:650}.layer-composition-workspace .layer-opacity label{font-size:12px;font-weight:650}.layer-composition-workspace .layer-position-controls{margin-top:10px}.layer-composition-workspace .layer-position-controls small{font-size:11px}.layer-composition-workspace .layer-composition-modal>footer{min-height:72px;padding:14px clamp(20px,2.4vw,40px);background:var(--panel)}.layer-composition-workspace .layer-composition-modal>footer button{height:42px;min-height:42px;padding:0 18px;font-size:14px;font-weight:750}@media(max-width:1050px){.layer-composition-workspace .layer-composition-body{grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:16px;padding:16px 20px}.layer-composition-workspace .layer-stage-toolbar small{display:none}.layer-composition-workspace .layer-composition-modal>header{min-height:68px}.layer-composition-workspace .layer-composition-modal>footer{min-height:66px}}@media(max-width:800px){.layer-composition-workspace{overflow:auto}.layer-composition-workspace .layer-composition-modal{min-height:100dvh;height:auto}.layer-composition-workspace .layer-composition-body{grid-template-columns:1fr;overflow:visible}.layer-composition-workspace .layer-composition-stage{min-height:330px;overflow:auto}.layer-composition-workspace .layer-composition-list{max-height:none;overflow:visible}.layer-composition-workspace .layer-composition-preview{max-height:min(62dvh,420px)}.layer-composition-workspace .layer-composition-modal>footer{position:sticky;bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom));z-index:3}}@media(max-width:480px){.layer-composition-workspace .layer-composition-modal>header{min-height:64px;padding:13px 16px}.layer-composition-workspace .layer-composition-modal>header p{font-size:11px}.layer-composition-workspace .layer-composition-body{padding:12px}.layer-composition-workspace .layer-composition-stage{min-height:280px;padding:12px}.layer-composition-workspace .layer-stage-toolbar{align-items:flex-start}.layer-composition-workspace .layer-stage-toolbar>div:first-child{flex-wrap:wrap}.layer-composition-workspace .layer-composition-modal>footer{padding:12px 16px}.layer-composition-workspace .layer-composition-modal>footer button{min-width:0;padding:0 12px;font-size:13px}}.layer-composition-workspace .layer-opacity{min-height:36px;margin-top:10px;padding:2px 0}.layer-composition-workspace .layer-opacity label{gap:9px}.layer-composition-workspace .layer-opacity input[type=range]{appearance:none;-webkit-appearance:none;flex:1;min-width:92px;height:32px;margin:0;padding:0;cursor:ew-resize;touch-action:none;background:transparent}.layer-composition-workspace .layer-opacity input[type=range]::-webkit-slider-runnable-track{height:7px;border:1px solid #5a5a5a;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0,var(--accent) var(--range-progress),#3d3d3d var(--range-progress),#3d3d3d 100%)}.layer-composition-workspace .layer-opacity input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6.5px;border:2px solid var(--panel);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #ffffff66,0 1px 3px #0008}.layer-composition-workspace .layer-opacity input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.layer-composition-workspace .layer-opacity input[type=range]::-moz-range-track{height:7px;border:1px solid #5a5a5a;border-radius:999px;background:#3d3d3d}.layer-composition-workspace .layer-opacity input[type=range]::-moz-range-progress{height:7px;border-radius:999px;background:var(--accent)}.layer-composition-workspace .layer-opacity input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--panel);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #ffffff66}.layer-composition-workspace .layer-opacity-value{width:52px!important;min-width:52px!important;height:32px!important;padding:0 6px!important;text-align:right;font-variant-numeric:tabular-nums}.layer-composition-workspace .layer-opacity b{min-width:auto!important;color:var(--muted);font-size:12px}.layer-composition-workspace .layer-composition-modal{min-height:100dvh}.layer-composition-workspace .layer-composition-body{flex:1 1 auto;min-height:0}.layer-composition-workspace .layer-composition-stage{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:stretch;justify-items:stretch}.layer-composition-workspace .layer-composition-preview{justify-self:center;align-self:center;max-height:100%;max-width:100%}.layer-composition-workspace .layer-stage-caption{align-self:end}.layer-composition-workspace .layer-canvas-size{justify-content:center;align-self:end}.layer-composition-workspace .layer-tool-group{flex-wrap:wrap}.layer-composition-workspace .layer-tool-color{display:inline-flex;align-items:center;gap:5px}.layer-composition-workspace .layer-tool-color i{width:13px;height:13px;border:1px solid #ffffff55;border-radius:3px}.layer-composition-workspace .layer-brush-size{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.layer-composition-workspace .layer-brush-size span{padding:0 7px;color:var(--muted);font-size:11px}.layer-composition-workspace .layer-brush-size button{min-width:30px!important;padding:0!important;border:0!important;border-radius:0!important}.layer-composition-workspace .layer-brush-size b{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:800px){.layer-composition-workspace .layer-composition-body{flex:none}.layer-composition-workspace .layer-composition-stage{height:auto;min-height:360px;grid-template-rows:auto minmax(220px,1fr) auto auto}.layer-composition-workspace .layer-composition-preview{max-height:300px}.layer-composition-workspace .layer-tool-group{max-width:100%}.layer-composition-workspace .layer-stage-toolbar{flex-wrap:wrap}.layer-composition-workspace .layer-stage-toolbar .layer-zoom-tools{margin-left:auto}}@media(max-width:480px){.layer-composition-workspace .layer-composition-stage{min-height:330px}.layer-composition-workspace .layer-brush-size,.layer-composition-workspace .layer-stage-toolbar .layer-zoom-tools{order:2}.layer-composition-workspace .layer-stage-toolbar small{order:3}}.layer-composition-workspace .layer-opacity input[type=range]{touch-action:pan-x}.layer-composition-workspace~.modal-backdrop:has(.color-picker-modal){z-index:1200}.layer-composition-workspace .layer-history-button{display:grid;place-items:center;min-width:34px!important;width:34px;height:34px;padding:0!important}.layer-composition-workspace .layer-history-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.layer-composition-workspace .layer-opacity input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#00e879 0,#00e879 var(--range-progress),#3d3d3d var(--range-progress),#3d3d3d 100%)}.layer-composition-workspace .layer-opacity input[type=range]::-webkit-slider-thumb{background:#00e879}.layer-composition-workspace .layer-opacity input[type=range]::-moz-range-progress,.layer-composition-workspace .layer-opacity input[type=range]::-moz-range-thumb{background:#00e879}.layer-composition-workspace .layer-brush-size{min-width:220px;gap:8px;padding:0 9px;height:34px}.layer-composition-workspace .layer-brush-size span{padding:0;white-space:nowrap;font-size:12px;font-weight:650}.layer-composition-workspace .layer-brush-size input[type=range]{appearance:none;-webkit-appearance:none;flex:1;min-width:94px;height:28px;cursor:ew-resize;background:transparent}.layer-composition-workspace .layer-brush-size input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid #5a5a5a;border-radius:999px;background:linear-gradient(90deg,#00e879 0,#00e879 var(--range-progress),#3d3d3d var(--range-progress),#3d3d3d 100%)}.layer-composition-workspace .layer-brush-size input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:2px solid var(--panel);border-radius:50%;background:#00e879;box-shadow:0 0 0 1px #ffffff66}.layer-composition-workspace .layer-brush-size input[type=range]::-moz-range-track{height:6px;border:1px solid #5a5a5a;border-radius:999px;background:#3d3d3d}.layer-composition-workspace .layer-brush-size input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:#00e879}.layer-composition-workspace .layer-brush-size input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--panel);border-radius:50%;background:#00e879}.layer-composition-workspace .layer-brush-size b{min-width:34px;font-size:12px;white-space:nowrap}@media(max-width:560px){.layer-composition-workspace .layer-brush-size{min-width:min(100%,220px)}}.layer-composition-workspace .layer-composition-preview{max-width:none;max-height:none}.layer-composition-workspace .layer-stage-toolbar{position:relative;min-height:42px}.layer-composition-workspace .layer-stage-float-controls{position:absolute;z-index:3;top:0;right:0;display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 4px 14px #0003}.layer-composition-workspace .layer-stage-float-controls .layer-brush-size{min-width:170px;height:30px;border:0;border-right:1px solid var(--line);border-radius:0;padding:0 7px 0 0}.layer-composition-workspace .layer-stage-float-controls .layer-brush-size input[type=range]{min-width:66px;height:24px}.layer-composition-workspace .layer-stage-float-controls .layer-brush-size b{font-size:11px}.layer-composition-workspace .layer-stage-float-controls .layer-zoom-tools{height:30px}.layer-composition-workspace .layer-stage-float-controls .layer-zoom-tools button{min-width:27px!important;font-size:16px}.layer-composition-workspace .layer-stage-float-controls .layer-zoom-tools b{min-width:43px;font-size:11px}.layer-composition-workspace .layer-stage-float-controls small{max-width:150px;margin:0;font-size:11px;line-height:1.2}@media(max-width:800px){.layer-composition-workspace .layer-stage-float-controls{position:static;width:100%;margin-top:6px;flex-wrap:wrap}.layer-composition-workspace .layer-stage-toolbar{min-height:unset}.layer-composition-workspace .layer-stage-float-controls small{flex:1;min-width:130px}}@media (min-width:801px){.layer-composition-workspace .layer-composition-stage{grid-template-rows:minmax(0,1fr) auto auto;position:relative}.layer-composition-workspace .layer-stage-toolbar{position:absolute!important;z-index:8;top:12px;left:12px;right:12px;min-height:0!important;padding:0;border:0;background:transparent;pointer-events:none}.layer-composition-workspace .layer-stage-float-controls,.layer-composition-workspace .layer-stage-toolbar .layer-tool-group{pointer-events:auto}.layer-composition-workspace .layer-stage-toolbar .layer-tool-group{position:absolute;top:0;left:0;width:max-content;max-width:calc(50% - 18px)}.layer-composition-workspace .layer-stage-float-controls{position:absolute!important;top:0!important;right:0!important;left:auto!important;width:max-content;max-width:calc(50% - 18px)}.layer-composition-workspace .layer-composition-preview{z-index:1}}.layer-composition-workspace .layer-stage-float-controls .layer-tool-hint{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;max-width:none!important;margin:0;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:12px;font-weight:700;line-height:1;cursor:help}@media (min-width:801px){.layer-composition-workspace .layer-stage-float-controls{max-width:calc(50% - 12px);overflow:visible;right:clamp(12px,22%,370px)!important}}.layer-composition-workspace .layer-stage-float-controls .layer-tool-hint{display:none}@media (min-width:801px){.layer-composition-workspace .layer-stage-float-controls{right:12px!important;max-width:calc(50% - 12px)}}.layer-composition-workspace .layer-stage-toolbar .layer-tool-group{position:relative}.layer-composition-workspace .layer-tool-group .layer-brush-size{position:absolute;z-index:12;top:calc(100% + 7px);left:62px;min-width:210px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 7px 18px #0004}.layer-composition-workspace .layer-tool-group .layer-brush-size span{font-size:12px}.layer-composition-workspace .layer-tool-group .layer-brush-size input[type=range]{min-width:98px}@media(max-width:800px){.layer-composition-workspace .layer-tool-group .layer-brush-size{position:absolute;left:0;top:calc(100% + 6px);max-width:calc(100vw - 48px)}}@media (min-width:801px){.layer-composition-workspace .layer-composition-body{grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:18px;padding:18px 24px}.layer-composition-workspace .layer-composition-stage{padding:18px 86px;background:#1b1b1b}.layer-composition-workspace .layer-stage-toolbar{top:18px;left:18px;right:auto}.layer-composition-workspace .layer-stage-toolbar .layer-tool-group{flex-direction:column;align-items:stretch;gap:5px;max-width:none}.layer-composition-workspace .layer-stage-toolbar .layer-tool-group>.layer-eraser-control>button,.layer-composition-workspace .layer-stage-toolbar .layer-tool-group>button{width:58px;min-width:58px;padding:0 5px;font-size:11px}.layer-composition-workspace .layer-eraser-control{position:relative;display:block}.layer-composition-workspace .layer-tool-group .layer-brush-size{position:absolute;top:calc(100% + 6px);left:0;min-width:198px;z-index:20}.layer-composition-workspace .layer-composition-list{border-left:1px solid var(--line);padding:0 0 0 16px}.layer-composition-workspace .layer-list-intro{position:sticky;top:0;z-index:2;padding:3px 2px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.layer-composition-workspace .layer-composition-list article{border-radius:8px}}.work-feed-sort{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.work-feed-sort select{height:30px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:0 26px 0 8px;font-size:12px;cursor:pointer}.work-feed-sort:focus-within select{border-color:var(--accent);outline:none}.work-category-bar .work-category-create{margin-left:0}@media(max-width:700px){.work-feed-sort{margin-left:0}.work-category-create{width:auto}.work-category-bar .work-feed-sort{order:3}.work-category-bar .work-category-create{order:4;width:100%}}