:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#39322b;background:#fcf7f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--accent:#574d42;--muted:#a09281;--line:#f6e9da;--range-progress:15%;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #ac9f90;outline-offset:4px}button{transition:background .18s,border-color .18s,color .18s,box-shadow .18s}button:disabled{opacity:.45}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 4%;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:27px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:3px}.brand>span:last-child{display:flex;align-items:center;gap:15px}.brand-en{font-size:10px;letter-spacing:2px;color:#9e907f;font-weight:500;padding-top:5px}.brand-mark{width:35px;height:35px;position:relative;display:block}.brand-mark i{display:block;width:25px;height:25px;position:absolute;border:2px solid var(--accent);border-radius:6px}.brand-mark i:first-child{left:0;top:0;background:#f6eadd}.brand-mark i:last-child{right:0;bottom:0;background:#574d42;box-shadow:0 0 0 3px #fff}.brand-mark i:last-child:after{content:"";position:absolute;width:8px;height:8px;border:1.5px solid #fff;left:6px;top:6px;border-radius:2px}.header-divider{width:1px;height:23px;background:var(--line)}.header-page{color:#817362;font-size:13px}.header-right{margin-left:auto;display:flex;align-items:center;gap:30px}.privacy-badge{display:flex;align-items:center;gap:7px;color:#877765;font-size:12px}.privacy-badge .icon{width:16px;height:16px}.text-button{border:0;background:none;padding:5px 0;color:#877866;font-size:12px;display:inline-flex;gap:8px;align-items:center}.text-button:not(:disabled):hover{color:var(--accent)}.help-circle{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ada193;border-radius:50%;width:15px;height:15px;font-size:10px}main{max-width:1600px;margin:auto;padding:42px 4% 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#8e7e6b;font-weight:600;margin-bottom:13px}h1{font-size:clamp(23px,2.15vw,32px);line-height:1.5;letter-spacing:.7px;font-weight:600}h1>span{color:#807160}.intro p{font-size:13px;line-height:1.8;color:#9f9180;margin-top:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;height:43px;padding:0 18px;border:1px solid transparent;font-size:13px;font-weight:500;white-space:nowrap}.button .icon{width:17px;height:17px}.button-primary{background:var(--accent);color:#fff;box-shadow:0 3px 5px #3d362e0d}.button-primary:not(:disabled):hover{background:#463e34;box-shadow:0 4px 12px #3d362e20}.button-light{background:#fff;border-color:#f3e3d0;color:#6f6254}.button-light:not(:disabled):hover{background:#faf3eb;border-color:#c1b8ad}.demo-button{margin-top:28px;background:transparent;font-size:12px;height:38px}.workspace{display:grid;grid-template-columns:244px minmax(280px,1fr) 294px;gap:18px;align-items:stretch}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 2px 5px #36302910}.panel-heading{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:10px;border-bottom:1px solid #f8eee3;flex-shrink:0}.panel-heading h2{font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px;white-space:nowrap}.count{font-size:10px;min-width:21px;height:20px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:#f9f1e7;color:#807261;border-radius:5px}.small{font-size:11px}.assets-panel{display:flex;flex-direction:column}.upload-zone{margin:18px 16px 20px;background:#fcf9f5;border:1px dashed #e1d3c3;border-radius:8px;padding:18px 6px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#8c7c69}.upload-zone>.icon{width:24px;height:24px;background:#f7ece0;box-sizing:content-box;padding:7px;border-radius:9px;margin-bottom:2px}.upload-zone strong{font-size:12px;font-weight:550}.upload-zone span{font-size:11px;color:#9e907f}.upload-zone small{font-size:9px;color:#afa294;margin-top:4px}.upload-zone:not(:disabled):hover,.upload-zone.dragover{background:#faf2e9;border-color:#7f705f}.list-heading{display:flex;justify-content:space-between;font-size:10px;color:#a6998a;padding:0 19px 12px}.asset-list{flex:1;overflow-y:auto;min-height:0;max-height:430px;padding:0 9px}.asset-row{display:flex;position:relative;align-items:center;border:1px solid transparent;margin-bottom:7px;border-radius:7px;background:#fff}.asset-row.selected{background:#faf3ea;border-color:#dbcab7}.asset-select{padding:9px 21px 9px 8px;width:100%;min-width:0;display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;position:relative}.asset-thumb{width:44px;height:49px;object-fit:cover;background:#f4e5d4;border-radius:4px}.asset-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;align-self:flex-start;padding-top:3px}.asset-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:11px}.asset-info small{font-size:10px;color:#a7998a}.asset-mark{font-size:9px;color:#b3a89b;align-self:flex-end;position:absolute;right:9px;bottom:10px}.asset-mark.edited{color:#7b6d5c;background:#f5e7d7;padding:2px 4px;border-radius:3px;font-size:8px}.asset-remove{position:absolute;right:5px;top:6px;border:0;background:transparent;color:#b0a496;padding:2px;display:flex}.asset-remove .icon{width:12px;height:12px}.asset-remove:hover{color:#c05a41}.list-empty{flex:1;text-align:center;color:#b3a79a;padding:66px 8px}.list-empty .icon{width:31px;height:31px;stroke-width:1;color:#d6c3ad;margin-bottom:14px}.list-empty p{font-size:11px}.list-empty span{display:block;font-size:10px;color:#beb4a9;margin-top:8px}.assets-footer{margin-top:auto;padding:17px 12px;border-top:1px solid #f9f0e6;font-size:10px;color:#a49687;text-align:center;white-space:nowrap}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#a39584;margin-right:5px}.preview-panel{display:flex;flex-direction:column}.preview-heading{padding:0 22px}.preview-tag{font-size:8px;letter-spacing:1.5px;color:#b7ac9f;font-weight:400;margin-left:2px;padding-top:2px}.fit-label{font-size:10px;color:#ac9f90;background:#fbf5ef;padding:5px 9px;border:1px solid #f6e9da;border-radius:5px}.stage{flex:1;min-height:460px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#f9f1e8;background-image:radial-gradient(#decfbd80 .7px,transparent .7px);background-size:16px 16px;overflow:hidden}.stage.dragover{box-shadow:inset 0 0 0 3px #807261;background-color:#f7ede1}.stage-empty{text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center}.empty-art{width:154px;height:122px;margin-bottom:33px;position:relative}.art-back{position:absolute;width:118px;height:87px;left:6px;top:8px;border:1px solid #e3d5c5;background:#f3e3d1;border-radius:9px;transform:rotate(-13deg)}.art-front{width:124px;height:94px;position:absolute;right:2px;bottom:10px;background:#fff;border:1px solid #ebe1d5;border-radius:9px;transform:rotate(7deg);box-shadow:0 12px 24px #473f3510;display:flex;align-items:center;justify-content:center}.art-front>.icon{width:43px;height:43px;stroke:#bcb2a7;stroke-width:1.1}.art-logo{position:absolute;bottom:9px;right:-17px;background:#5c5246;color:#fcf8f3;font-family:Georgia,serif;font-size:13px;padding:7px 11px;border-radius:5px;transform:rotate(-7deg);box-shadow:0 4px 10px #40393120}.art-spark{position:absolute;right:-3px;top:0;color:#a49686;font-size:28px}.stage-empty h3{font-size:20px;font-weight:500;letter-spacing:.5px;color:#706354}.stage-empty p{font-size:11px;margin-top:12px;color:#a69889;line-height:1.8}.stage-empty .button{margin-top:25px;padding:0 23px;height:40px;font-size:12px}.empty-tip{font-size:10px;color:#b4a89b;margin-top:13px}.image-frame{position:relative;flex-shrink:0;box-shadow:0 7px 28px #463e3520;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/14px 14px}#preview-canvas{display:block;width:100%;height:100%}#logo-overlay{position:absolute;object-fit:fill;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;outline:1px dashed #ffffffb3;outline-offset:4px;filter:drop-shadow(0 0 0 transparent)}#logo-overlay:hover,#logo-overlay:focus-visible,#logo-overlay.dragging{outline:2px solid #81b5fc;outline-offset:3px}#logo-overlay.dragging{cursor:grabbing}#logo-overlay.locked{cursor:not-allowed;outline:none}.stage-loading{position:absolute;background:#fffef8eb;color:#6d6153;padding:14px 22px;border:1px solid #ebe1d5;border-radius:10px;font-size:12px}.preview-caption{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:10px;background:#fdfaf6;border-top:1px solid #f6e8d9;color:#988876;font-size:10px}#preview-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.override-badge{flex-shrink:0;font-size:9px;color:#807160;background:#f7ece0;padding:4px 6px;border-radius:3px}.preview-bottom{min-height:48px;display:flex;align-items:center;gap:7px;padding:10px 18px;color:#a59788;font-size:10px;line-height:1.6}.preview-bottom>.icon{width:14px;height:14px;color:#b5aa9e}.local-label{margin-left:auto;flex-shrink:0;font-size:9px;display:flex;align-items:center;gap:4px;color:#b3a89b}.local-label .icon{width:12px;height:12px}.settings-body{padding:21px 20px 19px}.step-label{font-size:8px;letter-spacing:1.3px;color:#b3a79a}.field-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:4px}.field-title h3{font-size:12px;font-weight:550;display:flex;align-items:center;gap:8px}.field-title>span{font-size:9px;color:#b1a597}.step-number{font-size:9px;color:#a29484;font-weight:400}.logo-upload{display:flex;align-items:center;gap:10px;width:100%;border:1px dashed #e2d4c3;border-radius:7px;padding:12px 10px;background:#fefcfa;text-align:left;min-height:69px}.logo-upload:not(:disabled):hover,.logo-upload.dragover{background:#f9f2e9;border-color:#a69888}.logo-placeholder{width:33px;height:33px;background:#f8eee3;color:#a7998a;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-placeholder .icon{width:18px;height:18px}#logo-thumb{width:43px;height:38px;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#e6dacd 0% 25%,#f9f1e7 0% 50%) 50%/10px 10px;padding:2px}.logo-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.logo-copy strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-copy small{font-size:9px;color:#ab9e8f}.logo-add{color:#aea294}.logo-add .icon{width:14px;height:14px}.section-divider{height:1px;background:var(--line);margin:21px 0}.segmented{display:flex;align-items:center;border-radius:6px;padding:3px;background:#f9f1e7;gap:3px}.segmented button{border:1px solid transparent;background:transparent;color:#9d8e7d;border-radius:4px;font-size:11px;height:29px;flex:1;padding:0 5px}.segmented button.active{background:#fff;box-shadow:0 1px 3px #3e372e10;border-color:#f4e5d3;color:#655a4d}.field-hint{font-size:9px;color:#afa294;line-height:1.7;margin-top:9px}.slider-label{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:11px;color:#746657}.slider-label>span{display:flex;align-items:center;gap:3px}.slider-label output{font-size:11px;color:#6b5f51;background:#f9f0e6;min-width:27px;border-radius:4px;padding:4px 7px;text-align:center}.slider-label em{font-style:normal;font-size:10px;color:#ac9f90;margin-left:3px}input[type=range]{width:100%;margin:15px 0 0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#857664 var(--range-progress),#f5e8d9 var(--range-progress));height:4px;border-radius:4px;cursor:pointer;display:block}input[type=range]:disabled{cursor:not-allowed;opacity:.5}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;background:#fff;border:3px solid #7e705f;border-radius:50%;box-shadow:0 1px 4px #51483d29}input[type=range]::-moz-range-thumb{width:8px;height:8px;background:#fff;border:3px solid #7e705f;border-radius:50%}.range-endpoints{display:flex;align-items:center;justify-content:space-between;color:#b7aca0;font-size:9px;margin-top:10px}.position-label{display:flex;justify-content:space-between;font-size:11px;color:#746657;margin:22px 0 13px}.position-label span{font-size:10px;color:#a79a8b}.position-layout{display:flex;align-items:center;gap:22px}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);width:102px;height:86px;padding:7px;gap:5px;border:1px solid #f4e4d1;border-radius:7px;background:#fcf9f5}.position-grid button{display:flex;align-items:center;justify-content:center;border:1px solid #f3e2cf;background:#fff;border-radius:3px;padding:0}.position-grid button span{width:4px;height:4px;background:#d6c2ab;border-radius:1px}.position-grid button.active{background:#786a5a;border-color:#786a5a}.position-grid button.active span{background:#f9f0e5}.position-grid button:not(:disabled):hover{border-color:#91816e}.position-layout p{font-size:10px;color:#b0a496;line-height:2}.margin-label{margin-top:21px}.margin-hint{margin-top:12px}.reset-button{display:flex;align-items:center;gap:6px;font-size:10px;color:#948471;border:0;background:transparent;padding:0;margin:16px 0 0}.reset-button .icon{width:12px;height:12px}.reset-button:disabled{opacity:.45}.export-divider{margin:22px 0}.format-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#746657}.format{width:120px}.format button{font-size:10px;height:24px}.export-all{width:100%;margin-top:18px;height:43px;font-size:12px}.export-current{width:100%;margin-top:9px;height:36px;font-size:11px}.export-all:disabled{background:#9d8e7c;opacity:.56}.progress-box{margin-top:13px}.progress-box progress{width:100%;height:5px;display:block;accent-color:var(--accent)}.progress-box span{display:block;font-size:10px;line-height:1.6;color:#877765;margin-top:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0;color:#ab9e8f;font-size:10px}footer>span:first-child{display:flex;align-items:center;gap:6px}footer .icon{width:13px;height:13px}.footer-brand{margin-left:12px;padding-left:13px;border-left:1px solid #e8ddd1;font-size:12px;letter-spacing:2px;color:#9d8e7c}.issues{margin-top:18px;border:1px solid #e9d4b3;background:#fff9ed;padding:18px 22px;border-radius:10px;font-size:12px;color:#937247;line-height:1.7}.issues strong{font-weight:550}.issues ul{padding-left:18px;margin:8px 0;overflow-wrap:anywhere}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);max-width:90vw;background:#413a31ef;color:#fff;border:1px solid #6b5f51;padding:13px 23px;box-shadow:0 8px 30px #38312a25;border-radius:9px;font-size:12px;z-index:10;line-height:1.7;text-align:center}dialog{border:1px solid #e9ded2;border-radius:16px;width:min(480px,calc(100% - 32px));padding:28px;color:#50473c;box-shadow:0 20px 70px #312b2530}dialog::backdrop{background:#2f2a2455;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-heading h2{font-size:19px;font-weight:550}.icon-button{border:0;background:transparent;padding:5px;color:#9d8f7e}.icon-button .icon{width:19px;height:19px}dialog ol{padding-left:22px;font-size:13px;margin:24px 0}dialog li{padding-left:5px;margin-bottom:20px}dialog strong{font-weight:550}dialog li p{font-size:12px;color:#9d8f7e;line-height:1.9;margin-top:5px}.dialog-note{font-size:11px;line-height:1.9;color:#a6998a;padding:15px;background:#faf4ed;border-radius:8px;margin-bottom:22px}dialog>.button{width:100%}@media(min-width:1450px){.workspace{grid-template-columns:260px minmax(320px,1fr) 306px;gap:22px}.stage{min-height:510px}.asset-list{max-height:470px}}@media(max-width:1180px){.site-header{padding:0 25px;gap:19px}.brand-en{display:none}.header-right{gap:20px}main{padding:30px 25px 0}.workspace{grid-template-columns:205px minmax(250px,1fr) 270px;gap:12px}.panel-heading{padding:0 16px}.settings-body{padding:19px 16px}.preview-tag{display:none}.preview-bottom{padding:10px 12px}.local-label{display:none}.asset-select{gap:6px}.asset-thumb{width:35px;height:43px}.asset-info strong{font-size:10px}.asset-info small,.assets-footer{font-size:9px}.position-layout{gap:18px}}@media(max-width:980px){.workspace{grid-template-columns:190px minmax(260px,1fr)}.settings-panel{grid-column:1/-1}.settings-body{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:22px}.settings-body>*{grid-column:2}.settings-body>.field-title:first-child{grid-column:1;grid-row:1}.logo-upload{grid-column:1;grid-row:2 / span 2;align-self:start}.settings-body>.section-divider:first-of-type{display:none}.settings-body>.field-title:nth-of-type(3){grid-row:1}.stage{min-height:500px}.settings-body{display:block}.settings-panel .settings-body{max-width:600px;margin:auto}.settings-panel .panel-heading{justify-content:flex-start;gap:20px}.settings-body .section-divider{display:block!important}.intro p,.header-page{font-size:12px}.preview-tag{display:inline}}@media(max-width:640px){.site-header{height:67px;padding:0 18px}.brand{font-size:21px}.brand-mark{transform:scale(.85);width:31px}.brand>span:last-child{gap:8px}.header-divider,.header-page,.privacy-badge{display:none}.header-right{gap:0}.text-button{font-size:11px}main{padding:27px 14px 0}.intro{align-items:flex-start;margin-bottom:23px;gap:12px;flex-wrap:wrap}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:10px}h1{font-size:22px;letter-spacing:0}.intro p{font-size:11px;max-width:320px;line-height:1.9}.demo-button{margin-top:0;font-size:11px;height:34px;padding:0 12px}.workspace{display:flex;flex-direction:column;gap:15px}.assets-panel{order:0}.preview-panel{order:1}.settings-panel{order:2}.panel-heading{height:52px}.upload-zone{margin:12px;padding:12px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;text-align:left}.upload-zone>.icon{grid-row:1/4;margin:0;width:21px;height:21px;padding:10px}.upload-zone strong,.upload-zone span,.upload-zone small{grid-column:2;margin:0}.upload-zone span{font-size:10px}.upload-zone small{font-size:9px}.list-heading{padding:0 15px 9px}.list-empty,.assets-footer{display:none}.asset-list{display:flex;overflow-x:auto;overflow-y:hidden;padding:0 12px;max-height:none;flex:none}.asset-row{width:176px;flex-shrink:0;margin-right:8px;margin-bottom:12px}.asset-select{padding:8px 23px 8px 7px}.asset-thumb{width:36px;height:43px}.stage{min-height:340px;height:370px;flex:none}.stage-empty h3{font-size:18px}.empty-art{transform:scale(.82);margin-bottom:9px;height:115px}.stage-empty p{font-size:10px}.stage-empty .button{margin-top:18px;height:36px}.preview-caption{height:42px;padding:0 14px}.preview-bottom{font-size:9px}.settings-body{padding:21px}.field-title h3{font-size:13px}.field-title>span{font-size:10px}.slider-label,.position-label,.format-row{font-size:12px}.field-hint{font-size:10px}.segmented button{height:34px;font-size:12px}.position-grid{width:132px;height:104px;gap:6px}.position-layout{gap:26px}.position-layout p{font-size:11px}.export-all{height:46px;font-size:13px}.export-current{height:41px;font-size:12px}.logo-upload{padding:15px}.logo-copy strong{font-size:12px}.logo-copy small{font-size:10px}footer{padding:20px 5px;justify-content:center;text-align:center;font-size:9px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.logo-modes{margin-bottom:14px}.region-editor{margin-top:12px;padding:12px 10px;background:#fcf7f1;border:1px solid #f4e6d5;border-radius:7px}.region-label{font-size:10px;color:#877765;margin-bottom:8px}.region-side-label{display:flex;align-items:center;justify-content:space-between;margin:12px 0;font-size:11px;color:#746657}.region-side-label select{border:1px solid #e8ddd1;padding:4px 8px;border-radius:4px;background:#fff;font:inherit;color:inherit}.region-preview{min-height:65px;display:flex;align-items:center;justify-content:center;padding:8px 0;background:repeating-conic-gradient(#e3d5c6 0% 25%,#f5e8d9 0% 50%) 50%/12px 12px;border-radius:4px}.region-frame{position:relative;max-width:100%;overflow:hidden}.region-frame img{width:100%;height:100%;display:block}.region-mask{position:absolute;pointer-events:none;background:#8b7b6929;border:1px dashed #574d42}.region-editor .slider-label{margin-top:12px;font-size:10px}.header-right #version-one{white-space:nowrap}.source-label{color:#847563;font-size:10px;margin:12px 0 8px}.source-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.source-heading .text-button{font-size:10px}#logo2-thumb{width:43px;height:38px;object-fit:contain;border-radius:4px;padding:2px;background:repeating-conic-gradient(#e6dacd 0% 25%,#f9f1e7 0% 50%) 50%/10px 10px}.cross-color-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px;color:#746657}input[type=color]{width:34px;height:26px;border:1px solid #e9ded1;border-radius:5px;background:#fff;padding:3px;cursor:pointer}input[type=color]:disabled{cursor:not-allowed;opacity:.5}.logo-colors{margin-top:18px}.logo-colors .source-label{display:block}.remove-white-option{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:10px;color:#8c7c69;line-height:1.6;cursor:pointer}.remove-white-option input{accent-color:var(--accent);width:14px;height:14px;margin:0}.pair-preview{min-height:84px;padding:14px 10px;margin-top:17px;border-radius:7px;border:1px solid #e7dbcd;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e3d5c6 0% 25%,#f5e8d9 0% 50%) 50%/14px 14px}#pair-preview-image{display:block;max-width:100%;max-height:120px;object-fit:contain}#pair-preview-empty{color:#9a8b7a;font-size:13px;letter-spacing:1px}#pair-preview-empty b{font-size:19px;font-weight:400;padding:0 9px}#download-logo{width:100%;height:35px;margin-top:10px;font-size:10px}@media(min-width:981px){.workspace{align-items:start}.assets-panel,.preview-panel{height:810px;position:sticky;top:18px}.asset-list{max-height:none}}@media(max-width:640px){.header-right{gap:14px}.source-label,.remove-white-option{font-size:11px}#download-logo{height:40px;font-size:12px}}:root{--accent: #fa9516;--line: #eee3d5;--muted: #786b5e;color:#32291f;background:#fffaf3}#watermark-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.watermark-mode-label{margin:18px 0 10px;font-size:11px;font-weight:600;color:#705435}.watermark-settings{margin-top:12px;padding:0 12px 14px;border:1px solid #eed9b5;border-radius:8px;background:#fffaf0}.watermark-settings .slider-label{margin-top:16px}.watermark-settings>.field-hint:last-child{margin-top:16px}body{background:radial-gradient(ellipse at 90% 0,#fff1d4 0,transparent 42%),#fffaf3}.site-header{height:88px;background:#ffffffed;border-bottom-color:#f0e1c9}.brand{gap:18px;flex-shrink:0}.brand-logo{width:142px;height:auto;display:block;object-fit:contain}.brand-en{font-size:9px;color:#8a7560;letter-spacing:1.8px}.header-page{color:#806347}.header-right .text-button,.privacy-badge{color:#796653}.eyebrow{color:#a96010}h1{color:#33291d}h1>span{color:#f0981a}.intro p{color:#897562}.button-primary{background:#fa9a1f;color:#382305;border-color:#ed8a10;font-weight:650;box-shadow:0 3px 8px #de86131a}.button-primary:not(:disabled):hover{background:#ffad3c;border-color:#d97c00;box-shadow:0 4px 14px #d78c2429}.button-light{color:#795021;border-color:#e7d7c0}.button-light:not(:disabled):hover{background:#fff3db;border-color:#f2b251}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:#cf7100}.text-button:not(:disabled):hover{color:#a95706}.count,.override-badge,.asset-mark.edited{background:#fff0d1;color:#915000}.upload-zone{background:#fffbf2;border-color:#eccb95;color:#9a5b0b}.upload-zone>.icon,.logo-placeholder{background:#ffedc5;color:#b56b0b}.upload-zone:not(:disabled):hover,.upload-zone.dragover,.logo-upload:not(:disabled):hover,.logo-upload.dragover{background:#fff2d7;border-color:#eb9b28}.asset-row.selected{background:#fff1d6;border-color:#f3b34d}.status-dot{background:#efa229}.stage{background-color:#f9f5ed;background-image:radial-gradient(#dac9b580 .7px,transparent .7px)}.stage.dragover{box-shadow:inset 0 0 0 3px #ed9a25;background-color:#fff0d0}.preview-caption{color:#7e6b55;background:#fffdf8}.preview-bottom{color:#83725e}.art-back{background:#ffe7b2;border-color:#f1c470}.art-front{border-color:#f0dfc3;box-shadow:0 12px 24px #9a632114}.empty-mascot{width:67px;height:67px;object-fit:contain;border-radius:15px}.art-logo{color:#502d03;background:#ffbb4f;font-family:inherit;font-size:11px;font-weight:600;box-shadow:0 4px 12px #d7852920}.art-spark{color:#f2a323}.stage-empty h3{color:#725536}.stage-empty p{color:#8d7961}.field-title h3{color:#443425}.step-number{color:#b46c14}.logo-upload{background:#fffefa;border-color:#e5cfaa}.field-hint{color:#83715d;font-size:10px}.segmented{background:#f5eee2}.segmented button{color:#7b6851}.segmented button.active{color:#7a4305;border-color:#f0c582;background:#fff4df;box-shadow:0 1px 4px #bc813117;font-weight:600}.slider-label,.position-label,.format-row,.cross-color-row{color:#705435}.slider-label output{color:#915000;background:#ffedcc}input[type=range]{height:5px;background:linear-gradient(to right,#efa02b var(--range-progress),#eee3d2 var(--range-progress))}input[type=range]::-webkit-slider-thumb{width:15px;height:15px;border-color:#d48109}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-color:#d48109}.position-grid{background:#fffbf3;border-color:#eddfc6}.position-grid button.active{background:#ee971d;border-color:#dc8512}.position-grid button.active span{background:#563305}.position-grid button:not(:disabled):hover{border-color:#e5a441}.export-all:disabled{background:#e6c391;color:#725025}.toast{background:#493016f5;border-color:#997142;color:#fff9eb}.footer-brand{color:#a5661a}.recolor-tools{margin-top:16px;border:1px solid #ecd6b3;border-radius:9px;background:#fffcf6}.recolor-tools summary{display:flex;align-items:center;gap:8px;padding:13px 12px;color:#8a500e;font-size:12px;font-weight:600;cursor:pointer;list-style:none}.recolor-tools summary::-webkit-details-marker{display:none}.recolor-tools summary:after{content:"⌄";margin-left:3px;font-size:15px}.recolor-tools[open] summary:after{content:"⌃"}.recolor-tools summary:focus-visible{outline:2px solid #cf7100;outline-offset:2px;border-radius:7px}.recolor-summary-state{margin-left:auto;color:#96774e;font-size:10px;font-weight:400}.recolor-tools[open]{padding-bottom:12px}.recolor-tools>.logo-colors{margin:0 9px;padding:12px 9px}.recolor-tools>.region-editor{margin:12px 9px 0}.logo-colors{margin:0 0 22px;padding:15px 12px 12px;border:2px solid #f5b744;border-radius:10px;background:linear-gradient(140deg,#fff4d9,#fffcf4);box-shadow:0 4px 14px #c68b1a0d}.recolor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.recolor-heading strong{display:flex;align-items:center;gap:6px;color:#6e3e04;font-size:14px;font-weight:650}.recolor-heading .icon{color:#c77605;width:18px;height:18px}.recolor-heading>span{color:#9b661f;font-size:9px;background:#ffe7b1;padding:4px 6px;border-radius:4px;white-space:nowrap}.color-options{padding:0;gap:8px;background:none}.color-options button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:82px;padding:10px 3px;background:#fff;border:1px solid #e5d4b8;border-radius:7px;color:#685238}.color-options button strong{font-size:12px;font-weight:550}.color-options button:not(:disabled):hover{border-color:#d7840e;background:#fff9ed}.color-options button.active{border:2px solid #cb7907;background:#fff7e6;box-shadow:0 0 0 2px #f8c46b45;color:#754001}.color-options button.active:after{content:"✓";position:absolute;right:3px;top:3px;border-radius:50%;width:14px;height:14px;line-height:14px;background:#a85900;color:#fff;font-size:10px}.color-swatch{display:block;width:28px;height:28px;border-radius:50%;box-shadow:0 2px 3px #48351314}.swatch-original{background:conic-gradient(#f79617,#ffdc4b,#71cfe7,#ee6d84,#f79617);border:1px solid #edc981}.swatch-black{background:#202020;border:1px solid #111}.swatch-white{background:#fff;border:1px solid #9b9b9b}.recolor-status{font-size:11px;font-weight:600;color:#8a4d08;line-height:1.7;margin-top:12px}.logo-colors .field-hint{color:#8b7252;margin-top:5px;line-height:1.8}.region-editor{background:#fffcf5;border-color:#ebc88b;border-left:3px solid #efad36;padding:13px 10px}.region-label{font-size:11px;font-weight:650;color:#8b510b}.region-options{gap:6px;padding:0;background:transparent}.region-options button{height:52px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #e9d7bc;background:#fff}.region-options button strong{font-size:11px;font-weight:600}.region-options button small{font-size:9px;color:#8d7c65}.region-options button.active{background:#ffe3a4;border:2px solid #d48b1a;color:#653901}.region-options button.active small{color:#866021}.region-mask{background:repeating-linear-gradient(135deg,#ffb32855 0 5px,#ffb32822 5px 10px);border:2px solid #e18300}.region-side-label{color:#76552f}.region-side-label select{border-color:#dac8aa}.region-preview,.pair-preview{background:repeating-conic-gradient(#d1d3d6 0% 25%,#e6e7e9 0% 50%) 50%/12px 12px;border-color:#cfd1d4}#logo-thumb,#logo2-thumb{background:repeating-conic-gradient(#cfd2d5 0% 25%,#e4e6e8 0% 50%) 50%/10px 10px}.source-label,.remove-white-option{color:#796244}@media(max-width:1180px){.brand-logo{width:130px}}@media(max-width:640px){.site-header{height:76px;padding:0 14px;gap:10px}.brand{gap:0}.brand-logo{width:118px}.header-right{gap:12px}.logo-colors{padding:16px 14px}.color-options button{height:86px}.color-options button strong{font-size:13px}.region-options button strong{font-size:12px}.recolor-heading strong{font-size:15px}}@media(max-width:360px){.brand-logo{width:105px}.header-right{gap:9px}.header-right .text-button{font-size:10px}}