@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#203642;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input[type=range]{width:100%;accent-color:#2b817f;cursor:pointer}input[type=color]{width:39px;min-width:39px;height:38px;padding:3px;border:1px solid #dce3de;border-radius:9px;background:#fff;cursor:pointer}input[type=text],select{border:1px solid #dce3de;border-radius:9px;background:#fff;color:#263b43;padding:9px 10px;min-width:0}a{color:inherit}.topbar{height:76px;border-bottom:1px solid #e7e9e1;background:#fffefb;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1510px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:800;line-height:1.05;letter-spacing:-.04em}.brand small{display:block;color:#89999d;font-size:8px;letter-spacing:.29em;margin-top:5px}.brand-mark{width:35px;height:35px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-12deg)}.brand-mark i{border-radius:5px;background:#f0a595}.brand-mark i:nth-child(2){background:#eecb72}.brand-mark i:nth-child(3){background:#74b8b2}.brand-mark i:nth-child(4){background:#6595bf}.top-actions{display:flex;align-items:center;gap:28px;font-size:12px;color:#60737c}.privacy{display:flex;align-items:center;gap:8px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#65b891;box-shadow:0 0 0 4px #e7f4e9}.text-button{border:0;background:none;color:#36545b;padding:8px}.text-button:hover{text-decoration:underline}main{max-width:1560px;padding:0 24px;margin:auto}.intro{padding:34px 6px 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.eyebrow{font-size:11px;letter-spacing:.1em;color:#548783;font-weight:700;margin:0 0 9px}.sparkle{color:#d28a73;font-size:18px;vertical-align:middle;margin-right:5px}h1{font-size:clamp(31px,3.4vw,47px);line-height:1.15;letter-spacing:-.06em;margin:0;font-weight:800}h1 em{font-style:normal;color:#29827d}.intro-copy{font-size:13px;color:#75868c;margin:12px 0 0}.intro-steps{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#74878a;font-size:11px;padding-bottom:5px}.intro-steps span:not(.step-line){display:flex;align-items:center;gap:7px}.intro-steps b{color:#28847e;font-size:12px}.step-line{height:1px;width:23px;background:#c7d8d4}.workspace{display:grid;grid-template-columns:minmax(260px,290px) minmax(420px,1fr) minmax(270px,305px);gap:17px;align-items:stretch}.panel{background:#fffefb;border:1px solid #e4e8e1;border-radius:17px;box-shadow:0 10px 28px #315a5510;min-width:0}.settings,.palette-panel{padding:22px 20px}.panel-heading,.canvas-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.panel-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#7cb3a9}h2{font-size:17px;margin:4px 0 0;letter-spacing:-.04em} .heading-icon{font-size:22px;color:#78b2aa}.upload-box{border:1.5px dashed #bcd1cc;border-radius:12px;background:#f8fbf8;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:17px 10px;transition:.2s}.upload-box.dragging{border-color:#258780;background:#edf8f2}.upload-icon{border-radius:10px;background:#e3f1ed;color:#298680;font-size:25px;width:39px;height:39px;line-height:38px;margin-bottom:8px}.upload-box strong{font-size:13px}.upload-box p{font-size:11px;color:#8a9ba0;margin:4px 0 10px}.upload-box small{font-size:10px;color:#9aa8aa;margin-top:9px}.upload-button{border:1px solid #b6d4cc;background:#fff;color:#2d8078;font-size:11px;font-weight:700;padding:7px 17px;border-radius:7px}.upload-button:hover{background:#eaf5f0}.crop-wrap{margin-top:18px}.crop-title,.setting-heading,.palette-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}.crop-title span:last-child,.setting-heading small,.palette-heading small{font-size:10px;color:#9aa9aa;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:135px}#cropPreview{display:block;width:100%;height:130px;object-fit:contain;background:#e9ede9;border-radius:8px;margin:9px 0 11px}.inline-control{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#687d81;margin-bottom:12px}.inline-control select{padding:5px;font-size:11px}.setting-group{margin:23px 0 20px;border-top:1px solid #edf0e9;padding-top:19px}.setting-heading{margin-bottom:16px}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#5b6f75;margin:14px 0 5px}.slider-label output{color:#29827d;font-weight:800;font-size:12px}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#a0adae;margin-top:2px}.primary-button{background:#27827b;color:#fff;border:0;border-radius:10px;padding:13px 18px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-shadow:0 5px 12px #27827b30}.primary-button:hover{background:#216e6a}.primary-button span:last-child{margin-left:auto}.primary-button span:first-child{font-size:18px}.subtle-hint{font-size:10px;line-height:1.6;color:#97a5a6;text-align:center;margin:10px 0 20px}.import-row{border-top:1px solid #edf0e9;padding-top:18px;text-align:center}.import-link{font-size:11px;color:#53837f;cursor:pointer;font-weight:700}.import-link:hover{text-decoration:underline}.canvas-panel{display:flex;flex-direction:column;overflow:hidden}.canvas-heading{margin:0;padding:22px 23px 19px}.size-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0;color:#658079;background:#eaf3ed;padding:4px 7px;border-radius:5px;vertical-align:middle;margin-left:5px}.canvas-heading-actions{display:flex;gap:7px}.icon-button{width:28px;height:28px;border-radius:7px;border:1px solid #e0e8e2;color:#4e7777;background:#fff;font-size:18px;line-height:1}.icon-button:hover{background:#f0f7f3}.toolbar{min-height:47px;border-block:1px solid #edf0eb;background:#fcfdf9;padding:7px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-pills{display:flex;gap:3px}.tool{border:0;border-radius:6px;background:none;padding:7px 9px;font-size:12px;color:#7a8b8c;white-space:nowrap}.tool span{font-size:11px}.tool.active{background:#e2f1ec;color:#277e77;font-weight:700}.view-tools{display:flex;align-items:center;gap:7px;font-size:10px;color:#8b9b9c}.grid-toggle{white-space:nowrap;display:flex;align-items:center;gap:2px;cursor:pointer}.grid-toggle input{accent-color:#2c8b82}.toolbar-divider{width:1px;height:15px;background:#e1e8e3;margin:0 4px}.view-tools input[type=range]{width:60px}.view-tools output{min-width:31px;text-align:right}.canvas-surface{background-color:#f4f6f1;background-image:radial-gradient(#dce6df 1px,transparent 1px);background-size:14px 14px;padding:25px;display:flex;justify-content:center;align-items:flex-start;flex:1;min-height:450px;overflow:hidden}.canvas-scroll{overflow:auto;max-width:100%;max-height:640px;box-shadow:0 8px 22px #264e4d26;border:8px solid #fff;border-radius:5px;background:#fff}#patternCanvas{display:block;touch-action:none;cursor:crosshair}.canvas-footer{padding:12px 20px;display:flex;justify-content:space-between;font-size:10px;color:#8ea0a2;border-top:1px solid #ecf0e9}.palette-panel{display:flex;flex-direction:column}.summary{display:flex;background:#f3f8f3;border:1px solid #e6f1e7;border-radius:10px;padding:13px 5px;margin-bottom:23px}.summary>div{width:50%;text-align:center}.summary>div:first-child{border-right:1px solid #dce8df}.summary span{display:block;font-size:10px;color:#80968d}.summary strong{display:block;font-size:23px;line-height:1.2;margin-top:5px;color:#2b756e}.palette-heading{margin-bottom:11px}.palette-list{max-height:250px;overflow:auto;padding-right:2px}.palette-item{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;display:flex;align-items:center;gap:9px;text-align:left;padding:6px;cursor:pointer}.palette-item:hover{background:#f5f9f5}.palette-item.selected{background:#edf7f2;border-color:#bddbd0}.swatch{width:25px;height:25px;border-radius:5px;border:1px solid #00000016;flex:none}.palette-item .code{font-size:11px;color:#5d757b;width:31px;font-weight:700}.palette-item .color-name{flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item .count{font-size:11px;color:#607b78;font-weight:700}.palette-empty{padding:20px;text-align:center;color:#93a3a2;font-size:11px}.palette-editor{border-top:1px solid #edf0e9;margin-top:14px;padding-top:12px}.palette-editor summary{font-size:11px;font-weight:700;color:#538680;cursor:pointer;list-style:none}.palette-editor summary::-webkit-details-marker{display:none}.palette-editor summary span{float:right}.palette-editor-body{display:grid;gap:9px;margin-top:13px}.palette-editor-body label{font-size:10px;color:#829398}.palette-editor-body select{width:100%;font-size:11px}.color-edit-row{display:flex;gap:5px}.color-edit-row input[type=text]{width:100%;font-size:11px;padding:7px}.small-button{border:0;border-radius:7px;background:#e3f1e9;color:#287b6f;font-size:11px;font-weight:700;padding:0 10px}.danger-link{justify-self:start;border:0;background:none;color:#b26360;font-size:10px;padding:2px 0}.export-section{margin-top:auto;padding-top:23px}.export-button{border:1px solid #e6ebe6;background:#fff;width:100%;padding:10px;border-radius:9px;display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:8px;color:#397471}.export-button:hover{border-color:#a6d0c0;background:#f8fcf8}.export-glyph{width:31px;height:31px;border-radius:7px;background:#e9f4ee;display:grid;place-items:center;font-size:17px;flex:none}.export-button span:nth-child(2){display:grid;gap:2px;flex:1}.export-button strong{font-size:11px;color:#364e53}.export-button small{font-size:10px;color:#9aaaab}.page-footer{display:flex;justify-content:space-between;gap:20px;color:#a1afad;font-size:10px;padding:24px 4px 30px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:#254848;color:#fff;border-radius:9px;padding:11px 17px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 24px #23433d30;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:16px;max-width:430px;box-shadow:0 25px 80px #183a3945;padding:26px;color:#203642}dialog::backdrop{background:#203b3a78}dialog form{position:relative}dialog h2{font-size:24px;margin:9px 0}dialog ol{padding-left:20px;line-height:1.8;font-size:13px;color:#5d7477}dialog p:not(.panel-kicker){font-size:11px;line-height:1.7;color:#819495}.dialog-close{position:absolute;right:0;top:0;border:0;background:none;font-size:25px;color:#91a09f}
@media(max-width:1150px){.workspace{grid-template-columns:250px minmax(350px,1fr)}.palette-panel{grid-column:1/-1;display:block}.palette-list{max-height:180px;display:grid;grid-template-columns:repeat(3,1fr)}.export-section{max-width:700px}.intro-steps{display:none}}
@media(max-width:760px){.topbar{height:63px;padding:0 18px}.privacy{display:none}main{padding:0 12px}.intro{padding:27px 6px 23px}.intro-copy{line-height:1.6}.workspace{display:flex;flex-direction:column;gap:12px}.settings,.palette-panel{padding:18px}.canvas-surface{min-height:330px;padding:15px}.canvas-scroll{max-height:520px}.palette-list{display:block;max-height:240px}.toolbar{flex-wrap:wrap}.page-footer{flex-direction:column;gap:5px}.settings{order:1}.canvas-panel{order:2}.palette-panel{order:3}}
@media(max-width:480px){h1{font-size:34px}.tool span{font-size:10px}.view-tools{width:100%;justify-content:flex-end}.canvas-heading{padding:17px}.canvas-surface{padding:9px}.canvas-scroll{border-width:5px}.intro-copy{font-size:12px}}
.fit-button{border:1px solid #c9dcd5;background:#fff;color:#347d77;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:700;white-space:nowrap}.fit-button:hover,.fit-button[aria-pressed=true]{background:#e2f1ec;border-color:#a8cec0;color:#277e77}
[hidden]{display:none!important}
.palette-source-card{display:flex;align-items:center;gap:10px;padding:11px;background:#f2f7ee;border:1px solid #dfead9;border-radius:10px;margin-bottom:18px}.palette-source-card>span:last-child{min-width:0}.palette-source-icon{width:31px;height:31px;border-radius:7px;background:#dcefe6;display:grid;place-items:center;color:#287b6f;font-size:18px;flex:none}.palette-source-card strong,.palette-source-card small{display:block}.palette-source-card strong{font-size:12px;color:#2d726b}.palette-source-card small{font-size:9px;line-height:1.5;color:#82938c;margin-top:2px}.preset-heading{display:flex;justify-content:space-between;gap:5px;font-size:11px;font-weight:700;color:#506f71;margin-bottom:7px}.preset-heading small{font-size:9px;font-weight:400;color:#9aa9aa}.grid-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.grid-presets button{border:1px solid #dce9df;background:#fff;color:#607b77;border-radius:8px;padding:8px 3px;font-size:10px;font-weight:700}.grid-presets button:hover,.grid-presets button[aria-pressed=true]{border-color:#8bc7b1;background:#e8f5ec;color:#25776e}.migration-notice{background:#f4f7ef;border:1px solid #dce8d5;border-radius:10px;padding:11px;margin:-8px 0 17px}.migration-notice strong{font-size:11px;color:#34766d}.migration-notice p{font-size:10px;line-height:1.55;color:#758a83;margin:5px 0 9px}.migration-actions{display:flex;gap:7px;flex-wrap:wrap}.notice-link{border:1px solid #c7dbd0;border-radius:6px;background:#fff;color:#347d71;font-size:10px;font-weight:700;padding:6px 8px}.notice-link:hover{background:#e8f5ec}.color-finder{border-top:1px solid #edf0e9;padding-top:12px;margin-top:11px;display:grid;gap:7px}.color-finder label{font-size:11px;font-weight:700;color:#538680;display:flex;justify-content:space-between;gap:6px}.color-finder label small{font-size:9px;font-weight:400;color:#9aa9aa}.color-finder input[type=search]{width:100%;min-width:0;border:1px solid #dce3de;border-radius:8px;padding:8px 9px;background:#fff;color:#263b43;font-size:11px}.color-select-row{display:flex;align-items:center;gap:7px}.color-select-row select{width:100%;font-size:11px}.color-select-row .swatch{width:28px;height:28px}.finder-status{min-height:12px;color:#8da19e;font-size:9px}.edit-hint{font-size:9px;line-height:1.5;color:#8ea09b;margin:0}.page-footer a{color:#5e8a83;text-decoration:underline;text-underline-offset:2px}
.project-warning{background:#fff7e9;border:1px solid #ecd7aa;border-radius:10px;padding:11px;margin:-8px 0 17px}.project-warning strong{font-size:11px;color:#9a6834}.project-warning p{font-size:10px;line-height:1.55;color:#806d56;margin:5px 0 9px}
@media(max-width:760px){.grid-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.migration-actions{gap:6px}}
@media(max-width:420px){.grid-presets button{font-size:9px;padding:8px 2px}.color-finder label{display:block}.color-finder label small{display:block;margin-top:2px}}

.stitch-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#edf6f0;border-bottom:1px solid #d8e9dd}.stitch-entry strong,.stitch-entry small{display:block}.stitch-entry strong{font-size:12px;color:#245f59}.stitch-entry small{font-size:10px;color:#6f8d85;margin-top:2px}.stitch-entry button{flex:none;border:0;border-radius:8px;background:#27827b;color:white;font-weight:800;font-size:11px;padding:10px 13px;min-height:39px}.stitch-entry button:hover{background:#216e6a}
body.stitch-open{overflow:hidden}
.stitch-dialog{position:fixed;inset:0;width:min(1080px,calc(100vw - 30px));height:min(880px,calc(100dvh - 30px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:18px;background:#f7f9f5;color:#203642;overflow:hidden;box-shadow:0 25px 85px #102c2c55}.stitch-dialog::backdrop{background:#132d2bb3}.stitch-shell{height:100%;min-height:0;display:flex;flex-direction:column}.stitch-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 12px;background:#fffefb;border-bottom:1px solid #e3ebe4;flex:none}.stitch-header h2{font-size:21px;margin:3px 0 2px}.stitch-header p{margin:0;font-size:11px;line-height:1.5;color:#6b817b}.stitch-close{border:1px solid #c9dbd2;border-radius:9px;background:#fff;color:#276c64;padding:9px 14px;font-size:12px;font-weight:800;min-height:38px;flex:none}.stitch-close:hover{background:#eaf5ef}.stitch-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:9px 18px;background:#f7fbf7;border-bottom:1px solid #dfeae2;flex:none}.stitch-focus-info{display:flex;align-items:center;gap:8px;min-height:30px;font-size:12px;color:#55756d}.stitch-focus-info strong{color:#2a4f48}.stitch-info-swatch{width:22px;height:22px;flex:none;border-radius:6px;border:1px solid #6073694d;box-shadow:0 0 0 2px #fff}.stitch-view-actions{display:flex;align-items:center;gap:7px;font-size:11px;color:#617c73}.stitch-view-actions label{white-space:nowrap;display:flex;align-items:center;gap:3px}.stitch-view-actions button{min-height:34px;border:1px solid #cbded4;border-radius:7px;background:#fff;color:#316e63;font-weight:700;padding:4px 9px}.stitch-view-actions button:hover,.stitch-view-actions button[aria-pressed=true]{background:#e5f2e9}.stitch-view-actions button[aria-label]{min-width:34px;font-size:18px;line-height:1}.stitch-view-actions output{min-width:42px;text-align:center;font-weight:800;color:#326b62}.stitch-board{flex:1;min-height:160px;overflow:auto;padding:18px;background-color:#e9efea;background-image:radial-gradient(#d4dfd6 1px,transparent 1px);background-size:15px 15px;overscroll-behavior:contain}.stitch-board canvas{display:block;margin:auto;background:#fffefb;border:1px solid #c9d6cc;box-shadow:0 7px 23px #2f51442b;cursor:crosshair}.stitch-palette{flex:none;padding:11px 18px 12px;background:#fffefb;border-top:1px solid #dfe9e0}.stitch-palette-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.stitch-palette-heading strong{font-size:12px;color:#2c554c}.stitch-palette-heading small{font-weight:400;color:#81968b;margin-left:5px}.stitch-palette-heading button{border:0;background:none;color:#287d72;font-size:11px;font-weight:800;padding:5px}.stitch-color-list{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin;min-height:56px}.stitch-color{display:flex;align-items:center;gap:7px;flex:none;min-width:88px;border:1px solid #dde7df;border-radius:9px;background:#f9fbf8;padding:7px 9px;text-align:left;color:#2b4942}.stitch-color:hover{background:#f0f8f2}.stitch-color.active{border-color:#31887d;background:#e5f4ed;box-shadow:0 0 0 1px #31887d}.stitch-color-swatch{width:25px;height:25px;flex:none;border-radius:6px;border:1px solid #53686138}.stitch-color strong,.stitch-color small{display:block;white-space:nowrap}.stitch-color strong{font-size:12px}.stitch-color small{font-size:10px;color:#73897e}.stitch-cell-info{min-height:15px;margin:2px 0 0;font-size:10px;color:#71867d;line-height:1.4}
@media(max-width:760px){.stitch-dialog{inset:0;width:100vw;height:100dvh;margin:0;border-radius:0}.stitch-shell{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));background:#fffefb}.stitch-header{padding:12px 14px 10px}.stitch-header h2{font-size:18px}.stitch-header p{font-size:10px}.stitch-controls{padding:7px 12px;gap:3px}.stitch-focus-info{font-size:11px;min-height:26px}.stitch-view-actions{width:100%;justify-content:flex-end}.stitch-view-actions button{min-height:36px}.stitch-board{padding:12px}.stitch-palette{padding:8px 12px 10px}.stitch-color{min-height:46px}.stitch-entry{padding:9px 12px}.stitch-entry small{max-width:180px}}
.stitch-board-frame{position:relative;flex:1;min-height:160px;overflow:hidden}
.stitch-board{width:100%;height:100%;padding:36px 12px 12px 36px}
.stitch-axes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.stitch-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}.stitch-selection-bar .stitch-focus-info{min-width:0}.stitch-selection-actions{display:flex;gap:5px;flex:none}.stitch-selection-actions button{min-height:32px;padding:5px 10px;border:1px solid #b9d5c7;border-radius:7px;background:#fff;color:#2b7368;font-size:11px;font-weight:800}.stitch-selection-actions #stitchReplaceOpen:not(:disabled){background:#27827b;border-color:#27827b;color:#fff}
.stitch-replace-dialog{width:min(440px,calc(100vw - 28px));max-width:none;max-height:min(680px,calc(100dvh - 70px));padding:18px;background:#fffefb;overflow:hidden}.stitch-replace-dialog::backdrop{background:#122e2ca8}.stitch-replace-heading{display:flex;align-items:flex-start;justify-content:space-between}.stitch-replace-heading h2{font-size:20px;margin:3px 0}.stitch-replace-heading button{border:0;background:none;color:#647c74;font-size:24px;line-height:1}.stitch-replace-dialog p{font-size:12px!important;color:#526d63!important;margin:9px 0 13px}.stitch-replace-search{display:grid;gap:6px;color:#36594f;font-size:11px;font-weight:800}.stitch-replace-search input{width:100%;border:1px solid #cbded4;border-radius:8px;padding:10px;font-size:13px}.stitch-replace-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(42dvh,320px);overflow:auto;margin:12px 0;padding:2px}.stitch-replace-choice{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #dce8de;border-radius:8px;background:#f8faf7;text-align:left;color:#34554b}.stitch-replace-choice[aria-pressed=true]{border-color:#27827b;background:#e6f4eb;box-shadow:0 0 0 1px #27827b}.stitch-replace-choice .swatch{width:23px;height:23px}.stitch-replace-choice span:last-child{min-width:0}.stitch-replace-choice strong,.stitch-replace-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stitch-replace-choice strong{font-size:12px}.stitch-replace-choice small{font-size:10px;color:#769087}.stitch-replace-empty{grid-column:1/-1;margin:0;padding:18px;text-align:center}.stitch-replace-footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;border-top:1px solid #e4ede5;padding-top:12px}.stitch-replace-footer span{margin-right:auto;font-size:11px;color:#5b786d}.stitch-replace-footer button{border:1px solid #c9ded1;border-radius:8px;background:#fff;color:#2c7065;font-size:12px;font-weight:800;padding:8px 11px;min-height:36px}.stitch-replace-footer #stitchReplaceApply:not(:disabled){background:#27827b;border-color:#27827b;color:#fff}
@media(max-width:760px){.stitch-selection-bar{width:100%}.stitch-selection-bar .stitch-focus-info{font-size:10px}.stitch-selection-actions button{min-height:34px;padding:5px 8px}.stitch-replace-dialog{padding:15px}.stitch-replace-choices{max-height:40dvh}}
.stitch-replace-dialog{position:fixed;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;height:min(540px,calc(100dvh - 120px));max-height:none}
.stitch-replace-dialog[open]{display:flex;flex-direction:column}
.stitch-replace-choices{flex:1;min-height:0;max-height:none}
.stitch-replace-choices{align-content:start}
.stitch-replace-search input{font-size:16px}
.stitch-region-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none;padding:7px 18px;background:#edf6ef;border-bottom:1px solid #d6e8d9}.stitch-region-switch{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#285e52;font-size:11px;font-weight:800}.stitch-region-switch input{accent-color:#27827b}.stitch-region-controls{display:flex;align-items:center;gap:5px;flex:1;flex-wrap:wrap}.stitch-region-controls[hidden]{display:none}.stitch-region-size{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#5b786d;font-size:10px}.stitch-region-controls select,.stitch-region-controls button{min-height:32px;border:1px solid #bed9c7;border-radius:7px;background:#fff;color:#2d675a;font-size:11px;font-weight:700;padding:4px 7px}.stitch-region-size select{max-width:82px}.stitch-region-controls #stitchRegionSelect{flex:1;min-width:115px;max-width:280px}.stitch-region-controls button[aria-label]{font-size:20px;line-height:1;min-width:30px;padding:2px 5px}.stitch-region-controls #stitchRegionDone{background:#27827b;border-color:#27827b;color:#fff;white-space:nowrap}.stitch-region-controls #stitchRegionProgress{color:#5e7e6e;font-size:10px;font-weight:700;white-space:nowrap}
@media(max-width:760px){.stitch-region-toolbar{padding:6px 12px}.stitch-region-controls{width:100%;flex-basis:100%}.stitch-region-controls #stitchRegionSelect{max-width:none}.stitch-region-controls #stitchRegionDone{flex:1}.stitch-region-controls #stitchRegionProgress{width:100%;text-align:right}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main{padding-top:18px}
.upload-box{min-height:118px}
.upload-box .upload-icon{margin-bottom:10px}
.stitch-entry{justify-content:stretch;padding:8px 12px;background:#fffefb}
.stitch-entry button{width:100%}
.canvas-footer{justify-content:flex-end}
.finder-status:empty,.stitch-cell-info:empty{display:none}
.background-control{border-top:1px solid #e5ece7;margin-top:15px;padding-top:12px;font-size:11px;color:#486e68}
.background-control>label{display:flex;align-items:center;gap:5px;font-weight:700;cursor:pointer}
.background-control input[type=checkbox]{accent-color:#2b817f}
.background-control #backgroundOptions{margin-top:7px}
.background-control .slider-label{margin-top:8px}