@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#302c3a;--muted:#8d8995;--pink:#de2676;--pink-dark:#be185f;--pink-soft:#ffecf3;--line:#ece6eb;--panel:#fff;--cream:#faf8f9;--bg:#f9f5f8;--shadow:0 15px 48px #51253a1a;--radius:14px;--green:#28a881}*{box-sizing:border-box}html,body{height:100%;margin:0;min-width:330px}body{font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:13px;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button svg{flex-shrink:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f5a4c7;outline-offset:2px}p{line-height:1.65}h1,h2,h3{font-family:Nunito,'DM Sans',sans-serif;line-height:1.2}h3{font-size:15px;margin:0}.hidden{display:none!important}.hidden-input,.svg-sprites{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon.sm{width:14px;height:14px}.icon.tiny{width:16px;height:16px}.topbar{height:74px;background:#fff;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:0 22px;position:relative;z-index:5}.brand{background:none;border:0;display:flex;align-items:center;gap:10px;padding:0;color:#28212c;white-space:nowrap}.brand>span:last-child{font-family:Nunito,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1.5px;line-height:20px;display:block}.brand-accent{color:var(--pink)}.brand small{display:block;margin-top:5px;font-size:8px;line-height:8px;text-align:right;letter-spacing:4.4px;color:var(--pink);font-weight:900}.brand-mark{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:12px;background:var(--pink);color:white;box-shadow:0 5px 10px #de267630}.brand-mark .icon{width:23px;height:23px;stroke-width:2.1}.top-divider{height:32px;border-left:1px solid var(--line);margin:0 8px 0 12px}.project-titles{display:flex;flex-direction:column;min-width:130px;gap:4px;flex:1}.project-titles input{background:transparent;border:1px solid transparent;color:var(--ink);font-size:14px;font-weight:800;padding:4px 6px;margin-left:-6px;min-width:100px;max-width:300px;width:100%;border-radius:5px;text-overflow:ellipsis}.project-titles input:hover{border-color:var(--line)}.project-titles input:focus{background:#fff;border-color:#e9a1c0;outline:none}.project-titles span{font-size:11px;color:var(--muted)}.top-spacer{flex:1}.autosave{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;white-space:nowrap;margin-right:8px}.save-dot{width:7px;height:7px;border-radius:50%;background:#51bc92;box-shadow:0 0 0 3px #51bc9219}.icon-btn{border:0;background:transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;height:38px;width:38px;color:#726b7a}.icon-btn:hover,.soft-btn:hover{background:#f7eff4;color:var(--pink)}.top-btn,.soft-btn,.outline-btn,.solid-btn{border-radius:9px;border:1px solid var(--line);background:white;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;color:#55505d;white-space:nowrap;transition:.15s}.top-btn:hover,.outline-btn:hover{background:#fff4f8;border-color:#ecc5d8;color:var(--pink)}.top-btn.primary,.solid-btn{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 4px 12px #dd287527}.top-btn.primary:hover,.solid-btn:hover{background:var(--pink-dark);border-color:var(--pink-dark)}.top-btn.primary .icon{color:white}.dropdown-anchor{position:relative}.dropdown{position:absolute;top:calc(100% + 12px);right:0;background:white;min-width:248px;box-shadow:var(--shadow);border:1px solid #eee8ec;border-radius:14px;padding:8px;z-index:20}.dropdown button{border:0;background:white;width:100%;display:flex;align-items:center;gap:12px;border-radius:8px;text-align:left;padding:12px 10px;color:var(--ink);font-weight:600}.dropdown button:hover{background:#fff0f6;color:var(--pink)}.dropdown-label{font-size:10px;color:#a29aa2;font-weight:800;letter-spacing:1.3px;padding:12px 11px 8px}.dropdown-separator{border-top:1px solid var(--line);margin:7px 3px}.workspace{display:flex;height:calc(100dvh - 74px);min-height:350px}.toolrail{width:88px;flex:none;background:#fff;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:5px;padding:18px 7px 12px;overflow-y:auto;scrollbar-width:thin}.rail-head{font-size:9px;font-weight:800;letter-spacing:1.9px;color:#b7a5ad;margin:4px 0 10px}.tool{width:67px;min-height:58px;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#6e6774;border-radius:11px;transition:.12s}.tool .icon{height:20px;width:20px}.tool span{font-size:9px;font-weight:700}.tool:hover{background:#fff4f8;color:var(--pink)}.tool.active{color:var(--pink);background:#ffebf3;border-color:#fbd2e2}.rail-separator{width:38px;border-top:1px solid var(--line);margin:8px 0}.rail-bottom{margin-top:auto}.stage{min-width:0;flex:1;display:flex;flex-direction:column;background:#f5f1f4}.stage-toolbar{height:59px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 19px;gap:16px}.stage-left,.stage-right{display:flex;align-items:center;gap:10px;white-space:nowrap}.canvas-status,.section-overline,.eyebrow,.preset-label{color:#cf779d;font-size:9px;font-weight:800;letter-spacing:1.6px}.stage-sep{height:17px;border-left:1px solid #e9e1e7;margin:0 4px}.stage-left #tool-name{font-size:12px;font-weight:800;color:#5e5460}.stage-tip{font-size:11px;color:#a79eaa}.soft-btn{background:transparent;border:1px solid transparent;padding:7px 9px;font-size:11px;gap:6px}.soft-btn .icon{width:16px;height:16px}.soft-btn.on{background:#fff0f6;color:var(--pink)}.symbol-icon{font-size:20px;line-height:12px}.icon-btn.compact{width:27px;height:28px}.zoom-label{font-size:11px;width:40px;text-align:center;font-variant-numeric:tabular-nums;color:#706974;font-weight:800}.canvas-viewport{position:relative;overflow:auto;flex:1;background-color:#f9f5f8;background-image:radial-gradient(#e4d8df 1.05px,transparent 1.05px);background-size:21px 21px;display:flex;align-items:safe center;justify-content:safe center;padding:50px;scrollbar-color:#decbd7 transparent;scrollbar-width:thin;touch-action:pan-x pan-y}.artboard{background:#fff;box-shadow:0 12px 42px #4e30432b,0 1px 2px #4e30431b;flex:none;line-height:0;position:relative;border:1px solid #efe3ec}.artboard canvas{display:block;cursor:crosshair;touch-action:none;max-width:none}.artboard.panning canvas{cursor:grab}.stage-footer{height:39px;flex:none;background:white;border-top:1px solid var(--line);padding:0 18px;display:flex;align-items:center;gap:22px;font-size:10.5px;color:#8c828d}.stage-footer>span{display:flex;align-items:center;gap:5px}.legend-mini{width:7px;height:7px;border-radius:2px;display:inline-block}.legend-mini.pink{background:var(--pink)}.legend-mini.green{background:#50ae86}.footer-tip{margin-left:auto;color:#aaa2ad}.stage-footer kbd{background:#f7f3f6;border:1px solid #ece8ed;border-radius:4px;padding:1px 4px;color:#6c626c}.footer-btn{background:none;border:0;font-size:10px;color:#918992;display:flex;align-items:center;gap:5px}.footer-btn .icon{width:13px;height:13px}.inspector{width:326px;flex:none;background:white;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inspector-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:59px;flex:none;border-bottom:1px solid var(--line);padding:0 13px}.itab{border:0;background:transparent;font-size:12px;font-weight:700;color:#918a96;position:relative}.itab:hover{color:var(--pink)}.itab.active{color:var(--pink)}.itab.active:after{content:"";height:3px;background:var(--pink);border-radius:4px 4px 0 0;position:absolute;bottom:0;left:13px;right:13px}.panel{padding:22px 22px 24px;overflow:auto;flex:1;scrollbar-color:#e3d9df transparent;scrollbar-width:thin}.selected-thread{display:flex;align-items:center;gap:12px;margin:13px 0 28px;background:#fbf8fa;border:1px solid #eee8ed;border-radius:12px;padding:10px}.selected-swatch{height:47px;width:47px;border-radius:9px;background:#222;box-shadow:inset 0 0 0 1px #0000000d}.selected-thread strong{font-size:14px;font-weight:800;display:block}.selected-thread small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.selected-check{margin-left:auto;color:var(--pink);font-size:18px;font-weight:900}.section-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.pill{font-weight:800;font-size:10px;border-radius:20px;background:#fff0f7;color:var(--pink);padding:5px 8px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #eae4e9;border-radius:9px;padding:0 11px;height:38px;color:#a69ca7}.search-box .icon{width:15px;height:15px}.search-box input{background:none;outline:0;border:0;flex:1;min-width:0;font-size:11px;color:var(--ink)}.palette-list{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.swatch-item{border:1px solid #eee8ec;background:white;border-radius:9px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:6px;padding:6px 3px 5px;min-height:66px;position:relative;min-width:0}.swatch-item:hover{border-color:#db7da4;background:#fffcfd}.swatch-item.selected{border:2px solid var(--pink);padding:5px 2px 4px;background:#fff6fa}.swatch-item.active-in-pattern:after{content:"";position:absolute;right:5px;top:5px;background:#fff;border:1px solid #ddd;border-radius:50%;width:5px;height:5px}.swatch-color{width:100%;height:33px;border-radius:5px;box-shadow:inset 0 0 0 1px #00000014}.swatch-item small{font-size:9px;font-weight:800;color:#6c6470;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.palette-bottom{margin:22px 0 4px}.palette-bottom .outline-btn{width:100%}.palette-bottom p{font-size:10px;color:#ada3ad;margin-top:11px;line-height:1.7}.panel h3{margin:10px 0 14px}.panel h3.mt{margin-top:27px}.panel .section-overline{margin-bottom:17px}.field-label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:800;color:#5a505b;margin:18px 0 0}.field-label>strong{align-self:flex-end;margin-top:-22px;color:var(--pink)}.input-control{height:41px;border:1px solid #e7e0e6;border-radius:9px;padding:0 12px;background:white;width:100%;color:var(--ink);outline:none}.input-control:focus{border-color:#e48db5;box-shadow:0 0 0 3px #f9e4ee}.field-label input[type=range]{margin-top:3px}.stat-tile{display:grid;grid-template-columns:1fr 1fr;padding:15px 12px;background:#fdf8fa;border:1px solid #f1e8ee;border-radius:11px}.stat-tile>div+div{border-left:1px solid #eadde5;padding-left:13px}.stat-tile small{display:block;font-size:10px;color:#978b96;margin-bottom:7px}.stat-tile strong{font-size:12px}.fabric-picker{display:flex;align-items:center;gap:11px;padding:8px;border:1px solid var(--line);border-radius:9px;margin-top:9px;color:#817583}.fabric-picker input{border:0;width:38px;height:30px;padding:0;background:none;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f5f0f2;font-weight:600;font-size:12px;cursor:pointer}.toggle-row input{appearance:none;height:21px;width:36px;border-radius:30px;background:#ddd6dc;position:relative;transition:.15s;cursor:pointer}.toggle-row input:after{content:"";width:15px;height:15px;position:absolute;background:white;border-radius:50%;left:3px;top:3px;box-shadow:0 1px 2px #0002;transition:.15s}.toggle-row input:checked{background:var(--pink)}.toggle-row input:checked:after{transform:translateX(15px)}.transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.transform-grid .outline-btn{font-size:11px;padding:10px 6px}.outline-btn.full{width:100%}.outline-btn.mt{margin-top:15px}.progress-ring-area{display:grid;place-items:center;margin:26px 0 18px}.progress-ring{width:172px;height:172px;border-radius:50%;background:conic-gradient(var(--pink) 0,var(--pink) var(--percent,0%),#ffe7f0 var(--percent,0%),#ffe7f0 100%);display:grid;place-items:center}.progress-ring>div{height:139px;width:139px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font-size:38px;font-family:Nunito,sans-serif;color:var(--pink)}.progress-ring span{font-size:12px;color:#9c8e99}.progress-numbers{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:11px 0}.progress-numbers>div{display:flex;flex-direction:column;gap:5px}.progress-numbers>div+div{border-left:1px solid var(--line)}.progress-numbers strong{font-family:Nunito,sans-serif;font-size:23px}.progress-numbers span{font-size:11px;color:var(--muted)}.progress-bar{height:9px;background:#f6e6ee;border-radius:40px;overflow:hidden;margin:18px 0}.progress-bar>span{height:100%;width:0;background:var(--pink);display:block;border-radius:40px}.muted{font-size:11px;color:#918794;line-height:1.75;margin-bottom:22px}.thread-progress{margin-top:20px}.thread-progress h3{font-size:13px}.thread-progress-row{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:11px}.thread-progress-swatch{width:16px;height:16px;border-radius:3px}.thread-progress-row>span:last-child{margin-left:auto;color:#a095a0}.overlay{position:fixed;inset:0;background:#34202e88;z-index:30;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto;backdrop-filter:blur(3px)}.home-screen{width:min(1020px,100%);max-height:min(93dvh,930px);overflow-y:auto;border-radius:22px;background:#fff;padding:42px 46px 34px;box-shadow:0 35px 100px #2b0e2145;scrollbar-width:thin}.home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.home-header h1{font-size:41px;letter-spacing:-1.4px;margin:12px 0 9px}.home-header h1 em{color:var(--pink);font-style:normal}.home-header p{font-size:13px;color:#877e89;margin:0}.close-modal{border:0;background:#f8f4f6;color:#8a7f89;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:none}.close-modal:hover{background:#ffe6f0;color:var(--pink)}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:31px 0 30px}.start-card{padding:0;text-align:left;border:1px solid #ede2ea;background:white;border-radius:15px;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;min-width:0}.start-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #c38ba51f;border-color:#eeb0cf}.start-illustration{height:157px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-art{background:linear-gradient(135deg,#ffe2df,#fde2ef)}.photo-hill{position:absolute;height:100px;width:160%;background:#7dc6a9;border-radius:50%;bottom:-65px;left:-10%;transform:rotate(-12deg);box-shadow:90px 12px #a3d5bd}.photo-sun{position:absolute;width:65px;height:65px;border-radius:50%;background:#ffd882;right:26%;top:20px}.photo-grid{position:absolute;inset:0;background-image:linear-gradient(#fff9 1px,transparent 1px),linear-gradient(90deg,#fff9 1px,transparent 1px);background-size:16px 16px;opacity:.65}.heart-art{background:#f9eaf0}.heart-art canvas,.flower-art canvas{width:145px;height:145px;image-rendering:pixelated}.flower-art{background:#eef3e8}.start-card-body{display:block;padding:19px}.start-card strong{font-family:Nunito,sans-serif;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:6px}.start-card strong svg{color:var(--pink);height:16px;width:16px}.start-card small{display:block;font-size:11px;line-height:1.7;color:#908391;margin-top:7px;min-height:37px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #f0e8ed;padding-top:25px}.library-heading h2{font-size:20px;margin:0 0 3px}.library-heading p{font-size:11px;color:#9c919c;margin:0}.library-heading .outline-btn{font-size:11px}.projects-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.project-row{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid var(--line);border-radius:12px;min-width:0;background:white}.project-row:hover{border-color:#e4aac5}.project-thumb{width:63px;height:63px;flex:none;background:#fff7fa;border-radius:8px;object-fit:contain;image-rendering:pixelated}.project-detail{flex:1;min-width:0}.project-detail strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-detail span{display:block;font-size:10px;color:#998c96;margin-top:5px}.project-row .icon-btn{width:30px;height:30px}.project-row .del-project{color:#c2a3b1}.project-row .del-project:hover{color:#cb3559}.empty-library{grid-column:1/-1;padding:25px;border:1px dashed #ead3df;background:#fffafd;border-radius:12px;text-align:center;color:#a18e9b;font-size:12px}.home-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#a798a2;background:#fdf8fa;border-radius:10px;padding:12px 15px;margin-top:25px}.home-note .icon{color:var(--pink);width:15px;height:15px;flex:none}.modal{width:min(540px,100%);background:white;box-shadow:var(--shadow);border-radius:19px;overflow:hidden;max-height:min(93dvh,1000px);display:flex;flex-direction:column}.modal.medium{width:min(510px,100%)}.modal-top{padding:27px 29px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid #f1eaf0}.modal-top h2{font-size:26px;margin:9px 0 6px;letter-spacing:-.4px}.modal-top p{margin:0;font-size:12px;color:#8f8490}.modal-body{padding:6px 30px 28px;overflow:auto}.modal-body .field-label{font-size:11px;margin:20px 0 0}.modal-body .input-control{margin-top:4px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:13px}.preset-label{margin-top:24px}.presets{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.presets button{border:1px solid var(--line);background:white;padding:9px 11px;border-radius:8px;color:#786975;font-weight:700;font-size:11px}.presets button.chosen,.presets button:hover{background:#ffeff5;border-color:#e884b1;color:var(--pink)}.hint{color:#9d909a;font-size:11px;margin:17px 0 0;line-height:1.7}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:17px 29px;background:#fdfafb;border-top:1px solid #f2eaf0}.modal-foot .outline-btn,.modal-foot .solid-btn{font-size:12px;min-height:40px}.modal-foot-right{display:flex;gap:9px;margin-left:auto}.import-modal{width:min(940px,100%)}.import-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;min-height:370px;overflow:auto}.import-preview{padding:23px;background:#faf6f8;display:flex;align-items:center;justify-content:center;min-height:385px}.upload-zone{border:2px dashed #e4bdd1;background:#fffafd;min-height:315px;width:100%;max-width:500px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#9b8091;cursor:pointer;text-align:center;padding:20px}.upload-zone.dragover{border-color:var(--pink);background:#ffeff7}.upload-zone .icon{width:40px;height:40px;stroke-width:1.2;color:var(--pink);margin-bottom:6px}.upload-zone strong{font-size:15px;color:#654657}.upload-zone span{color:var(--pink);font-size:12px}.upload-zone small{font-size:10px;color:#aaa0a9;margin-top:9px}.photo-preview-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:320px}.photo-preview-wrap canvas{max-width:100%;max-height:330px;image-rendering:pixelated;object-fit:contain;border:10px solid white;box-shadow:0 8px 20px #51354428}.preview-caption{display:flex;justify-content:space-between;width:100%;padding-top:14px;color:#a3949e;font-size:9px;font-weight:800;letter-spacing:1px}.import-options{padding:12px 26px 20px;overflow-y:auto;max-height:58dvh}.import-options .field-label{margin-top:16px}.import-options .field-label input[type=range]{margin-top:5px}.checkbox-label{display:flex;align-items:center;gap:8px;color:#766b77;font-size:11px;margin-top:13px;cursor:pointer}.checkbox-label input{accent-color:var(--pink);width:15px;height:15px}.options-divider{margin-top:16px;border-top:1px solid var(--line)}input[type=range]{width:100%;accent-color:var(--pink);cursor:pointer}.import-notice{display:flex;align-items:flex-start;gap:9px;background:#fff2f7;border-radius:10px;color:#9d657e;padding:12px;font-size:10.5px;line-height:1.6;margin-top:21px}.import-notice .icon{width:18px;height:18px;flex:none;color:var(--pink)}.help-note{border-radius:10px;background:#fff0f6;color:#73596a;font-size:12px;line-height:1.8;padding:14px;margin-top:20px}.modal-body h3{margin-top:23px}.shortcut-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 0}.shortcut-grid span{font-size:12px;color:#665c68}.shortcut-grid kbd{border:1px solid #e9e0e7;background:#faf7f9;padding:5px 8px;border-radius:5px;font-size:10px;color:#7b6a75;font-weight:800}.modal-body.two-cols{padding-bottom:30px}.toast{display:flex;align-items:center;gap:11px;background:#3d303d;color:white;padding:13px 17px;border-radius:12px;box-shadow:0 9px 25px #18061930;font-size:12px;max-width:420px;animation:toastin .2s ease}.toast .icon{width:17px;height:17px;color:#ffc3dd}.toast.error .icon{color:#ff9999}#toast-area{position:fixed;bottom:57px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}@keyframes toastin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.inspector{width:285px}.palette-list{gap:7px}.stage-tip{display:none}.topbar{padding:0 14px}.inspector .panel{padding:18px 16px}.stage-toolbar{padding:0 10px}.start-grid{gap:12px}.start-illustration{height:132px}}
@media(max-width:850px){.workspace{height:calc(100dvh - 64px)}.topbar{height:64px}.brand>span:last-child{font-size:20px}.brand-mark{width:32px;height:32px}.top-divider{display:none}.autosave{display:none}.stage-toolbar{overflow-x:auto}.stage-left{display:none}.inspector{width:236px}.inspector-tabs{padding:0 3px}.panel{padding:15px 11px!important}.palette-list{grid-template-columns:repeat(3,1fr)}.toolrail{width:61px;padding:12px 3px}.tool{width:50px;min-height:50px}.tool span{font-size:8px}.home-screen{padding:26px}.home-header h1{font-size:30px}}
@media(max-width:630px){body{overflow:hidden}.topbar{height:60px;gap:7px;padding:0 10px}.workspace{height:calc(100dvh - 60px);flex-wrap:wrap}.brand>span:last-child{font-size:19px}.brand-mark{width:29px;height:29px}.project-titles{flex:1;max-width:none}.project-titles input{font-size:11px}.project-titles span{font-size:9px}.hide-mobile{display:none!important}.top-btn.primary{padding:9px 10px;font-size:11px}.top-btn.primary .icon.sm{display:none}.stage{width:calc(100% - 53px);height:62%;order:2;flex:auto}.toolrail{order:1;width:53px;height:62%;gap:0}.tool{width:43px;min-height:45px}.tool .icon{width:17px;height:17px}.tool span{font-size:7.5px}.rail-head{margin:0 0 7px}.rail-separator{margin:4px 0}.stage-toolbar{height:42px;justify-content:center}.stage-right{gap:3px}.stage-footer{height:29px;padding:0 8px;gap:10px}.footer-tip,.footer-btn{display:none!important}.canvas-viewport{padding:20px}.inspector{order:3;width:100%;height:38%;border-top:1px solid var(--line);border-left:0}.inspector-tabs{height:38px}.panel{padding:12px 16px!important}.palette-list{grid-template-columns:repeat(7,1fr);gap:5px}.swatch-item{min-height:49px;padding:3px}.swatch-color{height:24px}.swatch-item small{font-size:8px}.panel .section-overline,.selected-thread,.search-box{display:none}.section-row{margin:2px 0 7px}.palette-bottom{margin:10px 0}.start-grid{grid-template-columns:1fr;gap:9px}.start-card{display:flex;align-items:center;min-height:90px}.start-illustration{height:92px;width:110px;flex:none}.heart-art canvas,.flower-art canvas{height:80px;width:80px}.start-card-body{padding:12px}.start-card-body small{min-height:0}.home-screen{max-height:92dvh;padding:19px}.home-header h1{font-size:25px}.home-header p{font-size:11px}.start-grid{margin:18px 0}.library-heading h2{font-size:17px}.projects-list{grid-template-columns:1fr}.overlay{padding:10px}.modal-top{padding:18px}.modal-top h2{font-size:20px}.modal-body{padding:3px 18px 18px}.modal-foot{padding:13px 18px}.import-layout{grid-template-columns:1fr;min-height:0}.import-preview{min-height:140px;padding:12px}.upload-zone{min-height:140px;gap:5px}.upload-zone .icon{width:22px;height:22px;margin:0}.import-options{max-height:40dvh}.photo-preview-wrap{min-height:160px}.photo-preview-wrap canvas{max-height:160px}.import-modal .modal-top{padding:12px 18px}.import-modal .modal-foot .outline-btn{font-size:10px;padding:8px}.modal-foot .solid-btn{font-size:11px;padding:9px}.modal-foot-right{gap:4px}}