:root{font-family:Segoe UI,Arial,sans-serif;color:#3c4239;background:#f7f5f0;font-synthesis:none;font-weight:400;font-size:13px;--ink:#3c4239;--muted:#88887d;--line:#e7e5dc;--rose:#9d586b;--rose-light:#f4e9eb;--green:#65775b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.3;cursor:default}button,input,select{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--rose)}button{border:0;background:none}svg{flex-shrink:0}kbd{font:10px Segoe UI,sans-serif;color:#9b9c92}h1,h2,p{margin:0}.app-shell{height:100dvh;min-height:640px;display:flex;flex-direction:column;min-width:760px;overflow:hidden}.app-header{height:87px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#fcfbf7}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid #c4b7a5;border-radius:50%;color:#8c856a;position:relative}.brand-mark:after{content:"";position:absolute;inset:3px;border:1px solid #dfd6c7;border-radius:50%}.brand h1{font:29px Georgia,Times New Roman,serif;letter-spacing:-1px;line-height:1.15}.brand-dot{color:var(--rose)}.brand p{font-size:8px;letter-spacing:1.6px;color:#8e9083;margin-top:6px}.header-actions{display:flex;align-items:center;gap:13px}.prototype-badge{color:#9a9a8d;font-size:10px;margin-right:10px}.prototype-badge span{padding:3px 5px;background:#eeeee5;border-radius:4px;margin-left:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;min-height:36px;padding:9px 15px;font-weight:500;font-size:12px;transition:background .15s}.button.primary{background:var(--rose);color:#fff;box-shadow:0 2px 2px #64313d0b}.button.primary:hover{background:#8b475b}.button.subtle{border:1px solid var(--line);background:#fffefa}.button.subtle:hover{background:#f1eee6}.shortcut{font-size:9px;opacity:.55;margin-left:12px}.project-tabs{height:45px;flex-shrink:0;display:flex;align-items:stretch;background:#f0efe8;border-bottom:1px solid var(--line);gap:10px;padding:0 20px}.tabs-label{width:142px;display:flex;align-items:center;font-size:9px;letter-spacing:1.5px;color:#9c9e90;flex-shrink:0}.tabs-scroll{display:flex;overflow-x:auto;min-width:0;scrollbar-width:thin;gap:4px}.project-tab{display:flex;align-items:center;border:1px solid transparent;border-bottom:0;margin-top:6px;padding:0 5px 0 8px;border-radius:6px 6px 0 0;gap:5px;max-width:270px;flex-shrink:0;color:#898b7f}.project-tab.current{background:#fcfbf7;border-color:var(--line);color:#565b4d;position:relative}.project-tab.current:before{content:"";height:2px;position:absolute;top:-1px;left:8px;right:8px;background:#ac7988;border-radius:2px}.project-tab>button:first-child{display:flex;align-items:center;gap:9px;padding:8px 4px;font-size:11px;max-width:220px}.project-tab span:not(.dirty-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close{display:grid;place-items:center;padding:5px;color:#9ca092;border-radius:3px}.tab-close:hover{background:#ece8df;color:#555}.dirty-dot{width:5px;height:5px;flex-shrink:0;background:var(--rose);border-radius:50%}.new-tab{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;color:#848979;flex-shrink:0}.new-tab:hover{color:var(--rose)}.editor-layout{display:grid;grid-template-columns:177px minmax(0,1fr) 278px;flex:1;min-height:0}.tools-panel{background:#fcfbf7;border-right:1px solid var(--line);padding:27px 13px 16px;display:flex;flex-direction:column}.section-label{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#94968a}.tools-panel>.section-label{padding-left:14px;margin-bottom:17px}.tool-list{display:flex;flex-direction:column;gap:6px}.tool-button{display:flex;align-items:center;text-align:left;gap:10px;padding:11px 12px;border-radius:5px;font-size:11px;width:100%;border:1px solid transparent;color:#717569}.tool-button kbd{margin-left:auto}.tool-button.selected{background:var(--rose-light);color:var(--rose);border-color:#ebd9de}.tool-button.selected kbd{color:#bc939e}.tool-note{border-top:1px solid var(--line);padding:23px 9px;margin-top:26px;display:flex;gap:11px;color:#8a8d7e}.mini-cross{font:27px Georgia,serif;color:#b29a90;line-height:1}.tool-note strong{display:block;font-size:10px;font-weight:500;margin:3px 0 8px}.tool-note p{font-size:10px;line-height:1.8;color:#a0a193}.left-bottom{margin-top:auto}.local-indicator{display:flex;align-items:center;gap:6px;font-size:9px;color:#969c8b;padding:15px 5px}.local-indicator i{height:5px;width:5px;background:#a3af95;border-radius:50%}.help-button{display:flex;align-items:center;gap:9px;color:#797f70;border:1px solid var(--line);border-radius:5px;width:100%;padding:11px;font-size:11px}.help-button:hover{background:#f0eee5}.work-area{display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-toolbar{height:55px;display:flex;align-items:center;gap:11px;padding:0 19px;background:#fcfbf7;border-bottom:1px solid var(--line);flex-shrink:0}.history-tools{display:flex;gap:3px}.icon-button{height:31px;min-width:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#7c8273}.icon-button:not(:disabled):hover{background:#eeeae1}.toolbar-divider{height:20px;width:1px;background:var(--line);margin:0 1px}.view-switch{display:flex;align-items:center;background:#f2f0e9;border:1px solid #e8e6dd;border-radius:5px;padding:2px;gap:2px}.view-switch button{display:flex;align-items:center;gap:5px;font-size:10px;min-height:27px;padding:3px 9px;border-radius:3px;color:#939589}.view-switch button.active{background:#fffefa;box-shadow:0 1px 3px #3d3c2514;color:#626b57}.cross-icon{font-size:21px;line-height:14px}.symbol-icon{font-size:9px;font-weight:600}.grid-toggle{display:flex;align-items:center;gap:5px;font-size:10px;color:#999c90;padding:7px 5px;border-radius:4px}.grid-toggle.active{color:#66765b}.grid-toggle:hover{background:#f1eee5}.export-button{display:flex;align-items:center;gap:6px;font-size:10px;margin-left:auto;white-space:nowrap;color:#727b66;padding:7px 0}.export-button:hover{color:var(--rose)}.canvas-frame{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;background:#eeeee7;background-image:radial-gradient(#c7c8bc4a .5px,transparent .5px);background-size:5px 5px}.canvas-caption{padding:23px 27px 1px;pointer-events:none;position:absolute;top:0;left:0;z-index:1;background:linear-gradient(90deg,#eee ee7,transparent)}.canvas-caption .section-label{font-size:8px;color:#a5a79a;letter-spacing:1.8px}.canvas-caption h2{font:21px Georgia,serif;letter-spacing:-.4px;color:#676c5d;margin:7px 0 6px}.canvas-caption p{font-size:10px;color:#92978a}.canvas-caption p span{padding:0 5px}.canvas-stage{flex:1;min-height:0;position:relative;margin:87px 0 0}.stitch-canvas{position:absolute;inset:0;touch-action:none;outline:none;overflow:hidden;cursor:crosshair}.stitch-canvas:focus-visible{box-shadow:inset 0 0 0 2px #a67c8960}.stitch-canvas canvas{display:block}.stitch-canvas.tool-hand{cursor:grab}.stitch-canvas.tool-hand:active{cursor:grabbing}.stitch-canvas.tool-eyedropper{cursor:copy}.canvas-bottom{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;gap:10px}.canvas-bottom>span{display:flex;align-items:center;gap:6px;color:#a0a391;font-size:9px}.hint-separator{padding:0 4px}.zoom-controls{display:flex;align-items:center;gap:2px;padding:5px;background:#faf9f4;border:1px solid #e2e3d7;border-radius:6px;box-shadow:0 2px 3px #88867609}.zoom-controls button{display:flex;align-items:center;justify-content:center;width:25px;height:23px;color:#848b77;border-radius:3px}.zoom-controls button:hover{background:#e9e8df}.zoom-controls>span{font-size:10px;min-width:42px;text-align:center;color:#707a64}.zoom-controls i{height:17px;width:1px;background:var(--line);margin:0 3px}.details-panel{display:flex;flex-direction:column;min-height:0;background:#fcfbf7;border-left:1px solid var(--line);padding:25px 19px 10px}.palette-heading{display:flex;align-items:center;justify-content:space-between}.palette-heading h2{font:21px Georgia,serif;margin-top:9px;letter-spacing:-.4px;color:#59634f}.small-add{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:#878e7a}.small-add:hover{background:#f0eee6}.palette-source{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#919785;border-bottom:1px solid var(--line);padding:17px 0 15px}.palette-source>span{font-size:9px;padding:3px 6px;border-radius:3px;background:#eeefe6;color:#8d947f}.palette-search{display:flex;align-items:center;gap:8px;border:1px solid #e6e7dd;border-radius:5px;padding:8px 9px;margin:16px 0 10px;color:#b3b7a8;background:#f8f8f2}.palette-search input{min-width:0;width:100%;background:none;border:0;font-size:10px;color:#68715c;outline:none}.palette-search input::placeholder{color:#a4aa99}.palette-search:focus-within{outline:1px solid var(--rose)}.color-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dcded2 transparent;min-height:96px;margin-right:-6px;padding-right:6px}.color-row{display:flex;align-items:center;gap:11px;width:100%;border:1px solid transparent;border-radius:5px;padding:7px 8px;text-align:left;min-height:47px;color:#9b6070}.color-row:hover{background:#f1f0e8}.color-row.selected{background:#f3eceb;border-color:#eadcdd}.thread-swatch{height:30px;width:24px;display:block;border-radius:4px;background:var(--thread-color);position:relative;box-shadow:inset 0 0 0 1px #0000000b;flex-shrink:0}.thread-swatch:before,.thread-swatch:after{content:"";height:3px;position:absolute;left:3px;right:3px;background:#ffffff5c;border-radius:1px}.thread-swatch:before{top:3px}.thread-swatch:after{bottom:3px}.thread-swatch>span{position:absolute;inset:8px -1px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#ffffff30 2px,#ffffff30 3px);border-top:1px solid #0000000a;border-bottom:1px solid #0000000a}.color-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.color-info strong{font-weight:500;font-size:11px;color:#636c58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-info small{font-size:9px;color:#a2a591;display:flex;gap:7px;align-items:center}.palette-symbol{display:inline-grid;place-items:center;font:8px Arial;width:13px;height:13px;background:#ffffffb3;border:1px solid #dbded1;border-radius:2px;color:#7c856d}.unused-marker{font-size:20px;color:#bfc4b4;width:15px;text-align:center}.selected-thread{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 1px;margin-top:12px}.selected-thread>span:first-child{width:25px;height:25px;border-radius:50%;box-shadow:0 0 0 4px #f0ece5}.selected-thread>div{display:flex;flex-direction:column;gap:4px}.selected-thread small{font-size:7px;letter-spacing:1.1px;color:#9da58c}.selected-thread strong{font-weight:500;font-size:11px;color:#69725d}.selected-symbol{margin-left:auto;border:1px solid #d8decd;border-radius:4px;min-width:25px;height:25px;padding:3px;display:grid;place-items:center;color:#818d70;font-size:11px}.project-summary{padding-top:19px}.project-summary>.section-label{font-size:8px;letter-spacing:1.2px}.summary-stats{display:flex;gap:27px;margin:15px 0 18px}.summary-stats>div{display:flex;flex-direction:column;gap:4px}.summary-stats strong{font:24px Georgia,serif;color:#627253}.summary-stats span{font-size:9px;color:#9ca68f}.fabric-line{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b957c}.fabric-line>span:last-child{margin-left:auto;font-size:9px;color:#a3ab97}.project-summary p{font-size:9px;line-height:1.8;color:#a3ab96;margin-top:10px}.project-summary p strong{font-weight:500;color:#89977a;white-space:nowrap}.palette-disclaimer{font-size:8px;color:#b0b5a5;line-height:1.6;margin-top:14px}.status-bar{height:31px;display:flex;align-items:center;gap:25px;padding:0 20px;background:#f8f8f2;border-top:1px solid var(--line);flex-shrink:0;font-size:9px;color:#909a83}.status-bar>span{display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;background:#95a584;border-radius:50%}.status-dot.warning{background:#ca9866}.status-project{color:#b1b7a6}.coordinates{margin-left:auto}.toast{position:fixed;bottom:50px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 17px;max-width:650px;border:1px solid #dddccf;border-radius:8px;background:#fffef9;box-shadow:0 5px 25px #53513215;z-index:10;font-size:12px;color:#6c785b}.toast>button{display:flex;margin-left:8px;color:#9ba18d}.modal{border:1px solid #e3dfd2;border-radius:13px;padding:27px 30px 25px;background:#fdfcf8;color:var(--ink);width:470px;max-width:calc(100vw - 32px);max-height:90vh;box-shadow:0 25px 100px #26271b30}.modal::backdrop{background:#30332750;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-heading h2{font:25px Georgia,serif;color:#606b54}.modal-description{font-size:12px;line-height:1.8;color:#858b7a;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.field{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#7a846d;margin-bottom:16px}.field input,.field select{width:100%;background:#fffefb;border:1px solid #dfdfd3;border-radius:5px;padding:10px 12px;font-size:12px;color:#69725e;height:39px}.field input[type=color]{padding:4px;height:50px}.field input::placeholder{color:#b1b5a7}.field .optional{margin-left:auto;font-size:9px;font-weight:400;color:#a7af9b}.field-row{display:flex;gap:16px}.field-row>.field{flex:1;min-width:0}.preset-row{display:flex;gap:8px;margin:20px 0}.preset-row button{flex:1;border:1px solid #e1e3d6;border-radius:5px;padding:12px 5px;color:#8b947e;font-size:10px}.preset-row button span{display:block;font-size:9px;margin-top:5px;color:#a0aa92}.preset-row button.active{background:#f5e9eb;border-color:#d5b5bf;color:var(--rose)}.info-card{padding:14px;background:#f0f1e8;border:1px solid #e3e5d9;border-radius:5px;color:#8a9679;font-size:11px;line-height:1.8}.info-card strong{font-weight:500;color:#6c7f57}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}.help-grid>div{display:flex;align-items:center;gap:9px;font-size:10px;color:#8b967d}.help-grid kbd{padding:4px 6px;border:1px solid #dfe3d5;background:#f6f8ef;border-radius:3px;min-width:22px;text-align:center;color:#7c896d}.form-error{font-size:11px;color:var(--rose);margin-top:15px}.renderer-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;max-width:400px;line-height:1.8;background:#fff8f3;border:1px solid #dab7b4;border-radius:6px;color:#9b5363}.empty-search{padding:25px 10px;color:#989f8b;font-size:11px}@media(min-width:1550px){.editor-layout{grid-template-columns:192px minmax(0,1fr) 300px}.details-panel{padding-left:25px;padding-right:25px}.tabs-label{width:157px}.color-row{min-height:50px;padding:9px}.tool-button{font-size:12px}.canvas-caption{padding-left:35px}}@media(max-width:1150px){.editor-layout{grid-template-columns:151px minmax(0,1fr) 249px}.tabs-label{width:116px}.canvas-toolbar{padding:0 10px;gap:6px}.view-switch button{padding:3px 6px}.canvas-bottom{padding:0 15px}.canvas-bottom>span{font-size:0;gap:0}.canvas-bottom>span>svg{width:14px;margin-right:5px}.canvas-bottom>span:after{content:"Molette pour zoomer";font-size:9px}.canvas-bottom .hint-separator{display:none}.details-panel{padding-left:15px;padding-right:15px}.prototype-badge{display:none}.grid-toggle>span{display:none}.export-button{font-size:9px}}@media(max-width:950px){.editor-layout{grid-template-columns:60px minmax(0,1fr) 229px}.tools-panel{align-items:center}.tools-panel>.section-label,.tool-button>span,.tool-button>kbd,.tool-note,.local-indicator,.help-button>span{display:none}.tool-button{padding:0;width:36px;justify-content:center}.help-button{padding:12px}.tabs-label{display:none}.project-tabs{padding-left:14px}.new-tab>span{display:none}.app-header{padding:0 20px}.brand h1{font-size:25px}.brand p{font-size:7px}.header-actions{gap:8px}.shortcut{display:none}.palette-heading h2{font-size:20px}.details-panel{padding-left:13px;padding-right:13px}.summary-stats{gap:19px}.canvas-toolbar{gap:5px}.export-button span{display:none}.export-button{padding:7px}.canvas-caption h2{font-size:19px}.status-project{display:none}}@media(max-height:800px){.palette-heading h2{font-size:19px}.details-panel{padding-top:18px}.palette-source{padding:10px 0}.palette-search{margin:11px 0 7px}.selected-thread{padding:11px 1px;margin-top:8px}.project-summary{padding-top:13px}.summary-stats{margin:11px 0 12px}.summary-stats strong{font-size:21px}.project-summary p{margin-top:6px}.palette-disclaimer{margin-top:8px}.canvas-caption{padding-top:19px}.canvas-stage{margin-top:76px}.canvas-bottom{height:48px}.tool-note{margin-top:17px}}.update-notes{font-size:12px;line-height:1.8;color:#606b54;background:#f5f2e9;border:1px solid #e1dfd2;border-radius:8px;padding:12px 14px;max-height:200px;overflow:auto;white-space:pre-line}.update-progress{height:10px;background:#eeeee5;border-radius:5px;overflow:hidden;margin:4px 0 12px}.update-progress span{display:block;height:100%;background:var(--rose);border-radius:5px;transition:width .2s}.update-restart{display:flex;align-items:center;gap:8px;font-size:11px;color:#7a846d}.update-download{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.layer-list{display:flex;flex-direction:column;gap:6px;margin:10px 0 4px}.layer-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid #e2e0d3;border-radius:8px;background:#fffefa}.layer-row.selected{border-color:var(--rose);background:#fdf3f0}.layer-eye{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:#8b907a}.layer-eye:hover:not(:disabled){background:#f0eee6}.layer-select{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:4px 6px;font-size:12px;color:#5c6550;text-align:left;overflow:hidden}.layer-select:hover{color:#2e3a21}.layer-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px}.layer-select input{width:100%;min-width:60px;font-size:12px;padding:4px 6px;border:1px solid var(--line);border-radius:5px}.layer-index{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eeeee5;color:#8c856a;font-size:10px;flex-shrink:0}.layer-row.selected .layer-index{background:var(--rose);color:#fff}.layer-action{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:#8b907a}.layer-action:hover:not(:disabled){background:#f0eee6;color:#59634f}.layer-action:disabled{opacity:.25}.layer-action.layer-danger:hover{background:#fbe6e0;color:#a2452f}.layer-empty{margin:8px 2px 2px;font-size:10px;color:#9a9c90;line-height:1.5}.reference-fields{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:14px;min-width:0}.reference-fields legend{padding:0 6px;font-size:12px}.reference-fields .field{min-width:0}.reference-fields:disabled{opacity:.55}.reference-manipulator{position:absolute;z-index:2;transform-origin:center;outline:1px dashed #755c2b;box-shadow:0 0 0 1px #fff8;touch-action:none}.reference-drag-area{position:absolute;inset:0;border:0;background:transparent;cursor:move}.reference-drag-area:focus-visible,.reference-handle:focus-visible{outline:2px solid #1e5a6f;outline-offset:2px}.reference-handle{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#1e5a6f;transform:translate(-50%,-50%);padding:0;z-index:1;cursor:nwse-resize}.reference-handle-ne,.reference-handle-sw{cursor:nesw-resize}.exercise-entry{position:relative}.exercise-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 2px #f0efe8}.local-store-loading{margin:20vh auto 0;text-align:center;color:#6b5d73;font-size:14px}.form-hint{margin:4px 0 10px;font-size:12px;color:#8a5a00;background:#fff4e5;padding:6px 10px;border-radius:6px}.update-versions{font-size:12px;color:#606b54;margin:0}.update-started{font-size:13px;line-height:1.5;color:#2d5a27;background:#eef4e8;border-radius:10px;padding:10px 12px;margin:0}.app-shell{width:100%;height:var(--app-shell-height, 100dvh);min-width:0;min-height:0;position:relative}.authenticated-app .app-shell,.paid-workspace>.app-shell{--app-shell-height: calc(100dvh - var(--account-bar-h))}.trial-banner~.paid-workspace>.app-shell{--app-shell-height: calc(100dvh - var(--account-bar-h) - 34px)}.trial-banner~.paid-workspace:has(.free-reader)>.app-shell{--app-shell-height: calc(100dvh - var(--account-bar-h) - 84px)}@media(max-width:700px){.trial-banner~.paid-workspace>.app-shell{--app-shell-height: calc(100dvh - var(--account-bar-h) - 42px)}.trial-banner~.paid-workspace:has(.free-reader)>.app-shell{--app-shell-height: calc(100dvh - var(--account-bar-h) - 92px)}}.project-tabs{height:36px;padding:0 12px;gap:10px;background:#f8f7f1}.tabs-label{width:125px;gap:8px;font:14px Georgia,serif;color:#8a5a65;letter-spacing:-.2px}.project-tab{margin-top:3px;border-radius:5px 5px 0 0}.project-tab>button:first-child{padding:5px 4px}.project-tab h2{font:11px Segoe UI,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-tab{margin-left:2px}.new-tab>span{display:none}.tabs-quick-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.tab-action-btn{display:inline-flex;align-items:center;gap:5px;min-height:26px!important;height:26px;padding:0 10px!important;font-size:11px!important;border-radius:13px!important;white-space:nowrap;border:1px solid #dedcd2!important;background:#fbfaf6!important;color:#58614f!important;transition:all .15s ease}.tab-action-btn:hover{background:#f1eee4!important;border-color:#c9cbba!important;color:#3b4233!important}@media(max-width:950px){.tab-action-btn span{display:none}.tab-action-btn{width:26px;padding:0!important;justify-content:center}}@media(max-width:650px){.tabs-quick-actions{gap:3px}}.editor-layout{position:relative;display:block;min-width:0;min-height:0;overflow:hidden}.work-area,.canvas-frame,.canvas-stage{position:absolute;inset:0;margin:0;display:block;min-height:0}.canvas-frame{background-color:#e8e9e1;background-image:radial-gradient(#b4b8a866 .65px,transparent .65px);background-size:8px 8px}.stitch-canvas{inset:0}.stitch-canvas.tool-select,.stitch-canvas.tool-lasso,.stitch-canvas.tool-zoom-window{cursor:crosshair}.stitch-canvas.tool-move{cursor:move}.stitch-canvas.tool-paste{cursor:copy}.standard-toolbar,.points-toolbar{position:absolute;left:0;right:0;display:flex;align-items:center;gap:8px;padding:3px 12px;z-index:4;background:#fcfbf7;border-bottom:1px solid #dddfd2;overflow:hidden}.standard-toolbar{top:0;height:38px}.points-toolbar{top:38px;height:40px;background:#f9f8f2}.toolbar-name{width:73px;flex-shrink:0;color:#949b87;font-size:8px;letter-spacing:1.35px}.toolbar-scroll{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d4d7ca transparent;-webkit-overflow-scrolling:touch}.toolbar-scroll::-webkit-scrollbar{height:4px}.toolbar-scroll::-webkit-scrollbar-track{background:transparent}.toolbar-scroll::-webkit-scrollbar-thumb{background:#d4d7ca;border-radius:4px}.toolbar-scroll::-webkit-scrollbar-thumb:hover{background:#b5baaa}.toolbar-scroll-arrow{display:inline-flex;align-items:center;justify-content:center;width:18px;height:28px;padding:0;border-radius:4px;color:#79836e;background:#f3f2ea;border:1px solid #dcdecb;flex-shrink:0;transition:background .15s,color .15s,opacity .15s}.toolbar-scroll-arrow:hover:not(:disabled){background:#e8e9dc;color:#4f5a43}.toolbar-scroll-arrow:disabled{opacity:.25;cursor:default;border-color:transparent;background:transparent}.toolbar-item{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.toolbar-scroll>*{flex-shrink:0}.toolbar-divider{display:inline-block;width:1px;height:19px;background:#e3e4d9;margin:0 5px;flex-shrink:0}.icon-button{min-width:30px;height:29px;color:#697361}.icon-button.active{background:#e9eee1;color:#566e45}.icon-button.save-tool{color:#8b475b}.icon-button.save-tool:hover{background:#f4e8ec;color:#702f43}.actual-size{font-size:11px;font-weight:600;letter-spacing:-.7px}.palette-toggle{margin-left:auto;flex-shrink:0}.point-button{position:relative;display:grid;place-items:center;width:31px;height:31px;padding:3px;border:1px solid transparent;border-radius:4px;color:#758267;flex-shrink:0}.point-button:hover{background:#edefe4}.point-button.selected{border-color:#d9b9c3;background:#f4e5eb;color:#975468}.point-orientation-mark{position:absolute;right:2px;bottom:2px;width:0;height:0;border-style:solid;border-width:0 0 5px 5px;border-color:transparent transparent #b4baa6 transparent;pointer-events:none}.point-button.selected .point-orientation-mark{border-bottom-color:currentColor}.point-button.open{box-shadow:0 0 0 2px #9754682e}.stitch-orientation-popover{position:absolute;z-index:11;width:188px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #dedfd2;border-radius:10px;background:#fffefa;box-shadow:0 14px 34px #3034282e}.stitch-orientation-caret{position:absolute;top:-6px;width:10px;height:10px;background:inherit;border-top:1px solid #dedfd2;border-left:1px solid #dedfd2;transform:rotate(45deg)}.stitch-orientation-head{display:flex;flex-direction:column;gap:2px}.stitch-orientation-head span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#818975}.stitch-orientation-head strong{font-size:12px;font-weight:600;line-height:1.3;color:#4d5544}.stitch-orientation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stitch-orientation-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:8px 4px 6px;border:1px solid #e3e4d9;border-radius:8px;background:#f9f8f2;color:#67715b;font-size:10.5px;line-height:1.2}.stitch-orientation-tile svg{width:40px;height:40px}.stitch-orientation-grid.corners{grid-template-columns:repeat(3,minmax(0,1fr))}.stitch-orientation-grid.corners .stitch-orientation-tile{min-height:66px;padding:6px 2px 5px}.stitch-orientation-grid.corners .stitch-orientation-tile svg{width:34px;height:34px}.stitch-orientation-tile.auto span{font-weight:600}.stitch-orientation-tile:hover{background:#edefe4}.stitch-orientation-tile.selected{border-color:#d9b9c3;background:#f4e5eb;color:#975468}.stitch-orientation-tile:focus-visible{outline:2px solid #975468;outline-offset:2px}.stitch-settings{display:flex;align-items:center;gap:12px;padding-left:8px;margin-left:auto;white-space:nowrap;flex-shrink:0;position:relative;z-index:1;border-left:1px solid #e3e4d9;background:#f9f8f2}.stitch-settings label{display:flex;align-items:center;gap:6px;font-size:10px;color:#818975}.stitch-settings input{width:42px;height:26px;padding:1px 3px;border:1px solid #dedfd2;border-radius:4px;background:#fffefa;color:#67715b;font-size:11px}.tools-panel{position:absolute;z-index:3;top:114px;left:20px;width:50px;max-height:calc(100% - 130px);padding:6px 3px;border:1px solid #dcded1;border-radius:9px;background:#fcfbf7f5;box-shadow:0 4px 18px #3c483416;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c9cdbe transparent;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.tools-panel::-webkit-scrollbar{width:4px}.tools-panel::-webkit-scrollbar-track{background:transparent}.tools-panel::-webkit-scrollbar-thumb{background:#c9cdbe;border-radius:4px}.tools-panel::-webkit-scrollbar-thumb:hover{background:#abb09e}.used-colors-sidebar{position:absolute;z-index:3;top:114px;left:76px;width:52px;max-height:calc(100% - 130px);padding:6px 4px;border:1px solid #dcded1;border-radius:9px;background:#fcfbf7f5;box-shadow:0 4px 18px #3c483416;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c9cdbe transparent;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.used-colors-sidebar::-webkit-scrollbar{width:4px}.used-colors-sidebar::-webkit-scrollbar-track{background:transparent}.used-colors-sidebar::-webkit-scrollbar-thumb{background:#c9cdbe;border-radius:4px}.used-colors-sidebar::-webkit-scrollbar-thumb:hover{background:#abb09e}.used-colors-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px;border-bottom:1px solid #e7e8dc;margin-bottom:4px}.used-colors-title{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#7d8471}.used-colors-add-btn{width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#697361;cursor:pointer;border-radius:3px}.used-colors-add-btn:hover{background:#ecebe2;color:#3b4233}.used-colors-list{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;box-sizing:border-box}.used-color-item{position:relative;width:40px;height:38px;display:flex;align-items:center;justify-content:center}.used-color-swatch-btn{width:100%;height:100%;border-radius:4px;border:1.5px solid rgba(0,0,0,.18);cursor:pointer;position:relative;padding:0;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #00000014}.used-color-swatch-btn:hover{transform:scale(1.04);box-shadow:0 2px 6px #0003}.used-color-item.selected .used-color-swatch-btn{outline:2px solid #9b5368;outline-offset:1px}.used-color-symbol-badge{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:2px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0003;color:#1a1a1a}.used-color-active-marker{position:absolute;bottom:2px;right:2px;width:13px;height:13px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9b5368;box-shadow:0 1px 2px #00000026}.used-color-options-btn{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:1px solid #ccc;background:#fff;color:#555;display:none;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:2}.used-color-item:hover .used-color-options-btn{display:flex}.used-color-menu{position:absolute;left:44px;top:0;z-index:10;background:#fff;border:1px solid #d4d7ca;border-radius:6px;box-shadow:0 6px 20px #00000029;padding:6px;width:170px;display:flex;flex-direction:column;gap:2px}.used-color-menu-header{display:flex;align-items:center;gap:6px;padding:4px 6px 6px;border-bottom:1px solid #eee;margin-bottom:4px}.menu-color-chip{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.used-color-menu-header strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.used-color-menu-header small{font-size:10px;color:#777}.used-color-menu button{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:11px;border:none;background:transparent;color:#3b4233;border-radius:4px;cursor:pointer;text-align:left;width:100%}.used-color-menu button:hover{background:#f3f2eb}.used-color-menu button.menu-danger{color:#b3394b}.used-color-menu button.menu-danger:hover{background:#fbebee}.tool-list{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;box-sizing:border-box}.tool-button{width:36px;height:32px;min-height:32px;max-width:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0;box-sizing:border-box;border:1px solid transparent;color:#717569}.tool-button:hover{background:#f1f0e9}.tool-button.selected{background:#f4e9eb;color:#9d586b;border-color:#ebd9de}.tool-divider{width:24px;height:1px;background:#e4e4d9;margin:3px 0;flex-shrink:0}.tool-transforms{display:flex;flex-direction:column;width:100%;align-items:center;padding:5px 0 2px;border-top:1px solid #e4e4d9;margin-top:5px;gap:2px;flex-shrink:0;box-sizing:border-box}.tool-transforms .icon-button{width:36px;height:28px;min-height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.active-color-chip{width:22px;height:22px;min-height:22px;border:3px solid #fffefa;outline:1px solid #dcded2;border-radius:50%;margin:6px 0 3px;flex-shrink:0;cursor:pointer}.details-panel{position:absolute;z-index:3;right:16px;top:114px;bottom:78px;width:min(300px,calc(100vw - 32px));padding:18px 17px 28px;border:1px solid #dcded1;border-radius:10px;background:#fcfbf7f5;box-shadow:0 4px 18px #3c483412}.details-panel.is-hidden{display:none}.details-panel{overflow-y:auto;scrollbar-width:thin}.layer-list,.layer-action{flex-shrink:0}.palette-heading h2{font-size:21px;margin-top:5px}.colors-heading{margin-top:18px;padding-top:18px;border-top:1px solid #dedfd4}.palette-heading .section-label{font-size:8px}.palette-search{margin:10px 0 9px;padding:9px 10px}.project-summary{padding-top:9px}.project-summary>.section-label{display:none}.project-summary p.project-dimensions{font-size:10px;color:#7d866f;margin:0}.summary-stats{gap:20px;margin:10px 0}.summary-stats strong{font-size:24px}.palette-disclaimer{margin-top:7px;font-size:8px}.context-dock{--cd-bg: #fcfbf2f5;--cd-head: #f4f3ec;--cd-border: #dee1d3;--cd-ink: #3b4233;--cd-strong: #2c3226;--cd-muted: #6f7a61;--cd-field: #fbfaf5;--cd-field-border: #c9cdbe;--cd-accent: #985769;--cd-accent-bg: #f4e9eb;--cd-accent-ink: #7a3550;position:absolute;z-index:2;top:114px;left:140px;display:flex;flex-wrap:wrap;align-items:stretch;max-width:calc(100% - 438px);border:1px solid var(--cd-border);border-radius:12px;background:var(--cd-bg);box-shadow:0 6px 18px #384d3018;color:var(--cd-ink);font-size:13px}.context-tool{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 16px 7px 8px;border-radius:11px 0 0 11px;background:var(--cd-head)}.context-picker{position:relative;display:flex}.context-tool-button{border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.context-tool-button:hover,.context-tool-button[aria-expanded=true]{background:var(--cd-accent-bg)}.context-tool-button:focus-visible{outline:2px solid var(--cd-accent);outline-offset:-2px}.context-tool-caret{flex:none;width:0;height:0;border-top:6px solid var(--cd-muted);border-right:5px solid transparent;border-left:5px solid transparent}.context-picker-list{position:absolute;z-index:5;top:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:2px;min-width:240px;max-height:60vh;overflow-y:auto;padding:6px;border:1px solid var(--cd-border);border-radius:12px;background:var(--cd-field);box-shadow:0 10px 28px #384d3030}.context-picker-list button{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--cd-ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}.context-picker-list button:hover{background:var(--cd-head)}.context-picker-list button[aria-selected=true]{background:var(--cd-accent-bg);box-shadow:inset 0 0 0 1px var(--cd-accent);color:var(--cd-accent-ink)}.context-picker-list svg{flex:none;width:20px;height:20px}.context-picker-auto{margin-bottom:4px}.context-picker-auto span{display:flex;flex-direction:column}.context-picker-auto small{color:var(--cd-muted);font-size:11.5px}.context-tool-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--cd-accent-bg);box-shadow:inset 0 0 0 1px var(--cd-accent);color:var(--cd-accent-ink)}.context-tool-icon svg{width:20px;height:20px}.context-tool-text{display:flex;flex-direction:column;gap:1px;min-width:0}.context-tool-text strong{overflow:hidden;color:var(--cd-strong);font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.context-tool-text small{max-width:300px;color:var(--cd-muted);font-size:11.5px;line-height:1.3}.context-group{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:7px 14px;border-left:1px solid var(--cd-border);box-shadow:0 -1px 0 var(--cd-border)}.context-group-label{color:var(--cd-muted);font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.context-group-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.context-group small{color:var(--cd-muted);font-size:11px}.context-segmented{display:flex;gap:2px;padding:2px;border:1px solid var(--cd-field-border);border-radius:8px;background:var(--cd-field)}.context-segmented button{min-width:30px;height:28px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--cd-ink);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.context-segmented button:hover:not(:disabled){background:var(--cd-accent-bg)}.context-segmented button[aria-checked=true]{background:var(--cd-accent-bg);box-shadow:inset 0 0 0 1px var(--cd-accent);color:var(--cd-accent-ink)}.context-segmented button:disabled{opacity:.35;cursor:not-allowed}.context-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}.context-switch input{position:relative;flex:none;width:30px;height:18px;margin:0;border-radius:9px;background:var(--cd-field-border);appearance:none;cursor:pointer;transition:background .15s ease}.context-switch input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s ease}.context-switch input:checked{background:var(--cd-accent)}.context-switch input:checked:after{transform:translate(12px)}.context-switch input:focus-visible,.context-segmented button:focus-visible,.context-stepper button:focus-visible{outline:2px solid var(--cd-accent);outline-offset:1px}.context-stepper{display:flex;align-items:center;overflow:hidden;border:1px solid var(--cd-field-border);border-radius:8px;background:var(--cd-field)}.context-stepper button{width:30px;height:30px;border:0;background:transparent;color:var(--cd-ink);font:inherit;font-size:16px;cursor:pointer}.context-stepper button:hover:not(:disabled){background:var(--cd-accent-bg)}.context-stepper button:disabled{opacity:.35;cursor:not-allowed}.context-stepper input{width:3em;height:30px;padding:0;border:0;background:transparent;color:var(--cd-strong);font:inherit;font-size:14px;text-align:center;appearance:textfield}.context-stepper input::-webkit-inner-spin-button,.context-stepper input::-webkit-outer-spin-button{margin:0;appearance:none}.context-stepper span{padding-right:4px;color:var(--cd-muted);font-size:12px}.inline-action-button{background:#f4f3ec;border:1px solid #c9cdbe;border-radius:4px;padding:2px 7px;font-size:11px;color:#3b4233;cursor:pointer;transition:all .15s ease}.inline-action-button:hover{background:#9b5368;color:#fff;border-color:#9b5368}.context-dock .inline-action-button{height:30px;padding:0 12px;border-color:var(--cd-field-border);border-radius:7px;background:var(--cd-field);color:var(--cd-ink);font-size:13px}.context-dock .inline-action-button.primary{border-color:var(--cd-accent);background:var(--cd-accent-bg);color:var(--cd-accent-ink)}.context-dock .inline-action-button:hover{border-color:var(--cd-accent);background:var(--cd-accent);color:#fff}.view-dock{position:absolute;bottom:39px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:4px;padding:5px;background:#fcfbf7f5;border:1px solid #d9ddcc;border-radius:7px;box-shadow:0 3px 12px #4d583414}.view-dock .grid-major-button span{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.view-dock .grid-major-button:disabled{opacity:.4;cursor:default}.view-switch{border:0;padding:1px}.view-switch button{min-height:26px}.canvas-bottom{position:absolute;right:16px;bottom:39px;height:auto;z-index:2;padding:0}.zoom-controls{padding:5px;box-shadow:0 3px 12px #4d583414}.zoom-controls button{height:26px}.status-bar{position:absolute;left:0;right:0;bottom:0;z-index:4;height:26px;gap:20px;padding:0 13px;background:#f8f8f2ed}.status-hint{margin-left:auto;color:#a0a794}.coordinates{min-width:128px;margin-left:0}.toast{z-index:8;bottom:92px;max-width:min(650px,calc(100vw - 32px))}.modal{overflow-y:auto}.modal-heading{position:sticky;top:0;background:#fdfcf8;z-index:10;padding-bottom:6px;margin-bottom:12px}.field textarea{width:100%;resize:vertical;min-height:75px;border:1px solid #dfdfd3;border-radius:5px;padding:10px;font:inherit;color:#69725e;background:#fffefb}.pattern-preview{padding:18px;border:1px solid #e0e3d6;border-radius:6px;background:#f5f3e8}.pattern-preview svg{width:100%;height:150px;display:block}.pattern-preview>span{display:block;font-size:10px;color:#8a947c;text-align:center;padding-top:12px}@media(max-width:1150px){.toolbar-name{width:55px;font-size:7px}.stitch-settings{gap:7px}.details-panel{width:225px;right:12px}.context-dock{max-width:calc(100% - 393px)}.context-tool-text small{display:none}.view-dock{left:112px;transform:none}.status-hint{display:none}.coordinates{margin-left:auto}}@media(max-width:800px){.project-tabs{padding:0 6px}.tabs-label{display:flex;width:22px}.tabs-label>span{display:none}.toolbar-name{display:none}.standard-toolbar,.points-toolbar{padding-left:7px;padding-right:7px;gap:4px}.toolbar-scroll-arrow{width:16px;height:26px}.stitch-settings label{font-size:0;gap:0}.stitch-settings{gap:5px;padding-left:4px}.stitch-settings input{width:34px}.details-panel{width:215px;bottom:124px}.context-dock{max-width:calc(100% - 378px)}.context-tool-icon{display:none}.view-dock{left:104px;bottom:77px}.view-switch button{padding:3px 7px}.tools-panel{left:34px;width:52px;padding:6px 3px}.tool-button{width:36px;height:32px;padding:0}.status-bar{gap:10px;font-size:8px}.project-summary .fabric-line,.project-summary p:not(.project-dimensions),.palette-disclaimer{display:none}}@media(max-height:700px){.details-panel{top:112px;bottom:81px}.project-summary .fabric-line,.project-summary>p:not(.project-dimensions),.palette-disclaimer{display:none}.palette-search{margin-top:8px}.summary-stats{margin:6px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.high-contrast{--ink: #111;--muted: #303030;--line: #595959;--rose: #7a1735;--rose-light: #f5dde4}.high-contrast .details-panel,.high-contrast .tools-panel,.high-contrast .canvas-toolbar,.high-contrast .project-tabs,.high-contrast .status-bar{background:#fff}.high-contrast .tool-button,.high-contrast .palette-disclaimer,.high-contrast .project-summary p,.high-contrast .status-bar,.high-contrast .import-hint{color:#242424}.high-contrast button:focus-visible,.high-contrast input:focus-visible,.high-contrast select:focus-visible{outline-color:#000;outline-width:3px}.workspace-view-toggle{position:absolute;top:78px;left:0;right:0;height:34px;z-index:4;display:flex;align-items:center;gap:5px;padding:3px 12px;background:#f8f7f1;border-bottom:1px solid var(--line)}.workspace-view-toggle button{padding:5px 12px;border-radius:5px;font-size:12px;color:var(--ink)}.workspace-view-toggle button[aria-pressed=true]{background:#f1e2e7;color:#853d55}.editor-layout{--preview-palette-space: 12px}.editor-layout.with-palette{--preview-palette-space: 328px}.workspace-preview .canvas-frame[hidden],.workspace-preview .tools-panel,.workspace-preview .used-colors-sidebar{display:none}.workspace-preview-panel{position:absolute;top:120px;bottom:12px;left:12px;right:var(--preview-palette-space);overflow:auto;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fdfcf8}.workspace-split .canvas-frame{right:calc(50% + var(--preview-palette-space) / 2)}.workspace-split .workspace-preview-panel{left:calc((100% - var(--preview-palette-space)) / 2)}.workspace-split .view-dock{left:112px;right:8px;bottom:58px;transform:none;width:auto;flex-wrap:wrap;justify-content:center}.workspace-split .canvas-bottom{bottom:12px;right:12px}.workspace-split .context-dock{max-width:calc(100% - 158px)}.workspace-preview .context-dock{left:112px}.workspace-split .used-colors-sidebar{bottom:44%;overflow-y:auto}@media(max-width:1150px){.editor-layout.with-palette{--preview-palette-space: 249px}}@media(max-width:800px){.editor-layout.with-palette{--preview-palette-space: 12px}.workspace-split .canvas-frame{right:0;bottom:43%}.workspace-split .workspace-preview-panel{inset:58% 12px 8px}.workspace-split .view-dock{left:105px;bottom:58px}.workspace-split .tools-panel{bottom:44%;overflow-y:auto}.workspace-split .used-colors-sidebar,.workspace-split .context-dock{display:none}}.fabric-line.clickable{cursor:pointer;padding:4px 6px;border-radius:5px;margin:-4px -6px;transition:background .15s,color .15s}.fabric-line.clickable:hover{background:#f1eee5;color:var(--ink)}.fabric-presets-row{display:flex;align-items:center;gap:7px;margin:7px 0 11px}.fabric-preset-btn{width:20px;height:20px;border-radius:50%;border:2px solid #ddd8cc;cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #00000026}.fabric-preset-btn:hover{transform:scale(1.18);border-color:#8a5a65}.fabric-preset-btn.active{border-color:#9b5368;box-shadow:0 0 0 2px #fcfbf7,0 0 0 4px #9b5368;transform:scale(1.1)}@media(max-width:600px){.modal{padding:16px 16px 20px;border-radius:10px;max-height:94vh}}.circular-entry{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;margin:0 0 14px}.tabs-library{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;margin:0 8px 0 2px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:#fffefa;font-size:12px}.tabs-library:hover{background:var(--rose-light)}@media(max-width:900px){.tabs-library>span{display:none}}.modal.modal-wide{width:min(940px,calc(100vw - 32px))}.context-select{height:32px;max-width:180px;padding:0 8px;border:1px solid var(--cd-field-border);border-radius:8px;background:var(--cd-field);color:var(--cd-strong);font:inherit;font-size:12px}.context-number{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cd-strong)}.context-number input{width:3.5em;height:32px;padding:0 6px;border:1px solid var(--cd-field-border);border-radius:8px;background:var(--cd-field);color:var(--cd-strong);font:inherit}.context-centre{display:inline-flex;align-items:center;gap:6px}.context-centre .button{min-height:30px;padding:0 10px}.new-color-nearest{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 12px;font-size:13px}.new-color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.modal-heading{box-shadow:0 -32px #fdfcf8}@media(max-height:760px){.modal{max-height:calc(100dvh - 24px);padding:18px 24px 16px}.modal-heading{margin-bottom:8px;padding-bottom:4px;box-shadow:0 -20px #fdfcf8}.modal-heading h2{font-size:21px}.modal-description{margin-bottom:12px;line-height:1.6}.field{margin-bottom:10px}.modal-actions{margin-top:14px}.modal>.modal-actions:last-child,.modal form>.modal-actions:last-child{position:sticky;bottom:-16px;z-index:10;margin-bottom:-16px;padding:10px 0 16px;background:#fdfcf8}}@media(max-width:1599px),(max-height:820px){.context-dock{border-radius:10px;font-size:12px}.context-tool{gap:7px;padding:3px 10px 3px 4px;border-radius:9px 0 0 9px}.context-tool-icon{width:26px;height:26px;border-radius:7px}.context-tool-icon svg{width:16px;height:16px}.context-tool-text strong{font-size:13px}.context-tool-text small{max-width:260px;font-size:10.5px;line-height:1.25}.context-group{gap:2px;padding:3px 10px}.context-group-label{font-size:9px}.context-group-body{gap:4px 8px}.context-segmented{padding:1px;border-radius:7px}.context-segmented button{min-width:24px;height:24px;padding:0 7px;border-radius:5px;font-size:12px}.context-stepper{border-radius:7px}.context-stepper button{width:24px;height:24px;font-size:14px}.context-stepper input{width:2.4em;height:24px;font-size:13px}.context-stepper span{font-size:11px}.context-switch{gap:6px}.context-switch input{width:26px;height:16px;border-radius:8px}.context-switch input:after{width:12px;height:12px}.context-switch input:checked:after{transform:translate(10px)}}@media(max-width:1300px){.context-switch-terse{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.context-tool{padding-right:8px}.context-group{padding:3px 8px}.context-segmented button{padding:0 6px}}@media(max-width:1150px){.context-tool .context-tool-icon{display:none}.context-tool{padding-left:10px}.context-stepper input{width:2em}}.editor-simple{--m-bg: #f3efe6;--m-surface: #fffcf6;--m-line: #e3dccd;--m-ink: #2f3a31;--m-muted: #5f6658;--m-icon: #4d5645;--m-accent: #9c526b;--m-accent-ink: #7a3550;--m-accent-soft: #f3dfe3;--m-accent-row: #f6e6ea;--m-accent-border: #d9a9b7;--m-segment: #e9e3d7;--m-canvas: #ebe5d9}.editor-pro{--m-bg: #1c211e;--m-top: #151916;--m-surface: #202622;--m-raised: #262d28;--m-hover: #2a322d;--m-line: #2f3832;--m-border: #38423b;--m-ink: #e9e4d8;--m-bright: #fffcf6;--m-sub: #c9cfbf;--m-muted: #9aa08f;--m-faint: #6f7766;--m-accent: #d98ba4;--m-accent-bg: #3a2a31;--m-accent-ink: #f3c7d4}.mode-switch{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;height:32px;padding:0 11px 0 7px;border-radius:999px;border:1px solid var(--m-line);color:var(--m-ink);font-weight:600;font-size:12px;white-space:nowrap}.mode-switch-track{position:relative;width:30px;height:18px;border-radius:999px;background:#d8cfbd;transition:background .15s}.mode-switch-track>span{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fffcf6;box-shadow:0 1px 2px #00000040;transition:transform .15s}.mode-switch[aria-checked=true] .mode-switch-track{background:var(--m-accent)}.mode-switch[aria-checked=true] .mode-switch-track>span{transform:translate(12px)}.mode-switch:hover{border-color:var(--m-accent)}.quick-more{position:relative}.quick-more>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:8px;color:var(--m-ink);font-weight:500;cursor:pointer;user-select:none}.quick-more>summary::-webkit-details-marker{display:none}.quick-more>summary:hover,.quick-more[open]>summary{background:var(--m-segment)}.quick-more>summary:focus-visible{outline:2px solid var(--m-accent)}.quick-more>.menu-disclosure-panel{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:230px;display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid var(--m-line);border-radius:12px;background:var(--m-surface);box-shadow:0 14px 34px #3c2d192e}.editor-simple .quick-more>.menu-disclosure-panel .tab-action-btn{justify-content:flex-start;width:100%;height:36px;min-height:36px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--m-ink)!important;font-size:13px!important}.editor-simple .quick-more>.menu-disclosure-panel .tab-action-btn:hover{background:var(--m-bg)!important}.editor-simple .quick-more>.menu-disclosure-panel .tab-action-btn span{display:inline!important}.editor-simple{background:var(--m-bg);color:var(--m-ink)}.editor-simple .project-tabs{height:52px;padding:0 16px;gap:8px;align-items:center;background:var(--m-surface);border-bottom:1px solid var(--m-line)}.editor-simple .tabs-label{width:auto;padding-right:8px;gap:8px;font:600 20px Georgia,Times New Roman,serif;color:var(--m-ink);letter-spacing:-.3px}.editor-simple .tabs-label svg{color:var(--m-accent)}.editor-simple .tabs-scroll{order:1;align-self:stretch;align-items:flex-end;padding-top:10px;min-width:60px}.editor-simple .project-tab{height:42px;margin-top:0;padding:0 6px 0 10px;border-radius:10px 10px 0 0;color:var(--m-muted)}.editor-simple .project-tab.current{background:var(--m-bg);border-color:var(--m-line);color:var(--m-ink)}.editor-simple .project-tab.current:before{display:none}.editor-simple .project-tab h2{font:600 13px Segoe UI,system-ui,sans-serif}.editor-simple .project-tab:not(.current) h2{font-weight:500}.editor-simple .project-tab>button:first-child>svg{display:none}.editor-simple .dirty-dot{width:7px;height:7px;background:var(--m-accent)}.editor-simple .new-tab{order:2;margin-right:auto;width:34px;height:34px;justify-content:center;border-radius:8px;color:var(--m-muted)}.editor-simple .new-tab:hover{background:var(--m-bg);color:var(--m-accent)}.editor-simple .tabs-library{order:3;margin:0;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--m-ink);font-size:13px;font-weight:500}.editor-simple .tabs-library svg{display:none}.editor-simple .tabs-library:hover{background:var(--m-bg)}.editor-simple .tabs-quick-actions{order:4;margin-left:0;gap:2px}.editor-simple .tabs-quick-actions>.exercise-entry{height:32px;border:0!important;background:transparent!important;color:var(--m-ink)!important;font-size:13px!important;font-weight:500}.editor-simple .tabs-quick-actions>.exercise-entry:hover{background:var(--m-bg)!important}.editor-simple .mode-switch{order:7;margin-left:8px}.simple-file-actions{order:6;display:flex;align-items:center;gap:8px;padding-left:12px;margin-left:4px;border-left:1px solid var(--m-line);flex-shrink:0}.simple-file-actions .button{min-height:36px;height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.simple-file-actions .button.subtle{border-color:#cdbfa8;background:var(--m-surface);color:var(--m-ink)}.simple-file-actions .button.primary{background:var(--m-ink);color:var(--m-surface);box-shadow:none}.simple-file-actions .button.primary:hover{background:#435047}.simple-toolbar{position:absolute;top:0;left:0;right:0;z-index:4;height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--m-bg);border-bottom:1px solid var(--m-line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.simple-toolbar::-webkit-scrollbar{display:none}.simple-toolbar>*{flex-shrink:0}.simple-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--m-icon)}.simple-icon:hover:not(:disabled){background:var(--m-segment)}.simple-icon.active{background:var(--m-accent-soft);color:var(--m-accent-ink)}.simple-divider{width:1px;height:22px;background:#ddd4c3}.simple-segmented,.editor-simple .simple-toolbar .workspace-view-toggle{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--m-segment)}.simple-segmented button,.editor-simple .simple-toolbar .workspace-view-toggle button{height:30px;padding:0 11px;border-radius:8px;color:var(--m-muted);font-size:12px;font-weight:500;white-space:nowrap}.simple-segmented button[aria-pressed=true],.editor-simple .simple-toolbar .workspace-view-toggle button[aria-pressed=true]{background:var(--m-surface);color:var(--m-ink);box-shadow:0 1px 2px #2f3a312e}.simple-strands{display:flex;align-items:center;gap:6px;color:var(--m-muted);font-size:12px}.simple-strands button{width:28px;height:28px;border-radius:8px;border:1px solid #cdbfa8;background:var(--m-surface);color:var(--m-ink);font-size:12px;font-weight:600}.simple-strands button[aria-pressed=true]{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-surface)}.simple-kind-select{display:none;height:32px;padding:0 8px;border:1px solid #cdbfa8;border-radius:8px;background:var(--m-surface);color:var(--m-ink);font-size:12px;font-weight:500}.simple-toolbar-end{margin-left:auto;display:flex;align-items:center;gap:8px}.editor-simple .simple-toolbar .workspace-view-toggle{position:static;height:auto;border:0;z-index:auto}.editor-simple .tools-panel{top:48px;left:0;bottom:30px;width:60px;max-height:none;padding:12px 0;border:0;border-right:1px solid var(--m-line);border-radius:0;background:var(--m-surface);box-shadow:none}.editor-simple .tool-list{gap:4px}.editor-simple .tool-button{width:42px;max-width:42px;height:42px;min-height:42px;border-radius:10px;color:var(--m-icon)}.editor-simple .tool-button:hover{background:var(--m-bg)}.editor-simple .tool-button.selected{background:var(--m-accent-soft);border-color:#e2b8c4;color:var(--m-accent-ink)}.editor-simple .tool-divider{width:28px;margin:6px 0;background:var(--m-line)}.editor-simple .tool-transforms{border-top-color:var(--m-line);margin-top:8px;padding-top:8px}.editor-simple .tool-transforms .icon-button{width:42px;height:34px;border-radius:8px;color:var(--m-icon)}.editor-simple .active-color-chip{width:30px;height:30px;min-height:30px;outline-color:var(--m-line);margin-top:10px}.editor-simple .canvas-frame{background:var(--m-canvas);background-image:none}.editor-simple .context-dock{top:82px;left:94px;max-width:calc(100% - 434px);--cd-bg: var(--m-surface);--cd-head: var(--m-bg);--cd-border: var(--m-line);--cd-ink: var(--m-ink);--cd-strong: var(--m-ink);--cd-muted: var(--m-muted);--cd-field: var(--m-surface);--cd-field-border: #cdbfa8;--cd-accent: var(--m-accent);--cd-accent-bg: var(--m-accent-soft);--cd-accent-ink: var(--m-accent-ink);border-radius:16px;box-shadow:none}.editor-simple .editor-layout:not(.with-palette) .context-dock{max-width:calc(100% - 118px)}.editor-simple .view-dock{bottom:44px;left:calc(60px + (100% - 60px)/2);border-color:var(--m-line);border-radius:10px;background:var(--m-surface);box-shadow:0 4px 14px #3c2d1914}.editor-simple .with-palette .view-dock{left:calc(60px + (100% - 376px)/2)}.editor-simple .view-switch{background:var(--m-segment);border:0;border-radius:8px}.editor-simple .view-switch button{border-radius:6px;color:var(--m-muted);font-size:11px}.editor-simple .view-switch button.active{background:var(--m-surface);color:var(--m-ink)}.editor-simple .view-dock .icon-button{border-radius:8px;color:var(--m-icon)}.editor-simple .view-dock .icon-button.active{background:var(--m-accent-soft);color:var(--m-accent-ink)}.editor-simple .canvas-bottom{right:16px;bottom:44px}.editor-simple .with-palette .canvas-bottom{right:332px}.editor-simple .zoom-controls{border-color:var(--m-line);border-radius:10px;background:var(--m-surface);padding:3px}.editor-simple .zoom-controls button{width:30px;height:30px;border-radius:8px;color:var(--m-ink)}.editor-simple .zoom-controls>span{min-width:48px;font-size:12px;font-weight:600;color:var(--m-ink)}.editor-simple .zoom-controls button:hover{background:var(--m-bg)}.editor-simple .status-bar{height:30px;gap:18px;padding:0 16px;background:var(--m-surface);border-top:1px solid var(--m-line);color:var(--m-muted);font-size:12px}.editor-simple .status-dot{width:7px;height:7px;background:#6c8f5a}.editor-simple .status-project,.editor-simple .status-hint{color:var(--m-muted)}.editor-simple .details-panel{top:48px;right:0;bottom:30px;width:316px;padding:0 0 20px;border:0;border-left:1px solid var(--m-line);border-radius:0;background:var(--m-surface);box-shadow:none}.panel-tabs{position:sticky;top:0;z-index:2;display:flex;gap:18px;padding:0 18px;background:var(--m-surface);border-bottom:1px solid var(--m-line)}.panel-tabs button{height:44px;border-bottom:2px solid transparent;color:var(--m-muted);font-size:13px;font-weight:600}.panel-tabs button[aria-selected=true]{color:var(--m-ink);border-bottom-color:var(--m-accent)}.panel-group.is-collapsed{display:none}.editor-simple .panel-group{padding:14px 16px 0}.editor-simple .colors-heading{margin-top:0;padding-top:0;border-top:0}.editor-simple .palette-heading .section-label{color:var(--m-muted)}.editor-simple .palette-heading h2{font:600 19px Georgia,serif;color:var(--m-ink)}.editor-simple .small-add{border-color:#cdbfa8;color:var(--m-ink)}.editor-simple .small-add:hover:not(:disabled){background:var(--m-bg)}.editor-simple .palette-search{height:36px;padding:0 10px;border-color:#dfd6c5;border-radius:10px;background:#fffefb}.editor-simple .palette-search input{font-size:13px;color:var(--m-ink)}.editor-simple .layer-row{border-color:var(--m-line);border-radius:10px;background:var(--m-surface);padding:6px 8px}.editor-simple .layer-row.selected{background:var(--m-accent-row);border-color:var(--m-accent-border)}.editor-simple .layer-row.selected .layer-index{background:var(--m-accent)}.editor-simple .layer-select strong{font-size:13px;color:var(--m-ink)}.editor-simple .layer-empty{font-size:12px;color:var(--m-muted)}.editor-simple .project-summary p.project-dimensions{font-size:13px;font-weight:600;color:var(--m-ink)}.editor-simple .summary-stats strong{color:var(--m-ink)}.editor-simple .summary-stats span,.editor-simple .fabric-line,.editor-simple .project-summary p{font-size:12px;color:var(--m-muted)}.editor-simple .palette-disclaimer{font-size:11px;color:#7a7f70}.editor-simple .workspace-preview-panel{top:60px;bottom:42px}.editor-simple .editor-layout.with-palette{--preview-palette-space: 328px}@media(max-width:1280px){.editor-simple .tabs-library svg{display:block}.editor-simple .tabs-library>span,.editor-simple .tabs-quick-actions>.exercise-entry>span,.editor-simple .quick-more>summary>span{display:none}.editor-simple .tabs-library{padding:8px}}@media(max-width:1150px){.editor-simple .details-panel{width:280px;right:0}.editor-simple .with-palette .canvas-bottom{right:296px}.editor-simple .view-dock,.editor-simple .with-palette .view-dock{left:76px;transform:none}.editor-simple .canvas-bottom{bottom:96px}.editor-simple .context-dock{max-width:calc(100% - 394px)}.editor-simple .editor-layout.with-palette{--preview-palette-space: 292px}.simple-segmented button{padding:0 8px}}@media(max-width:1100px){.editor-simple .simple-toolbar{gap:8px;padding:0 10px}.simple-segmented button,.editor-simple .simple-toolbar .workspace-view-toggle button{padding:0 7px}.simple-strands>span{display:none}}@media(max-width:950px){.editor-simple .tabs-label>span{display:none}.simple-file-actions .simple-pdf{display:none}.simple-file-actions .simple-publish{width:36px;padding:0}.simple-file-actions .simple-publish>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.simple-segmented{display:none}.simple-kind-select{display:block}}@media(max-width:800px){.editor-simple .details-panel{width:250px}.editor-simple .with-palette .canvas-bottom{right:266px}.editor-simple .context-dock{max-width:calc(100% - 364px)}.editor-simple .editor-layout.with-palette{--preview-palette-space: 12px}.editor-simple .mode-switch{font-size:0;gap:0;padding:0 7px}}.editor-pro{background:var(--m-bg);color:var(--m-ink);color-scheme:dark}.editor-pro .project-tabs{background:var(--m-top);border-bottom-color:var(--m-line);color:#d6d2c6}.editor-pro .tabs-label{color:var(--m-bright)}.editor-pro .tabs-label svg{color:var(--m-accent)}.editor-pro .project-tab{color:var(--m-muted)}.editor-pro .project-tab.current{background:var(--m-bg);border-color:var(--m-line);color:var(--m-bright)}.editor-pro .project-tab.current:before{background:var(--m-accent)}.editor-pro .tab-close{color:var(--m-muted)}.editor-pro .tab-close:hover{background:var(--m-hover);color:var(--m-bright)}.editor-pro .dirty-dot{background:var(--m-accent)}.editor-pro .new-tab{color:var(--m-muted)}.editor-pro .new-tab:hover{color:var(--m-accent-ink)}.editor-pro .tabs-library{border-color:var(--m-border);background:var(--m-raised);color:#d6d2c6}.editor-pro .tabs-library:hover{background:var(--m-hover)}.editor-pro .tab-action-btn{border-color:var(--m-border)!important;background:var(--m-raised)!important;color:#d6d2c6!important}.editor-pro .tab-action-btn>span,.editor-pro .tabs-library>span{display:inline;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.editor-pro .tab-action-btn{position:relative;width:30px;padding:0!important;justify-content:center}.editor-pro .tabs-library{width:30px;height:26px;padding:0;margin:0;justify-content:center;align-self:center}.editor-pro .tab-action-btn:hover{background:var(--m-hover)!important;color:var(--m-bright)!important}@media(min-width:951px){.editor-pro .tab-action-btn.labelled{width:auto;padding:0 10px!important}.editor-pro .tab-action-btn.labelled>span{position:static;width:auto;height:auto;overflow:visible;clip:auto}}.editor-pro .mode-switch{height:26px;margin-left:8px;border-color:var(--m-accent);background:var(--m-accent-bg);color:var(--m-accent-ink);font-size:11px;align-self:center}.editor-pro .mode-switch-track{width:24px;height:14px}.editor-pro .mode-switch-track>span{width:10px;height:10px}.editor-pro .mode-switch[aria-checked=true] .mode-switch-track>span{transform:translate(10px)}.editor-pro .standard-toolbar{background:var(--m-surface);border-bottom-color:var(--m-line)}.editor-pro .points-toolbar{background:var(--m-bg);border-bottom-color:var(--m-line)}.editor-pro .toolbar-name{color:var(--m-faint)}.editor-pro .toolbar-divider{background:#333d36}.editor-pro .icon-button{color:var(--m-sub);border-radius:6px}.editor-pro .icon-button:hover:not(:disabled){background:var(--m-hover);color:var(--m-bright)}.editor-pro .icon-button.active{background:var(--m-accent-bg);color:var(--m-accent-ink)}.editor-pro .icon-button.save-tool{color:#e4a5b9}.editor-pro .icon-button.save-tool:hover{background:var(--m-accent-bg);color:var(--m-accent-ink)}.editor-pro .toolbar-scroll{scrollbar-color:var(--m-border) transparent}.editor-pro .toolbar-scroll-arrow{background:var(--m-raised);border-color:var(--m-border);color:var(--m-sub)}.editor-pro .point-button{color:var(--m-sub);border-radius:6px}.editor-pro .point-button:hover{background:var(--m-hover)}.editor-pro .point-button.selected{background:var(--m-accent-bg);border-color:var(--m-accent);color:var(--m-accent-ink)}.editor-pro .point-orientation-mark{border-bottom-color:var(--m-faint)}.editor-pro .point-button.selected .point-orientation-mark{border-bottom-color:currentColor}.editor-pro .point-button.open{box-shadow:0 0 0 2px #d98ba440}.editor-pro .stitch-orientation-popover{background:var(--m-surface);border-color:var(--m-border);box-shadow:0 14px 34px #00000073}.editor-pro .stitch-orientation-caret{border-color:var(--m-border)}.editor-pro .stitch-orientation-head span{color:var(--m-muted)}.editor-pro .stitch-orientation-head strong{color:var(--m-bright)}.editor-pro .stitch-orientation-tile{background:var(--m-bg);border-color:var(--m-border);color:var(--m-sub)}.editor-pro .stitch-orientation-tile:hover{background:var(--m-hover)}.editor-pro .stitch-orientation-tile.selected{background:var(--m-accent-bg);border-color:var(--m-accent);color:var(--m-accent-ink)}.editor-pro .stitch-orientation-tile:focus-visible{outline-color:var(--m-accent)}.editor-pro .stitch-settings{background:var(--m-bg);border-left-color:#333d36}.editor-pro .stitch-settings label{color:var(--m-muted)}.editor-pro .stitch-settings input{background:var(--m-top);border-color:var(--m-border);color:var(--m-bright);font-family:Consolas,Cascadia Mono,monospace}.editor-pro .workspace-view-toggle{background:var(--m-surface);border-bottom-color:var(--m-line)}.editor-pro .workspace-view-toggle button{color:var(--m-sub)}.editor-pro .workspace-view-toggle button:hover{background:var(--m-hover)}.editor-pro .workspace-view-toggle button[aria-pressed=true]{background:var(--m-accent-bg);color:var(--m-accent-ink)}.editor-pro .tools-panel{top:112px;left:0;bottom:26px;width:92px;max-height:none;padding:10px 8px;border:0;border-right:1px solid var(--m-line);border-radius:0;background:var(--m-surface);box-shadow:none;scrollbar-color:var(--m-border) transparent}.editor-pro .tool-list{display:grid;grid-template-columns:repeat(2,36px);justify-content:center;gap:4px}.editor-pro .tool-divider{grid-column:1 / -1;width:100%;margin:2px 0;background:var(--m-line)}.editor-pro .tool-button{width:36px;max-width:36px;height:36px;min-height:36px;border-radius:8px;color:var(--m-sub)}.editor-pro .tool-button:hover{background:var(--m-hover);color:var(--m-bright)}.editor-pro .tool-button.selected{background:var(--m-accent-bg);border-color:var(--m-accent);color:var(--m-accent-ink)}.editor-pro .tool-transforms{flex-direction:row;justify-content:center;border-top-color:var(--m-line);margin-top:8px;padding-top:8px}.editor-pro .tool-transforms .icon-button{width:24px}.editor-pro .active-color-chip{width:40px;height:40px;min-height:40px;margin-top:12px;border:2px solid var(--m-bright);border-radius:8px;outline:0}.editor-pro .used-colors-sidebar{top:112px;left:92px;bottom:26px;width:56px;max-height:none;border:0;border-right:1px solid var(--m-line);border-radius:0;background:var(--m-bg);box-shadow:none;scrollbar-color:var(--m-border) transparent}.editor-pro .used-colors-header{border-bottom-color:var(--m-line)}.editor-pro .used-colors-title{color:var(--m-muted)}.editor-pro .used-colors-add-btn{color:var(--m-sub)}.editor-pro .used-colors-add-btn:hover{background:var(--m-hover);color:var(--m-bright)}.editor-pro .used-color-item.selected .used-color-swatch-btn{outline-color:var(--m-accent)}.editor-pro .canvas-frame{background-color:var(--m-top);background-image:radial-gradient(rgba(255,255,255,.05) .65px,transparent .65px)}.editor-pro .context-dock{top:144px;left:180px;max-width:calc(100% - 544px);--cd-bg: var(--m-raised);--cd-head: var(--m-surface);--cd-border: var(--m-border);--cd-ink: var(--m-sub);--cd-strong: var(--m-bright);--cd-muted: var(--m-muted);--cd-field: var(--m-top);--cd-field-border: var(--m-border);--cd-accent: var(--m-accent);--cd-accent-bg: var(--m-accent-bg);--cd-accent-ink: var(--m-accent-ink);box-shadow:0 8px 24px #0006}.editor-pro .editor-layout:not(.with-palette) .context-dock{max-width:calc(100% - 204px)}.editor-pro .inline-action-button{background:var(--m-top);border-color:var(--m-border);color:var(--m-ink)}.editor-pro .view-dock{bottom:38px;left:calc(148px + (100% - 148px)/2);border-color:var(--m-border);background:var(--m-raised);box-shadow:0 10px 24px #00000073}.editor-pro .with-palette .view-dock{left:calc(148px + (100% - 488px)/2)}.editor-pro .view-switch{background:var(--m-top);border-color:var(--m-line)}.editor-pro .view-switch button{color:var(--m-sub)}.editor-pro .view-switch button.active{background:var(--m-accent-bg);color:var(--m-accent-ink);box-shadow:none}.editor-pro .canvas-bottom{right:16px;bottom:38px}.editor-pro .with-palette .canvas-bottom{right:356px}.editor-pro .zoom-controls{border-color:var(--m-border);background:var(--m-raised);box-shadow:0 10px 24px #00000073}.editor-pro .zoom-controls button{color:var(--m-sub)}.editor-pro .zoom-controls button:hover{background:var(--m-hover)}.editor-pro .zoom-controls>span{color:var(--m-bright);font-family:Consolas,Cascadia Mono,monospace}.editor-pro .zoom-controls i{background:var(--m-border)}.editor-pro .status-bar{background:var(--m-top);border-top:1px solid var(--m-line);color:var(--m-muted)}.editor-pro .status-project,.editor-pro .status-hint{color:var(--m-faint)}.editor-pro .toast{background:var(--m-raised);border-color:var(--m-border);color:var(--m-ink)}.editor-pro .details-panel{top:112px;right:0;bottom:26px;width:340px;padding:12px 14px 20px;border:0;border-left:1px solid var(--m-line);border-radius:0;background:var(--m-surface);box-shadow:none;color:var(--m-ink);scrollbar-color:var(--m-border) transparent}.editor-pro .section-label{color:var(--m-muted);letter-spacing:.08em}.editor-pro .palette-heading h2{font:600 16px Georgia,serif;color:var(--m-bright)}.editor-pro .colors-heading{border-top-color:var(--m-line)}.editor-pro .small-add{border-color:var(--m-border);color:var(--m-sub)}.editor-pro .small-add:hover:not(:disabled){background:var(--m-hover);color:var(--m-bright)}.editor-pro .layer-row{border-color:var(--m-line);background:var(--m-raised)}.editor-pro .layer-row.selected{border-color:var(--m-accent);background:var(--m-accent-bg)}.editor-pro .layer-row.selected .layer-index{background:var(--m-accent);color:var(--m-top)}.editor-pro .layer-index{background:var(--m-hover);color:var(--m-sub)}.editor-pro .layer-eye,.editor-pro .layer-action{color:var(--m-sub)}.editor-pro .layer-eye:hover:not(:disabled),.editor-pro .layer-action:hover:not(:disabled){background:var(--m-hover);color:var(--m-bright)}.editor-pro .layer-select,.editor-pro .layer-select:hover{color:var(--m-ink)}.editor-pro .layer-select input{background:var(--m-top);border-color:var(--m-border);color:var(--m-bright)}.editor-pro .layer-empty{color:var(--m-muted)}.editor-pro .palette-search{background:var(--m-top);border-color:var(--m-border);color:var(--m-muted)}.editor-pro .palette-search input{color:var(--m-bright)}.editor-pro .palette-search input::placeholder{color:var(--m-faint)}.editor-pro .project-summary p.project-dimensions{color:var(--m-ink)}.editor-pro .project-summary .button.subtle{background:var(--m-raised);border-color:var(--m-border);color:var(--m-ink)}.editor-pro .summary-stats strong{color:var(--m-bright)}.editor-pro .summary-stats span,.editor-pro .fabric-line,.editor-pro .fabric-line>span:last-child,.editor-pro .project-summary p{color:var(--m-muted)}.editor-pro .project-summary p strong{color:var(--m-sub)}.editor-pro .fabric-line.clickable:hover{background:var(--m-hover);color:var(--m-bright)}.editor-pro .fabric-preset-btn.active{box-shadow:0 0 0 2px var(--m-surface),0 0 0 4px var(--m-accent);border-color:var(--m-accent)}.editor-pro .source-controls,.editor-pro .import-hint,.editor-pro .source-controls .field{color:var(--m-sub)}.editor-pro .details-panel .catalog-open{background:var(--m-raised);border-color:var(--m-border);color:var(--m-ink)}.editor-pro .palette-disclaimer{color:var(--m-faint)}.history-panel{margin-top:16px;padding-top:12px;border-top:1px solid var(--m-line)}.history-panel .section-label{display:flex;align-items:center;gap:6px;margin-bottom:6px}.history-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--m-border) transparent}.history-list label{display:block;padding:5px 8px;border-radius:6px;font-size:12px;color:var(--m-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.history-list input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.history-list label:hover{background:var(--m-hover);color:var(--m-bright)}.history-list label:focus-within{outline:2px solid var(--m-accent);outline-offset:-2px}.history-list label.current{background:var(--m-hover);color:var(--m-bright);font-weight:600;box-shadow:inset 3px 0 0 var(--m-accent)}.history-list label.undone{color:var(--m-faint);font-style:italic}.editor-pro .workspace-preview-panel{top:124px;bottom:38px;border-color:var(--m-line)}.editor-pro .editor-layout.with-palette{--preview-palette-space: 352px}@media(max-width:1150px){.editor-pro .details-panel{width:290px;right:0}.editor-pro .with-palette .canvas-bottom{right:306px}.editor-pro .with-palette .view-dock{left:calc(148px + (100% - 438px)/2)}.editor-pro .context-dock{max-width:calc(100% - 490px)}.editor-pro .editor-layout.with-palette{--preview-palette-space: 302px}}@media(max-width:900px){.editor-pro .view-dock,.editor-pro .with-palette .view-dock{left:156px;transform:none}}@media(max-width:800px){.editor-pro .details-panel{width:250px}.editor-pro .with-palette .canvas-bottom{right:266px}.editor-pro .context-dock{max-width:calc(100% - 410px)}.editor-pro .editor-layout.with-palette{--preview-palette-space: 12px}}@media(max-width:800px){.editor-simple .workspace-split .workspace-preview-panel,.editor-pro .workspace-split .workspace-preview-panel{top:58%;bottom:8px}}@media(max-width:1150px){.editor-pro .view-dock,.editor-pro .with-palette .view-dock{left:164px;transform:none}.editor-pro .canvas-bottom{bottom:90px}}@media(max-width:950px){.editor-simple .view-dock{max-width:calc(100% - 92px);flex-wrap:wrap}.editor-simple .with-palette .view-dock{max-width:calc(100% - 358px)}.editor-pro .view-dock{max-width:calc(100% - 180px);flex-wrap:wrap}.editor-pro .with-palette .view-dock{max-width:calc(100% - 446px)}.editor-simple .canvas-bottom,.editor-pro .canvas-bottom{bottom:134px}}@media(min-width:801px){.editor-simple .workspace-split .canvas-bottom,.editor-simple .workspace-split.with-palette .canvas-bottom,.editor-pro .workspace-split .canvas-bottom,.editor-pro .workspace-split.with-palette .canvas-bottom{right:12px;bottom:44px}.workspace-split .zoom-controls{flex-direction:column}.workspace-split .zoom-controls>i{width:18px;height:1px}.editor-simple .workspace-split .view-dock,.editor-simple .workspace-split.with-palette .view-dock,.editor-pro .workspace-split .view-dock,.editor-pro .workspace-split.with-palette .view-dock{left:72px;right:80px;bottom:44px;max-width:none;transform:none;flex-wrap:wrap;justify-content:center}.editor-pro .workspace-split .view-dock,.editor-pro .workspace-split.with-palette .view-dock{left:184px}}.simple-file-actions .button{gap:6px}.simple-file-actions .button.simple-publish{border-color:var(--m-accent-border);color:var(--m-accent-ink);background:var(--m-accent-soft)}.simple-file-actions .button.simple-publish:hover{border-color:var(--m-accent)}@media(max-width:1280px){.simple-file-actions .simple-pdf{width:36px;padding:0}.simple-file-actions .simple-pdf>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.editor-pro .panel-motifs{margin-top:16px;padding-top:14px;border-top:1px solid var(--m-line)}.editor-pro .panel-section-title{margin-bottom:8px}.editor-simple .panel-tabs{gap:14px;padding:0 14px}.editor-simple .details-panel,.editor-pro .details-panel{overflow-x:hidden}.editor-phone.editor-simple .project-tabs{gap:4px;padding:0 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.editor-phone .project-tabs::-webkit-scrollbar{display:none}.editor-phone .project-tabs>*{flex-shrink:0}.editor-phone .tabs-label,.editor-phone .mode-switch{display:none}.editor-phone.editor-simple .tabs-library{order:0;padding:8px}.editor-phone.editor-simple .tabs-library>span{display:none}.editor-phone.editor-simple .tabs-library svg{display:block;width:20px;height:20px}.editor-phone.editor-simple .tabs-scroll{flex:0 1 auto;max-width:34vw}.editor-phone.editor-simple .new-tab{margin-right:auto}.editor-phone.editor-simple .simple-file-actions{order:4;margin-left:0;padding-left:0;border-left:0}.editor-phone.editor-simple .simple-file-actions .button.primary{padding:0 14px}.editor-phone.editor-simple .tabs-quick-actions{order:5}.editor-phone .quick-more>summary{width:40px;height:40px;padding:0;justify-content:center}.editor-phone .quick-more>summary .menu-disclosure-label,.editor-phone .quick-more>summary .menu-disclosure-chevron{display:none}.editor-phone .quick-more>.menu-disclosure-panel{position:fixed;top:calc(var(--account-bar-h, 44px) + 56px);left:8px;right:8px;min-width:0;max-height:calc(100dvh - var(--account-bar-h, 44px) - 72px);overflow-y:auto;padding:8px;border-radius:18px}.editor-phone.editor-simple .quick-more>.menu-disclosure-panel .tab-action-btn{height:48px;min-height:48px!important;font-size:14px!important;gap:12px}.editor-phone .quick-more-divider{display:block;height:1px;margin:4px 6px;background:var(--m-line)}.editor-phone.editor-simple .simple-toolbar{gap:8px;padding:0 8px}.editor-phone.editor-simple .tools-panel{z-index:5;inset:auto 0 0;width:auto;height:64px;flex-direction:row;align-items:center;gap:4px;padding:0 8px;border-right:0;border-top:1px solid var(--m-line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.editor-phone .tools-panel::-webkit-scrollbar{display:none}.editor-phone .tool-list,.editor-phone .tool-transforms{flex-direction:row;width:auto;flex-shrink:0}.editor-phone.editor-simple .tool-list{gap:1px}.editor-phone.editor-simple .tool-button{width:54px;max-width:54px;height:54px;min-height:54px;flex-direction:column;gap:3px;border-radius:14px}.editor-phone .tool-button>.tool-label,.editor-phone .phone-threads-button .tool-label{display:block;font-size:10.5px;font-weight:600;line-height:1;white-space:nowrap}.editor-phone.editor-simple .tool-divider{width:1px;height:32px;margin:0 4px}.editor-phone.editor-simple .tool-transforms{margin:0 0 0 4px;padding:0 0 0 8px;border-top:0;border-left:1px solid var(--m-line)}.editor-phone.editor-simple .tool-transforms .icon-button{width:40px;height:44px}.phone-threads-button{order:-1;flex-shrink:0;width:56px;height:54px;margin-right:4px;padding:0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--m-ink)}.phone-threads-button>span:first-child{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 3px var(--m-surface),0 0 0 5px var(--m-accent)}.phone-threads-button[aria-pressed=true]{background:var(--m-accent-soft);color:var(--m-accent-ink)}.editor-phone.editor-simple .details-panel{z-index:5;inset:auto 0 64px;width:auto;height:42dvh;padding-bottom:16px;border-left:0;border-top:1px solid var(--m-line);border-radius:20px 20px 0 0;box-shadow:0 -10px 28px #3c2d1924;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s}.editor-phone.editor-simple .details-panel.is-hidden{display:flex;visibility:hidden;transform:translateY(calc(100% + 72px));transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}.editor-phone.editor-simple .panel-tabs{gap:12px;padding:10px 14px 0;border-radius:20px 20px 0 0}.editor-phone .panel-tabs:before{content:"";position:absolute;top:5px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#d6cdbb}.editor-phone .panel-tabs .panel-close{display:grid;place-items:center;width:44px;margin:0 -8px 0 auto;border-bottom:0;color:var(--m-icon)}.editor-phone .panel-threads{display:flex;flex-direction:column}.editor-phone .details-panel .section-label{display:none}.editor-phone.editor-simple .context-dock,.editor-phone.editor-simple .editor-layout:not(.with-palette) .context-dock{top:56px;left:8px;max-width:calc(100% - 162px)}.editor-phone.editor-simple .canvas-bottom,.editor-phone.editor-simple .with-palette .canvas-bottom{top:56px;right:8px;bottom:auto}.editor-phone .zoom-controls>span,.editor-phone .zoom-controls>i{display:none}.editor-phone.editor-simple .view-dock,.editor-phone.editor-simple .with-palette .view-dock{left:8px;right:8px;bottom:72px;width:auto;max-width:none;transform:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.editor-phone .view-dock::-webkit-scrollbar{display:none}.editor-phone .view-dock>*{flex-shrink:0}.editor-phone.editor-simple .with-palette .view-dock{display:none}.editor-phone .context-dock,.editor-phone .canvas-bottom,.editor-phone .view-dock{z-index:4}.editor-phone .context-group-label,.editor-phone .context-tool-text small{display:none}.editor-phone .context-tool{padding:4px 10px 4px 4px}.editor-phone .context-tool-icon{width:28px;height:28px}.editor-phone .context-group{padding:5px 10px}.editor-phone .status-bar{display:none}.editor-phone.editor-simple .workspace-preview-panel{bottom:8px}.editor-phone.editor-simple .workspace-split .workspace-preview-panel{bottom:72px}.phone-gesture-hint{position:absolute;z-index:4;left:8px;right:8px;bottom:124px;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:16px;background:var(--m-ink);color:var(--m-surface);font-size:13px;line-height:1.4;box-shadow:0 8px 24px #2f3a3140}.phone-gesture-hint>span{flex-grow:1}.phone-gesture-hint>button{min-width:48px;height:44px;border-radius:12px;color:var(--m-accent-soft);font-weight:700}.editor-phone .with-palette .phone-gesture-hint{display:none}