:-webkit-any(.studio-shell:-webkit-full-screen,.studio-shell.fullscreen-active){background:var(--panel,#ece9e1);width:100vw;height:100dvh}:is(.studio-shell:fullscreen,.studio-shell.fullscreen-active){background:var(--panel,#ece9e1);width:100vw;height:100dvh}.studio-shell.app-fullscreen{z-index:900;padding-top:env(safe-area-inset-top);position:fixed;inset:0}html.tegaki-native-canvas .studio-shell.app-fullscreen{background:0 0}body:has(.studio-shell.app-fullscreen) .global-header{visibility:hidden}.studio-shell:-webkit-full-screen::backdrop{background:var(--panel,#ece9e1)}.studio-shell:fullscreen::backdrop{background:var(--panel,#ece9e1)}.studio-fullscreen-button,.studio-symmetry-button,.studio-mask-button{white-space:nowrap;gap:6px}.studio-fullscreen-button.active{color:#9d3d22;background:#e56b451a;border-color:#e56b4573}.studio-pen-only-button.active,.studio-symmetry-button.active,.studio-mask-button.active{color:#006c71;background:#087d821a;border-color:#087d8273}.layer-feature-toggles{border-bottom:1px solid #1e1d1a14;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;display:grid}.layer-feature-toggles button{min-height:30px;color:inherit;background:#ffffffb3;border:1px solid #1e1d1a1f;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:11px;display:inline-flex}.layer-feature-toggles button.active{color:#a73f22;background:#e56b451f;border-color:#e56b45}.layer-feature-toggles button.clipping.active{color:#275d9b;background:#497ebd1f;border-color:#497ebd}.layer-group-row{background:#2d2b260e;border-bottom:1px solid #1e1d1a14;grid-template-columns:44px 24px 44px 44px minmax(0,1fr) 24px 44px 44px;align-items:center;gap:3px;min-height:43px;padding:4px 7px;display:grid;position:relative}.layer-group-row>button,.revision-section button{color:inherit;background:0 0;border:0}.layer-group-row.locked{opacity:.68}.layer-group-row .layer-name,.layer-row .layer-name{min-width:0}.layer-row{grid-template-columns:44px 44px 44px minmax(0,1fr) 44px 44px}.layer-select{width:100%;min-height:48px;color:inherit;cursor:pointer;align-self:stretch}.layer-name strong{font-size:12px}.layer-name small{font-size:10px}.layer-folder-select{text-align:left;cursor:pointer;align-self:stretch;padding:0}:is(.layer-select:focus-visible,.layer-folder-select:focus-visible,.layer-more-button:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.layer-action-hint{color:#837d73;letter-spacing:0;margin-left:auto;font-size:10px;font-weight:650}.layer-action-menu{align-self:stretch;place-items:center;display:grid;position:relative}.layer-more-button{color:#6f6961;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:44px;min-height:44px;padding:0;display:grid}.layer-more-button:hover,.layer-more-button[aria-expanded=true]{color:#2f2c27;background:#dfdbd2}.layer-list .layer-delete-button{color:#a0392c;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:44px;min-height:44px;padding:0;display:grid}.layer-list .layer-delete-button:hover:not(:disabled){background:#f8e8e4}.layer-list .layer-delete-button:focus-visible{outline-offset:-2px;outline:2px solid #a0392c}.layer-list .layer-delete-button:disabled{opacity:.36;cursor:default}.layer-row.menu-open,.layer-group-row.menu-open{z-index:12;background:#fffdf8;border-color:#c9c3b8}.layer-action-popover{z-index:35;background:#fffdf8;border:1px solid #c9c3b8;border-radius:9px;width:min(230px,100vw - 34px);padding:5px;display:grid;position:absolute;top:calc(100% - 3px);right:0;box-shadow:0 14px 34px #2a261f38}.layer-action-popover>button{color:#3f3a34;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:40px;padding:5px 8px;display:grid}.layer-action-popover>button:hover:not(:disabled){background:#efebe3;outline:0}.layer-action-popover>button:focus-visible{background:#efebe3;outline:0}.layer-action-popover>button:disabled,.layer-action-move button:disabled{opacity:.36;cursor:default}.layer-action-popover>button>svg{justify-self:center}.layer-action-popover strong,.layer-action-popover small{display:block}.layer-action-popover strong{font-size:12px;line-height:1.3}.layer-action-popover small{color:#817a71;margin-top:2px;font-size:10px;line-height:1.3}.layer-action-popover>button.destructive{color:#a0392c}.layer-action-popover>button.destructive:hover:not(:disabled){background:#f8e8e4}.layer-action-popover>button.destructive:focus-visible{background:#f8e8e4}.layer-action-move{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:4px;display:grid}.layer-action-move button{color:#5c564e;cursor:pointer;background:#f4f1eb;border:1px solid #ddd7ce;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:34px;font-size:11px;font-weight:700;display:inline-flex}.layer-action-move button:hover:not(:disabled){background:#fff;border-color:#bdb5aa;outline:0}.layer-action-move button:focus-visible{background:#fff;border-color:#bdb5aa;outline:0}.layer-action-separator{background:#e2ddd4;height:1px;margin:4px 5px}.eraser-contact-cursor{z-index:25;box-sizing:border-box;border:var(--cursor-outline,1px) solid #222;box-shadow:inset 0 0 0 var(--cursor-outline,1px) white;pointer-events:none;transform-origin:50%;position:absolute;top:0;left:0}.eraser-contact-cursor[hidden]{display:none}.brush-size-preview{z-index:26;box-sizing:border-box;background:color-mix(in srgb, var(--brush-preview-color) 14%, transparent);pointer-events:none;border:1px solid #fffffff2;border-radius:50%;outline:1px solid #181714eb;min-width:1px;min-height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 22px #1817141f}.brush-size-preview.eraser{background:#fffdf82e;border-style:dashed}.brush-size-preview>span{color:#fffdf8;white-space:nowrap;min-width:max-content;transform:translate(-50%, calc(-100% - var(--brush-preview-label-offset,18px)));background:#1e1d1ad1;border:1px solid #ffffff3d;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:750;line-height:1;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #1817142e}.layer-drag-handle{color:#aaa49a;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-self:stretch;place-items:center;width:44px;min-height:44px;display:grid}.layer-drag-handle:active{cursor:grabbing}.layer-row.locked .layer-drag-handle,.layer-group-row.locked .layer-drag-handle{color:#cbc5bb;cursor:not-allowed}.layer-row.layer-dragging,.layer-group-row.layer-dragging{opacity:.42}.layer-row.drop-before:before,.layer-group-row.drop-before:before,.layer-row.drop-after:after,.layer-group-row.drop-after:after{z-index:4;content:"";pointer-events:none;background:#e56b45;border-radius:999px;height:2px;position:absolute;left:3px;right:3px;box-shadow:0 0 0 1px #ffffffe0}.layer-row.drop-before:before,.layer-group-row.drop-before:before{top:-3px}.layer-row.drop-after:after,.layer-group-row.drop-after:after{bottom:-3px}.layer-row.grouped{border-left:2px solid #497ebd59;margin-left:18px}.layer-row.clipped{box-shadow:inset 3px 0 #497ebd}.revision-section>p{color:#777167;margin:0;padding:8px 10px 5px;font-size:11px;line-height:1.45}.revision-section .section-heading>span{align-items:center;gap:5px;display:inline-flex}.revision-list{gap:4px;padding:4px 8px 10px;display:grid}.revision-list>div{background:#ffffff8c;border:1px solid #1e1d1a17;border-radius:7px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;display:grid}.revision-list>div>button:first-child{text-align:left;justify-items:start;gap:1px;padding:7px 8px;display:grid}.revision-list strong{font-size:11px}.revision-list small,.revision-empty{color:#777167;font-size:10px}.revision-empty{padding:8px 10px 12px;display:block}@media (max-width:760px){.studio-symmetry-button .symmetry-button-label,.studio-mask-button .mask-button-label{display:none}.studio-fullscreen-button,.studio-pen-only-button{justify-content:center;width:34px;padding:0}.studio-fullscreen-button span,.studio-pen-only-button span{display:none}}@media (max-width:900px){.document-actions>.studio-fullscreen-button,.document-actions>.studio-pen-only-button,.studio-mask-button .mask-button-label{display:none}}.canvas-sheet.transparent-background{background-color:#fff;background-image:linear-gradient(45deg,#d9d9d9 25%,#0000 25%),linear-gradient(-45deg,#d9d9d9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d9d9d9 75%),linear-gradient(-45deg,#0000 75%,#d9d9d9 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.new-canvas-backdrop{z-index:120}.new-canvas-dialog{z-index:2;background:#fbfaf7;border:1px solid #c8c2b8;border-radius:14px;width:min(720px,100vw - 28px);max-height:min(820px,100dvh - 28px);padding:24px;position:relative;overflow:auto;box-shadow:0 28px 80px #18161347}.new-canvas-lead{color:#68635b;margin:4px 0 18px;font-size:13px;line-height:1.65}.canvas-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.canvas-preset-grid>button{color:#27241f;text-align:left;cursor:pointer;background:#fff;border:1px solid #d6d0c7;border-radius:9px;grid-template-rows:72px auto auto;gap:6px;min-width:0;padding:12px;display:grid}.canvas-preset-grid>button:hover,.canvas-preset-grid>button.active{border-color:#e3543b;box-shadow:0 0 0 2px #e3543b1f}.canvas-preset-grid>button>span{background:#fffdf8;border:1px solid #bcb6ad;place-self:center;max-width:72px;height:54px;box-shadow:0 3px 8px #221f1a1f}.canvas-preset-grid strong{font-size:13px}.canvas-preset-grid small{color:#777168;font-size:10px;line-height:1.45}.canvas-custom-grid{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;margin-top:18px;display:grid}.canvas-custom-grid label>span,.canvas-background-choice legend{color:#676159;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.canvas-custom-grid label>div{background:#fff;border:1px solid #d0cbc2;border-radius:7px;align-items:center;height:40px;display:flex;overflow:hidden}.canvas-custom-grid input{width:100%;min-width:0;font:inherit;border:0;outline:0;padding:0 8px;font-weight:700}.canvas-custom-grid em{color:#8c867d;padding-right:8px;font-size:10px;font-style:normal}.swap-canvas-size{cursor:pointer;background:#fff;border:1px solid #d0cbc2;border-radius:7px;place-items:center;width:36px;height:40px;display:grid}.canvas-background-choice{border:0;gap:8px;margin:16px 0 0;padding:0;display:flex}.canvas-background-choice legend{width:100%}.canvas-background-choice button{cursor:pointer;background:#fff;border:1px solid #d0cbc2;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:7px 12px;display:flex}.canvas-background-choice button.active{border-color:#e3543b;box-shadow:0 0 0 2px #e3543b1c}.canvas-background-choice button span{border:1px solid #bdb7ae;width:22px;height:22px}.paper-swatch{background:#fffdf8}.transparent-swatch{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.new-canvas-summary{color:#676159;background:#efede8;border-radius:7px;justify-content:space-between;margin-top:15px;padding:9px 11px;font-size:11px;display:flex}.new-canvas-error,.new-canvas-warning{margin:10px 0 0;font-size:11px}.new-canvas-error{color:#a83d2c}.new-canvas-warning{color:#74523b;align-items:center;gap:7px;display:flex}.new-canvas-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.new-canvas-actions button{cursor:pointer;background:#fff;border:1px solid #cec8bf;border-radius:7px;min-height:42px;padding:0 16px}.new-canvas-actions button.primary{color:#fff;background:#24211d;border-color:#24211d;align-items:center;gap:7px;font-weight:700;display:flex}.new-canvas-actions button:disabled{opacity:.45;cursor:not-allowed}.work-pages-button{color:#47423b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d2ccc3;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;height:30px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.work-pages-button:disabled{opacity:.45;cursor:default}.project-library-button{color:#47423b;cursor:pointer;background:#fff;border:1px solid #d2ccc3;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.project-library-backdrop{z-index:118}.project-library-dialog{z-index:2;background:#fbfaf7;border:1px solid #c8c2b8;border-radius:14px;width:min(780px,100vw - 28px);max-height:min(780px,100dvh - 28px);padding:24px;position:relative;overflow:auto;box-shadow:0 28px 80px #18161347}.project-library-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:6px 0 18px;display:flex}.project-library-toolbar p{color:#68635b;margin:0;font-size:12px;line-height:1.55}.project-library-toolbar button{color:#fff;cursor:pointer;background:#24211d;border:0;border-radius:7px;flex:none;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-weight:700;display:flex}.project-library-list{gap:8px;display:grid}.project-library-list article{background:#fff;border:1px solid #d9d3ca;border-radius:9px;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.project-library-list article.current{border-color:#e3543b;box-shadow:0 0 0 2px #e3543b1a}.project-preview-placeholder{cursor:pointer;background:#d2cfc9;border:0;border-radius:6px;place-items:center;width:78px;height:62px;padding:5px;display:grid}.project-preview-placeholder span{color:#a39b90;background:#fffdf8;border:1px solid #c7c0b6;place-items:center;max-width:66px;max-height:52px;display:grid}.project-preview-placeholder canvas{background-color:#fffdf8;background-image:linear-gradient(45deg,#e8e5df 25%,#0000 25%),linear-gradient(-45deg,#e8e5df 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e5df 75%),linear-gradient(-45deg,#0000 75%,#e8e5df 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #c7c0b6;max-width:66px;max-height:52px;display:none;box-shadow:0 2px 5px #221f1a1a}.project-preview-placeholder.ready canvas{display:block}.project-library-info{min-width:0}.project-library-info>strong{color:#28241f;margin:0 5px;font-size:13px;display:block}.project-library-info input{color:#28241f;background:0 0;border:1px solid #0000;border-radius:5px;width:100%;padding:4px 5px;font-size:13px;font-weight:750}.project-library-info input:focus{background:#fff;border-color:#c7c0b6;outline:0}.project-library-info small{color:#777168;margin:3px 5px 0;font-size:10px;display:block}.project-library-actions{gap:5px;display:flex}.project-library-actions button{color:#454039;cursor:pointer;background:#fff;border:1px solid #d2ccc3;border-radius:6px;place-items:center;min-width:34px;height:34px;padding:0 9px;font-size:10px;font-weight:700;display:grid}.project-library-actions button:disabled{opacity:.4;cursor:not-allowed}.project-library-empty{color:#777168;text-align:center;place-items:center;min-height:240px;display:grid}.project-library-empty strong{color:#312d27;margin-top:10px}.project-library-empty p{margin:6px 0 0;font-size:11px}.project-library-trash{border-top:1px solid #ddd7ce;margin-top:18px;padding-top:12px}.project-library-trash>summary{color:#625d55;cursor:pointer;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:750;display:flex}.project-library-trash .project-preview-placeholder{cursor:default;opacity:.72}.save-brush-preset{color:#4d4841;cursor:pointer;background:#fff;border:1px solid #d3cdc4;border-radius:5px;align-items:center;gap:4px;min-height:26px;padding:0 7px;font-size:9px;font-weight:700;display:inline-flex}.brush-preset-strip{overscroll-behavior-y:contain;grid-template-columns:minmax(0,1fr);gap:4px;max-height:356px;margin-bottom:13px;padding:2px 4px 2px 2px;display:grid;overflow-y:auto}.brush-preset-strip>div{background:#fff;border:1px solid #d6d0c7;border-radius:7px;min-width:0;position:relative}.brush-preset-strip>div.active{border-color:#e3543b;box-shadow:0 0 0 2px #e3543b1a}.brush-preset-strip>div.modified{border-style:dashed}.brush-preset-apply{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;width:100%;min-height:44px;padding:5px 30px 5px 7px;display:grid}.brush-preset-apply>span:last-child{min-width:0}.brush-preset-apply strong,.brush-preset-apply small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brush-preset-apply strong{font-size:11px}.brush-preset-apply small{color:#716c64;margin-top:3px;font-size:9px}.brush-preset-strip .favorite{color:#aaa39a;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:4px;right:4px}.brush-preset-strip .favorite.active{color:#e09521}.brush-settings-heading{border-top:1px solid #ddd7cd;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 8px;padding-top:10px;display:flex}.brush-settings-heading>span{flex-wrap:wrap;align-items:baseline;gap:4px 7px;min-width:0;display:flex}.brush-settings-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.brush-settings-heading small{color:#787168;font-size:10px}.brush-settings-reset{color:#625b51;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:4px 7px;font-size:10px;display:inline-flex}.brush-settings-reset:hover:not(:disabled){background:#eeebe4;border-color:#d3cdc4}.brush-settings-reset:disabled{color:#888177;opacity:.65;cursor:default}:is(.brush-settings-reset:focus-visible,.brush-preset-apply:focus-visible){outline:2px solid var(--accent);outline-offset:1px}@media (max-width:680px){.new-canvas-dialog{padding:18px}.canvas-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-custom-grid{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.canvas-custom-grid label:last-child{grid-column:1/-1}.project-library-dialog{padding:17px}.project-library-toolbar{flex-direction:column;align-items:stretch}.project-library-toolbar button{justify-content:center}.project-library-list article{grid-template-columns:62px minmax(0,1fr)}.project-preview-placeholder{width:62px;height:54px}.project-library-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-height:500px) and (orientation:landscape) and (max-width:1000px){.tool-rail .rail-quick-group{z-index:4;background:#f7f5f0;border-block:1px solid #d7d1c8;padding:5px 0;position:sticky;bottom:47px;box-shadow:0 -7px 12px #f7f5f0f5}.tool-rail .rail-panel-toggle{z-index:5;background:#f7f5f0;flex:0 0 38px;position:sticky;bottom:0}}.inspector{flex-direction:column;display:flex}.inspector[hidden]{display:none}.tool-stroke-settings{border:0;min-width:0;margin:0;padding:0}.tool-stroke-settings:disabled{opacity:.5}.tool-settings-section .section-heading{gap:8px}.tool-settings-section .section-heading>span{min-width:0}.tool-settings-section .section-heading>button{white-space:nowrap;flex:none;width:auto;height:auto}.tool-settings-section button,.tool-setting-actions button{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);border-radius:6px;padding:6px 8px;font-size:12px}.tool-settings-section button[aria-pressed=true]{color:#126962;background:#e3f0eb}.tool-setting-actions{flex-wrap:wrap;gap:6px;display:flex}.inspector .advanced-edit-controls{background:0 0;border:0;flex-wrap:wrap;gap:10px;max-height:none;margin:0;padding:0;display:flex;overflow:visible}.inspector .advanced-edit-controls>label{flex-wrap:wrap;width:100%;min-width:0;display:flex}.inspector .advanced-edit-controls select{min-width:0;max-width:100%;min-height:40px}.inspector .advanced-edit-controls input[type=range]{flex:1;width:auto;min-width:60px}.inspector .advanced-edit-controls small{line-height:1.6}.inspector .selection-controls{max-width:100%;max-height:none;box-shadow:none;background:0 0;border:0;padding:0;position:static}.inspector .selection-summary,.inspector .selection-actions{flex-wrap:wrap;gap:8px;display:flex}.inspector .selection-numeric-transform input{max-width:100%}.tool-settings-section .section-heading,.tool-settings-section .advanced-edit-controls{font-size:14px}.inspector .tool-settings-section{position:relative}.inspector .tool-property-heading{min-height:44px;margin-bottom:8px;padding-right:44px}.inspector .tool-property-heading .tool-property-select{text-align:left;white-space:normal;background:0 0;border-color:#0000;align-items:center;gap:8px;width:auto;min-width:0;min-height:44px;padding:6px 8px;font-size:14px;font-weight:600;display:inline-flex}.inspector .tool-property-select[aria-pressed=true]{color:#126962;background:#e3f0eb}.inspector .tool-property-select svg{flex-shrink:0}.inspector .tool-settings-section button:focus-visible{outline-offset:2px;outline:2px solid #126962}.inspector .property-segments{gap:4px;width:100%;min-width:0;display:flex}.inspector .property-segments button{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:52px;padding:6px 4px;font-size:14px;display:flex}.inspector .property-segments button[aria-pressed=true]{border-color:#126962;box-shadow:inset 0 -2px #126962}.inspector .property-choice-row{align-items:center;gap:12px;width:100%;display:flex}.inspector .property-choice-row>span{flex-shrink:0}.inspector .tool-setting-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.inspector .tool-setting-actions button,.inspector .tool-icon-action{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-height:44px;font-size:14px;display:flex}.inspector .selection-summary{padding-right:0}.inspector .selection-modes{width:100%;display:flex}.inspector .selection-modes button{flex:1;min-height:44px;font-size:14px}.inspector .selection-guidance{padding-right:0;font-size:14px}.inspector .selection-match{width:100%}.inspector>.inspector-section{flex:none;width:100%}.studio-quick-dock,.studio-quick-popover{display:none}.studio-top-controls{z-index:44;width:max-content;max-width:calc(100% - 20px);box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:0;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.history-button{min-width:44px;min-height:44px}.ruler-settings{gap:10px;display:grid}.ruler-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.ruler-lock-button,.mask-create-button,.gradient-swap{border:1px solid var(--line);background:#f7f5f0;border-radius:7px;min-height:44px}.ruler-lock-button.active{color:#126962;background:#e3f0eb;border-color:#126962}.ruler-overlay{z-index:16;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ruler-overlay line,.ruler-overlay ellipse{fill:none;stroke:#0d8077;stroke-width:2px;stroke-dasharray:10 7;vector-effect:non-scaling-stroke}.ruler-overlay.locked{opacity:.56}.ruler-overlay.editing{pointer-events:auto}.ruler-handle{fill:#fff;stroke:var(--edit-accent);stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:auto;cursor:move}.fill-type-settings,.layer-mask-settings{gap:10px;display:grid}.layer-thumbnail-pair{align-items:center;gap:3px;min-width:49px;display:flex}.layer-thumbnail-pair:has(.mask-thumbnail-button){min-width:78px}.mask-thumbnail-button{border:2px solid #0000;padding:0;display:grid;position:relative}.mask-thumbnail-button.active{border-color:#126962}.mask-thumbnail-button.disabled{opacity:.48}.mask-thumbnail-button.disabled:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 46%,#9b4237 47% 53%,#0000 54%);position:absolute;inset:0}.mask-miniature{background:#fff;width:32px;height:37px}.layer-select:has(.mask-thumbnail-button){grid-template-columns:minmax(76px,auto) minmax(0,1fr) 8px}.transform-preview-overlay{z-index:25;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.transform-preview-overlay polygon,.transform-preview-overlay line{fill:#0f736a18;stroke:var(--edit-accent);stroke-width:2px;stroke-dasharray:8 5;vector-effect:non-scaling-stroke}.transform-preview-overlay circle{fill:#fff;stroke:var(--edit-accent);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:move}.transform-confirm-controls{z-index:27;pointer-events:auto;gap:7px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.transform-confirm-controls button{background:#fffdf8;border:1px solid #9b968d;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:0 16px;display:flex;box-shadow:0 4px 16px #27241d30}.transform-confirm-controls>button:last-child,.edit-confirm{border-color:var(--edit-confirm)!important;background:var(--edit-confirm)!important;color:#fff!important}.transform-methods{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.mesh-divisions{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.canvas-handle-hit{pointer-events:all;cursor:move;fill:#0000!important;stroke:none!important}.ruler-handle,.canvas-transform-handle>circle:not(.canvas-handle-hit){pointer-events:none}.studio-top-controls.with-properties{width:min(840px,100% - 20px)}.mask-paint-mode{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f9f7f2f0;border:1px solid #5f5a5147;border-radius:8px;flex:none;align-items:stretch;height:44px;display:flex;overflow:hidden;box-shadow:0 2px 8px #2725221f}.mask-paint-mode>strong{border-right:1px solid var(--line);color:#514d46;white-space:nowrap;align-items:center;gap:5px;padding:0 9px;font-size:11px;display:flex}.mask-paint-choices{display:flex}.mask-paint-mode button{border:0;border-right:1px solid var(--line);min-width:66px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:700;display:flex}.mask-paint-mode button.active{color:#0d665f;background:#dceee9;box-shadow:inset 0 -3px #12756c}.mask-paint-mode .mask-image-return{border-right:0;width:auto;min-width:44px;padding:0 10px}.mask-paint-mode button:focus-visible{outline-offset:-2px;outline:2px solid #126962}.ruler-bar-dock{z-index:44;max-width:calc(100% - 20px);position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ruler-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f9f7f2f0;border:1px solid #5f5a5147;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:stretch;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #2725221f}.ruler-bar .ruler-bar-name{color:#514d46;gap:6px;padding:0 10px}.ruler-bar-name strong{color:var(--ink);font-size:12px;font-weight:700}.ruler-bar-name svg:last-child{color:#6b665d}.ruler-kind-menu{border:1px solid var(--line);background:var(--paper-bright);border-radius:9px;gap:2px;min-width:168px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0003}.ruler-kind-menu button{min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:13px;display:flex}.ruler-kind-menu button[aria-checked=true]{color:#126962;background:#e3f0eb;font-weight:700}.ruler-kind-menu button:focus-visible{outline-offset:-2px;outline:2px solid #126962}.ruler-bar button{border:0;border-right:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.ruler-bar button b{font-weight:800}.ruler-bar button.active{color:#0d665f;background:#dceee9;box-shadow:inset 0 -3px #12756c}.ruler-bar .ruler-bar-done{color:#fff;background:#12756c}.ruler-bar .ruler-bar-off{color:#6b665d;border-right:0}.ruler-bar button:focus-visible{outline-offset:-2px;outline:2px solid #126962}.ruler-bar-hint{contain:inline-size;border-top:1px solid var(--line);color:#6b665d;text-align:center;flex:1 0 100%;padding:4px 10px 6px;font-size:11px}.mask-edit-target button:disabled{opacity:.45;cursor:not-allowed}.mask-setting-toggles{grid-template-columns:1fr 1fr;gap:7px;display:grid}.mask-setting-toggles>button,.mask-create-options>button,.mask-create-alternatives .mask-create-button{border:1px solid var(--line);min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:#f7f5f0;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;display:flex}.mask-setting-toggles>button.active{color:#126962;background:#e3f0eb;border-color:#126962}.mask-setting-toggles span,.mask-create-options span{gap:2px;min-width:0;display:grid}.mask-setting-toggles strong,.mask-create-options strong{font-size:13px}.mask-setting-toggles small,.mask-create-options small{color:var(--muted);font-size:11px;line-height:1.3}.mask-create-options{gap:7px;display:grid}.mask-create-options>button{width:100%;margin:0}.mask-create-options>button:disabled{opacity:.48;cursor:not-allowed}.mask-create-intro{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.mask-create-options>.mask-create-button.primary{color:#fff;background:#126962;border-color:#126962}.mask-create-options>.mask-create-button.primary small{color:#ffffffc7}.mask-create-alternatives{border-top:1px solid var(--line);padding-top:4px}.mask-create-alternatives summary{color:#56514a;cursor:pointer;align-items:center;gap:6px;min-height:36px;font-size:12px;font-weight:700;list-style:none;display:flex}.mask-create-alternatives summary::-webkit-details-marker{display:none}.mask-create-alternatives summary:before{content:"＋";text-align:center;width:18px;font-size:15px}.mask-create-alternatives[open] summary:before{content:"−"}.mask-create-alternatives>div{gap:7px;padding-top:3px;display:grid}.mask-create-alternatives .mask-create-button{width:100%;margin:0}.mask-create-alternatives .mask-create-button:disabled{opacity:.48;cursor:not-allowed}.mask-help-note{color:#3c514c;background:#edf4f1;border-radius:7px;margin:0;padding:9px 10px;font-size:12px;line-height:1.55}.studio-top-properties{flex:auto;justify-content:center;align-items:center;gap:18px;min-width:0;display:flex}.studio-top-properties.single{flex:0 390px}.top-property{color:#4f4b44;text-shadow:0 1px 2px #fffffff5;flex:1 1 0;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;display:flex}.top-property>span:first-child{white-space:nowrap;flex:none}.top-property>input[type=range]{box-sizing:border-box;accent-color:#292722;touch-action:none;cursor:pointer;filter:drop-shadow(0 1px 1px #ffffffeb);flex:120px;width:auto;min-width:54px;height:44px;min-height:44px;margin:-7px 0;padding-block:7px}:where(.studio-shell input[type=range]){accent-color:#292722}:where(.studio-shell input[type=checkbox]){accent-color:#126962}.studio-shell input[type=range]{touch-action:none}.studio-shell .range-control input[type=range],.studio-shell .layer-opacity input[type=range]{box-sizing:border-box;touch-action:none;cursor:pointer;height:44px;min-height:44px;padding-block:7px}:is(.studio-shell .top-property>input[type=range]:focus-visible,.studio-shell .range-control input[type=range]:focus-visible,.studio-shell .layer-opacity input[type=range]:focus-visible){outline-offset:-3px;border-radius:999px;outline:2px solid #087d82}@media (pointer:coarse){.studio-shell .top-property>input[type=range],.studio-shell .range-control input[type=range],.studio-shell .layer-opacity input[type=range]{height:48px;min-height:48px;padding-block:9px}.studio-shell .top-property>input[type=range]{margin-block:-9px}}.top-property-value{flex:none;justify-content:flex-end;align-items:center;min-width:49px;height:30px;display:inline-flex}.top-property-value input{color:#292722;width:34px;height:100%;font:inherit;font-variant-numeric:tabular-nums;text-align:right;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:0;outline:0;padding:0}.top-property-value input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.top-property-value input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.top-property-value em{color:#777269;font-size:12px;font-style:normal}.top-property-value:focus-within{color:#006c71;box-shadow:inset 0 -1px #087d82}.workspace-selection-settings{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f5;border:1px solid #c5d3d3;border-radius:10px;width:min(680px,100% - 20px);padding:8px 10px;position:absolute;top:10px;left:10px;box-shadow:0 6px 18px #23323424}.workspace-selection-settings>small{color:#656963;margin-top:5px;font-size:12px;display:block}@media (max-width:900px){.studio-top-controls{gap:8px;top:8px}.studio-top-controls.with-properties{width:calc(100% - 16px)}.studio-top-properties{gap:12px}.studio-top-properties.single{max-width:none}.top-property{gap:6px;font-size:12px}.top-property>input[type=range]{min-width:42px}.studio-shell .studio-quick-popover{bottom:calc(132px + env(safe-area-inset-bottom));max-height:min(52dvh,460px)}.studio-shell,.studio-shell.panel-closed{grid-template-columns:minmax(0,1fr)}.studio-shell .tool-rail{display:none}.studio-shell .workspace-column{grid-column:1;grid-template-rows:minmax(0,1fr)}.studio-shell .inspector{z-index:55;width:min(360px,100%);top:46px;bottom:0}.studio-quick-dock{z-index:45;right:50%;bottom:max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f3f5;border:1px solid #312e2833;border-radius:14px;grid-template-columns:repeat(7,minmax(0,1fr));width:min(520px,100% - 12px);min-height:58px;padding:4px;display:grid;position:absolute;transform:translate(50%);box-shadow:0 10px 34px #23201b38}.studio-quick-dock>button{color:#5e5a53;cursor:pointer;background:0 0;border:0;border-radius:10px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:50px;padding:3px 2px;display:grid;position:relative}.studio-quick-dock>button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:720;overflow:hidden}.studio-quick-dock>button.active{color:#fff;background:#292722}.dock-pen-only-label .short{display:none}.studio-quick-dock .dock-color-button i{border:2px solid #fff;border-radius:6px;width:22px;height:22px;box-shadow:0 0 0 1px #201e1b52,0 1px 3px #1e1c182e}.studio-quick-popover{z-index:48;right:50%;bottom:calc(75px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overscroll-behavior:contain;background:#fcfaf6fa;border:1px solid #312e2833;border-radius:14px;width:min(440px,100% - 16px);max-height:min(520px,100dvh - 180px);padding:10px;display:block;position:absolute;overflow:auto;transform:translate(50%);box-shadow:0 16px 48px #23201b42}.studio-quick-popover>header{z-index:2;background:#fcfaf6f7;justify-content:space-between;align-items:center;min-height:36px;margin:-10px -10px 8px;padding:8px 10px 5px;display:flex;position:sticky;top:-10px}.studio-quick-popover>header strong{font-size:13px}.studio-quick-popover>header button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.quick-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.quick-tool-grid button{color:#4f4b44;cursor:pointer;background:#fff;border:1px solid #d8d2c8;border-radius:10px;place-items:center;gap:5px;min-height:66px;padding:7px 4px;font-size:10px;font-weight:700;display:grid}.quick-tool-grid button.active{color:#fff;background:#292722;border-color:#292722}.studio-quick-popover .brush-settings-reset{min-height:44px}}.quick-layer-settings-button{color:#165f59;text-align:left;background:#edf6f3;border:1px solid #8fb9b3;border-radius:9px;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:8px;width:calc(100% - 16px);min-height:52px;margin:8px;padding:6px 10px;display:grid}.quick-layer-settings-button span,.quick-layer-settings-button strong,.quick-layer-settings-button small{min-width:0;display:block}.quick-layer-settings-button small{color:#5c726f;margin-top:2px;font-size:10px;font-weight:600}.history-button{box-sizing:border-box;height:32px;min-height:32px}.tool-rail button.ruler-enabled:not(.active){color:#0d6c65;background:#e5f2ee;border-color:#58a099}.ruler-perspective-marker{pointer-events:none}.ruler-settings button{min-height:44px}.ruler-overlay.guide-only line,.ruler-overlay.guide-only ellipse{stroke:#787e86}.ruler-vp-ring{fill:#fff;stroke:#ad4a16;stroke-width:2.5px}.ruler-vp-dot{fill:#ad4a16}.ruler-guide-square{fill:#fff;stroke:#0d8077;stroke-width:2px}.ruler-point-label{fill:#165c56;stroke:#fff;stroke-width:3px;paint-order:stroke;stroke-linejoin:round;font-size:14px;font-weight:600}.vanishing-point .ruler-point-label{fill:#923d11}.shape-settings{gap:12px;display:grid}.shape-settings>button{min-height:44px}.shape-color-swatch{border:1px solid #888;border-radius:50%;width:22px;height:22px}.inspector .shape-ratio-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:900px){.document-actions .history-button span{display:none}.document-actions .history-button{padding-inline:11px}}@media (pointer:coarse){.document-actions .quiet-button,.document-actions .history-button,.document-actions .publish-button,.document-actions .export-menu>summary{min-width:44px;height:44px;min-height:44px}.tool-rail button{width:44px;height:44px}}@media (max-width:680px) and (orientation:portrait){.studio-shell .workspace-column.with-tool-menu~.studio-quick-dock,.studio-shell .workspace-column.with-tool-menu~.studio-quick-popover{right:4px;left:calc(var(--tool-menu-width) + 4px);width:auto;transform:none}}@media (max-width:480px){.studio-top-controls.with-properties{gap:5px}.studio-top-properties{gap:6px}.top-property{gap:3px}.top-property>span:first-child{display:none}.top-property-value{min-width:43px}.mask-paint-mode>strong{display:none}.mask-paint-mode button{min-width:54px;padding-inline:6px}.mask-paint-mode .mask-image-return span{display:none}.mask-paint-mode .mask-image-return{width:44px;min-width:44px;padding:0}.quick-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-quick-dock{border-radius:12px}.studio-quick-dock>button span{font-size:8px}.dock-pen-only-label .long{display:none}.dock-pen-only-label .short{display:inline}}@media (max-height:500px) and (orientation:landscape) and (max-width:1000px){.studio-shell .workspace-column{margin-right:64px}.studio-quick-dock{top:50px;right:5px;bottom:max(5px, env(safe-area-inset-bottom));grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:minmax(0,1fr);width:54px;min-height:0;transform:none}.studio-quick-dock>button{min-height:0}.studio-quick-dock>button span{font-size:7px}.studio-quick-popover{right:68px;bottom:max(6px, env(safe-area-inset-bottom));width:min(440px,100% - 84px);max-height:calc(100dvh - 82px);transform:none}.studio-top-controls{width:auto;max-width:none;left:12px;right:76px;transform:none}}@media (max-width:900px){.studio-quick-popover>header button{width:44px;height:44px}}@media (min-width:481px) and (max-width:900px){.studio-quick-dock>button span{font-size:11px}}@media (max-height:500px) and (orientation:landscape) and (max-width:1000px){.studio-shell .studio-quick-popover{max-height:calc(100dvh - 166px);bottom:92px;right:68px}.studio-quick-dock>button span{font-size:10px}}.studio-save-error{z-index:70;color:#822a20;background:#fff2ef;border:1px solid #b84937;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;width:max-content;max-width:calc(100% - 24px);padding:10px 12px;display:flex;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0002}.studio-save-error span{flex:220px}.studio-save-error strong,.studio-save-error small{font-size:14px;display:block}.studio-save-error small{margin-top:4px;font-size:12px}.studio-save-error button{min-height:44px;color:inherit;cursor:pointer;background:#fff;border:1px solid #b84937;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.selection-match{align-items:center;gap:6px;font-size:12px;display:flex}.selection-match select{border:1px solid var(--line);max-width:150px;min-height:36px;color:var(--ink);background:#fff;border-radius:5px;padding:4px 6px;font-size:14px}.studio-shell .workspace-column.selection-active{grid-template-rows:minmax(0,1fr)}.shape-kind-controls{background:#efede7;border:1px solid #d2cdc3;border-radius:7px;align-items:center;gap:3px;padding:2px;display:flex}.shape-kind-controls button,.quick-shape-grid button{color:#55514a;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.shape-kind-controls button.active,.quick-shape-grid button.active{color:#fff;background:#24231f}.quick-shape-grid{border-top:1px solid #ddd7cd;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;padding-top:8px;display:grid}.quick-shape-grid button{background:#fff;border:1px solid #d8d2c8;min-height:44px}.selection-controls{color:#35474c;font-size:12px;position:relative}.selection-summary{flex-wrap:wrap;align-items:center;gap:5px 12px;min-height:29px;padding-right:80px;display:flex}.selection-summary strong{color:#006e92;white-space:nowrap;font-size:13px}.selection-layer-name{text-overflow:ellipsis;white-space:nowrap;max-width:min(240px,100%);overflow:hidden}.selection-actions,.selection-modes{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.selection-actions{margin-top:7px}.selection-modes{gap:0}.selection-controls button,.selection-transform-menu>summary{color:#35474c;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c9d3d4;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:36px;padding:0 9px;font-size:12px;display:inline-flex}.selection-modes button{border-radius:0;margin-right:-1px}.selection-modes button:first-child{border-radius:6px 0 0 6px}.selection-modes button:last-child{border-radius:0 6px 6px 0}.selection-controls button[aria-pressed=true]{color:#005b7a;background:#e0f2f7;border-color:#087da0;position:relative}.selection-controls button:hover:not(:disabled),.selection-controls summary:hover{background:#edf7fa}.selection-controls button:disabled{opacity:.4;cursor:default}:is(.selection-controls button:focus-visible,.selection-controls summary:focus-visible){outline-offset:2px;outline:2px solid #007fab}.selection-guidance{min-height:19px;margin:7px 0 0;padding-right:102px;font-size:11px;line-height:1.6}.selection-transform-menu>summary{list-style:none}.selection-transform-menu>summary::-webkit-details-marker{display:none}@media (max-width:900px){.studio-shell .workspace-column.selection-active{grid-template-rows:minmax(0,1fr)}.selection-summary{gap:3px 9px}.selection-controls button,.selection-transform-menu>summary{min-height:40px}}.studio-shell .workspace-hint{top:64px}.studio-shell{grid-template-rows:auto minmax(0,1fr)}.document-bar{gap:8px;min-height:52px}.document-identity{flex:1;min-width:0}.document-identity input{flex:1;width:min(190px,100%);min-width:40px}.document-identity>button{min-width:44px;min-height:44px}.document-identity input{min-height:44px}.document-actions{flex-shrink:0}.document-actions .quiet-button,.document-actions .publish-button{min-width:44px;min-height:44px}.studio-more-menu{position:relative}.publication-queue{z-index:90;position:relative}.publication-queue>button{border:1px solid var(--line);background:var(--paper-bright);border-radius:9px;min-height:44px;padding:8px 12px}.publication-queue>section{background:var(--paper-bright);border:1px solid var(--line);border-radius:10px;width:min(360px,100vw - 24px);max-height:calc(100dvh - 96px);padding:16px;position:fixed;top:72px;right:12px;overflow:auto;box-shadow:0 8px 24px #0003}.publication-queue article{border-bottom:1px solid var(--line);gap:5px;padding-block:10px;display:grid}.publication-queue button{min-height:44px}.studio-more-menu>summary{cursor:pointer;justify-content:center;align-items:center;gap:5px;list-style:none;display:flex}.studio-more-menu>summary::-webkit-details-marker{display:none}.studio-more-actions{z-index:85;background:var(--paper-bright);border:1px solid var(--line);border-radius:9px;gap:4px;width:min(280px,100vw - 24px);max-height:min(640px,100dvh - 90px);padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 8px 24px #0003}.document-actions .studio-more-actions .quiet-button{justify-content:flex-start;gap:8px;width:100%;padding:8px 12px;font-size:13px;display:flex}.document-actions .studio-more-menu>summary,.document-actions .export-menu>summary{width:auto;font-size:12px}.document-actions .export-menu strong{font-size:13px}.document-actions .export-menu small{font-size:11px}.studio-more-actions .quiet-button span{display:inline}.studio-more-actions .quiet-button svg{display:block!important}.workspace .transform-confirm-controls,.transform-confirm-controls{bottom:max(18px, env(safe-area-inset-bottom));max-width:calc(100% - 24px)}.transform-confirm-controls button{white-space:nowrap;min-width:88px;min-height:44px}.transform-confirm-controls{align-items:center}.transform-confirm-controls .transform-method-bar{background:#fffdf8;border:1px solid #9b968d;border-radius:8px;display:flex;overflow:hidden;box-shadow:0 4px 16px #27241d30}.transform-confirm-controls .transform-method-bar button{min-width:0;box-shadow:none;color:var(--ink);background:0 0;border:0;border-radius:0;padding:0 12px}.transform-confirm-controls .transform-method-bar button+button{border-left:1px solid #e3ded2}.transform-confirm-controls .transform-method-bar button[aria-pressed=true]{color:#126962;background:#e3f0eb;font-weight:700;box-shadow:inset 0 -2px #126962}.transform-confirm-controls button:disabled{opacity:.45}.transform-method-note strong{margin-bottom:4px;font-size:14px;display:block}.transform-method-note p{color:#6f6a62;margin:0;font-size:12px;line-height:1.6}.selection-numeric-transform{border:0;border-top:1px solid #e3ded2;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0;margin:0;padding:10px 0 0;display:grid}.selection-numeric-transform .numeric-transform-title{white-space:nowrap;padding:10px 0 0;font-size:14px;font-weight:700;display:block}.selection-numeric-transform .numeric-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.selection-numeric-transform .numeric-transform-grid label{border:1px solid var(--line);background:var(--paper);border-radius:6px;flex-direction:row;align-items:center;gap:6px;height:44px;padding:0 10px;font-size:12px;display:flex}.selection-numeric-transform .numeric-transform-grid label:focus-within{border-color:#126962;box-shadow:0 0 0 2px #12696233}.selection-numeric-transform .numeric-transform-grid span{color:#6f6a62;white-space:nowrap;flex:none;font-weight:700}.selection-numeric-transform .numeric-transform-grid label input{width:100%;min-width:0;min-height:0;color:inherit;font:inherit;text-align:right;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:15px}.selection-numeric-transform .numeric-transform-grid input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.selection-numeric-transform .numeric-transform-grid input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.selection-numeric-transform .numeric-transform-grid small{color:#8a857c;flex:none;font-size:12px}.selection-numeric-transform .numeric-transform-apply{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);border-radius:6px;font-size:14px}.selection-numeric-transform>small{color:#6f6a62;font-size:11px}@media (max-width:900px){.document-bar{flex-wrap:wrap;gap:2px;padding:4px 8px}.document-identity{flex-basis:100%;height:44px}.document-actions{justify-content:flex-end;gap:4px;width:100%}.document-actions>.history-button{padding-inline:10px}.document-actions>.history-button:nth-child(2){margin-right:auto}.document-actions>.publish-button{padding-inline:8px;font-size:12px}.document-actions>.export-menu>summary{align-items:center;gap:4px;padding-inline:8px;display:flex}.studio-more-menu>summary{padding-inline:8px}.document-actions .export-menu>div{max-width:calc(100vw - 24px);max-height:55dvh;overflow-y:auto}.workspace .transform-confirm-controls{bottom:calc(80px + env(safe-area-inset-bottom))}.transform-confirm-controls button{gap:3px;padding:6px;font-size:12px}}.project-library-actions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.project-library-actions button:first-child{color:#24211d;background:#fffdf8;border:1px solid #b9b3a8}@media (max-width:680px){.project-library-actions button{flex:1;justify-content:center}}.canvas-size-preview{justify-items:center;gap:6px;margin:4px 0 14px;display:grid}.canvas-size-preview-frame{background:repeating-conic-gradient(#e6e2db 0 25%, #f3f0ea 0 50%) 0 0 / 16px 16px;touch-action:none;border-radius:6px;width:100%;position:relative;overflow:hidden}.canvas-size-preview-frame>*{position:absolute}.canvas-size-preview-art{display:block}.canvas-size-preview-before{pointer-events:none;border:1.5px dashed #27241fb3}.canvas-size-preview-kept{pointer-events:none;outline:2px solid #e3543b;box-shadow:0 0 0 9999px #18161380}.canvas-size-preview-kept.draggable{pointer-events:auto;cursor:move}.canvas-size-handle{background:#e3543b;border:2px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;box-shadow:0 1px 4px #00000059}.canvas-size-handle.nw{cursor:nwse-resize;top:2px;left:2px}.canvas-size-handle.ne{cursor:nesw-resize;top:2px;right:2px}.canvas-size-handle.sw{cursor:nesw-resize;bottom:2px;left:2px}.canvas-size-handle.se{cursor:nwse-resize;bottom:2px;right:2px}.canvas-custom-grid.canvas-size-fields{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.canvas-size-preview-caption{color:#68635b;text-align:center;margin:0;font-size:12px}.tegaki-app.studio-full>.global-header{display:none}.tegaki-app.studio-full .studio-shell{height:100dvh}.tegaki-native-shell .tegaki-app.studio-full .studio-shell{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.studio-shell .document-bar{position:relative}.document-identity .works-back{width:44px;height:44px;color:var(--ink,#24211d);background:0 0;border-color:#0000;flex:none;justify-content:center;padding:0}.document-identity .works-back:hover{background:#ebe7df}.document-identity .document-title{color:#3d3933;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:150px;font-size:13px;font-weight:700;overflow:hidden}.document-identity .save-indicator>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.document-actions .history-button{justify-content:center;width:44px;padding:0}.document-identity{flex:0 auto}.document-bar>.studio-top-controls.in-bar{z-index:44;flex:auto;justify-content:center;width:auto;min-width:0;max-width:none;margin:0 8px;position:static;transform:none}.document-bar>.studio-top-controls.in-bar.with-properties{width:auto}.document-bar>.studio-top-controls.in-bar .studio-top-properties{flex:0 380px}.document-bar>.studio-top-controls.in-bar .studio-top-properties.single{flex:0 200px}.document-bar>.studio-top-controls.in-bar .top-property{min-width:0}.document-bar>.studio-top-controls.in-bar .top-property>input[type=range]{flex:auto;width:auto;min-width:40px}.document-bar>.studio-top-controls.in-bar .top-property-value{flex:none}@media (max-width:1099px){.studio-shell .document-bar{flex-wrap:wrap;row-gap:0}.studio-shell .document-actions{order:2;margin-left:auto}.document-bar>.studio-top-controls.in-bar{flex:100%;order:3;margin:0 0 6px}.document-bar>.studio-top-controls.in-bar .studio-top-properties{flex:auto}.document-bar>.studio-top-controls.in-bar .studio-top-properties.single{flex:0 240px}}.works-home{z-index:95;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--paper,#fffdf8);outline:0;position:fixed;inset:0;overflow-y:auto}.tegaki-app:not(.studio-full) .works-home{top:62px}.works-home-inner{max-width:1180px;margin:0 auto;padding:26px 28px 56px}.works-home-header{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:20px;display:flex}.works-home-header h1{color:#24211d;margin:0;font-size:28px;line-height:1.2}.works-home-header>span{color:#6f6a62;font-size:13px}.works-home-new{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#236457;border:0;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.works-home-new:disabled{opacity:.5;cursor:default}.works-home .project-library-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.works-home .project-library-list article{border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:10px;display:flex}.works-home .project-library-list article.current{border-color:#236457;box-shadow:0 0 0 2px #2364571f}.works-home .project-preview-placeholder{background:#e6e3dc;border-radius:8px;width:100%;height:190px;padding:12px}.works-home .project-preview-placeholder canvas,.works-home .project-preview-placeholder span{max-width:100%;max-height:166px;box-shadow:0 1px 4px #0002}.works-home .project-preview-placeholder span{width:56%}.works-home .project-library-info input{font-size:15px}.works-home .project-library-info small{font-size:11px}.works-home .project-library-actions{flex-wrap:nowrap;gap:6px}.works-home .project-library-actions button{min-width:42px;height:42px;font-size:13px}.works-home .project-library-actions button:first-child{flex:1}.works-home .project-library-trash{margin-top:28px}.works-home .project-library-trash .project-preview-placeholder{height:120px}@media (max-width:680px){.tegaki-app:not(.studio-full) .works-home{top:56px}.works-home-inner{padding:18px 14px 40px}.works-home .project-library-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.works-home .project-preview-placeholder{height:140px}.works-home .project-preview-placeholder canvas,.works-home .project-preview-placeholder span{max-height:116px}}.works-home .project-library-actions{margin-top:auto}@media (max-width:900px){.studio-shell .document-bar{gap:4px}.studio-shell .document-identity{flex:0 auto}.studio-shell .document-actions{width:auto;margin-left:auto}.studio-shell .document-actions>.history-button:nth-child(2){margin-right:0}}.tool-rail .tool-group>button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tool-rail .tool-group.rail-reordering>button{transition:transform .14s}.tool-rail .tool-group.rail-reordering>button[data-lifted]{z-index:2;background:#fffdf8;border-color:#9b968d;transition:none;box-shadow:0 6px 16px #27241d33}.tool-rail .tool-group.rail-reordering>button[data-tooltip]:after{display:none}.tegaki-app.studio-full .toast{top:calc(env(safe-area-inset-top) + 68px);width:max-content;margin:0 auto;bottom:auto;left:0;right:0}.tegaki-app.studio-full:has(.studio-float-properties) .toast{top:calc(env(safe-area-inset-top) + 124px)}.tegaki-app.studio-full .studio-shell>.workspace-column{grid-area:1/1/-1/3}.tegaki-app.studio-full .studio-shell .workspace-column.with-tool-menu{padding-left:0}.tegaki-app.studio-full .studio-shell>.document-bar,.tegaki-app.studio-full .studio-shell>.tool-rail{z-index:45;position:relative}.tegaki-app.studio-full .studio-shell>.document-bar{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#fffdf84d;border-bottom-color:#8e897f2b;min-height:56px;padding:6px 12px 6px 10px}.tegaki-app.studio-full .studio-shell>.tool-rail{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#f7f5f04d;border-right-color:#8e897f2b}.tegaki-app.studio-full .studio-shell .workspace-column>.tool-menu-rail:not(.collapsed){top:var(--studio-top,0px);left:var(--studio-left,0px);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#efede74d;border-right-color:#8e897f33}.tegaki-app.studio-full .studio-shell .workspace-column>.tool-menu-rail.collapsed{top:calc(var(--studio-top,0px) + 8px);left:calc(var(--studio-left,0px) + 6px)}@media (max-width:1099px){.tegaki-app.studio-full .document-bar>.studio-top-controls.in-bar{display:contents}.tegaki-app.studio-full .document-bar>.studio-top-controls.in-bar .top-color-control{order:1;margin-left:6px}.tegaki-app.studio-full .studio-shell .document-bar{flex-wrap:nowrap}}.tegaki-app.studio-full .studio-shell>.document-bar:has(.top-color-popover,details[open]){z-index:62}.top-property-step{display:none}.tegaki-app.studio-full .top-property-step{color:#4f4b44;cursor:pointer;filter:drop-shadow(0 0 2px #fffdf8);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.tegaki-app.studio-full .top-property-step:active{background:#24211d1a}.tegaki-app.studio-full .top-property-step:focus-visible{outline-offset:-2px;outline:2px solid #087d82}.tegaki-app.studio-full .top-property{gap:2px}.tegaki-app.studio-full .document-bar .work-pages-label,.tegaki-app.studio-full .document-bar .export-menu>summary>.export-label,.tegaki-app.studio-full .document-bar .export-menu>summary>svg:last-child{display:none}.tegaki-app.studio-full .document-bar .export-menu>summary{justify-content:center;min-width:44px;padding-inline:12px}.tegaki-app.studio-full .document-bar .work-pages-button:has(.work-pages-label){justify-content:center;min-width:44px;padding-inline:12px}.tegaki-app.studio-full .top-property[data-tutorial=property-size]{flex-grow:2}.tegaki-app.studio-full .studio-shell .workspace-column>.studio-float-properties{z-index:44;top:calc(var(--studio-top,0px) + 8px);left:calc(50% + var(--studio-left,0px) / 2);width:min(880px, calc(100% - var(--studio-left,0px) - 128px));padding:2px 8px;position:absolute;transform:translate(-50%)}.tegaki-app.studio-full .studio-float-properties .top-property,.tegaki-app.studio-full .studio-float-properties .top-property-value input,.tegaki-app.studio-full .studio-float-properties .top-property-value em{text-shadow:1px 1px #fffdf8,-1px -1px #fffdf8,1px -1px #fffdf8,-1px 1px #fffdf8,0 0 4px #fffdf8,0 0 8px #fffdf8}.tegaki-app.studio-full .studio-float-properties .top-property>input[type=range]{filter:drop-shadow(0 0 2px #fffdf8)drop-shadow(0 1px 3px #24211d40)}.tegaki-app.studio-full .studio-float-properties .studio-top-properties{gap:22px}.tegaki-app.studio-full .studio-float-properties .studio-top-properties.single{width:min(320px,100%);margin:0 auto}.tegaki-app.studio-full .studio-float-properties .top-property>input[type=range]{flex:auto;min-width:60px}.tegaki-app.studio-full .studio-shell .workspace-column:has(>.studio-float-properties) .workspace-hint{top:calc(var(--studio-top,0px) + 66px)}.studio-more-actions .studio-more-heading{color:#8a857c;letter-spacing:.04em;margin:6px 4px 0;font-size:11px;font-weight:700}.studio-more-actions .studio-more-heading:first-child{margin-top:0}.tegaki-app.studio-full .studio-shell .workspace-hint{top:calc(var(--studio-top,0px) + 12px);left:calc(var(--studio-left,0px) + 14px)}.tegaki-app.studio-full .studio-shell .workspace-column:has(>.tool-menu-rail:not(.collapsed)) .workspace-hint{left:calc(var(--studio-left,0px) + var(--tool-menu-width,52px) + 14px)}.tegaki-app.studio-full .studio-shell .workspace-column>.tool-menu-popup.inspector{left:calc(var(--studio-left,0px) + var(--tool-menu-width) + 6px);max-height:calc(100% - var(--studio-top,0px) - 16px)}.works-home .project-library-list article{position:relative}.works-home .works-card-replay{color:#fffdf8;cursor:pointer;background:#24211dcc;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0 0 0 2px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 2px 8px #0003}.works-home .works-card-replay:disabled{opacity:.5;cursor:default}.studio-now{display:none}.tegaki-app.studio-full .document-bar>.studio-top-controls.in-bar,.tegaki-app.studio-full .document-bar>.document-identity{flex:none}.tegaki-app.studio-full .document-bar>.studio-now{flex:auto;gap:8px;min-width:0;margin:0 8px 0 0;display:flex}.tegaki-app.studio-full .studio-now-row{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;background:#fffdf88c;border:1px solid #8e897f33;border-radius:12px;flex:1 1 0;align-items:center;gap:4px;min-width:0;height:44px;padding:0 6px;display:flex;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 8px),#0000)}.tegaki-app.studio-full .studio-now-row::-webkit-scrollbar{display:none}.tegaki-app.studio-full .studio-now-row>button{color:#4f4b44;white-space:nowrap;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:9px;flex:none;align-items:center;gap:5px;height:36px;padding:0 8px 0 4px;font-size:12px;display:flex}.tegaki-app.studio-full .studio-now-row>button>span{text-overflow:ellipsis;max-width:84px;overflow:hidden}.tegaki-app.studio-full .studio-now-row>button[aria-pressed=true]{color:#006c71;background:#e3f0ef;border-color:#087d82;font-weight:700}.tegaki-app.studio-full .studio-now-row.brushes canvas{width:40px;height:11px}.tegaki-app.studio-full .studio-now-row.layers .layer-miniature{border:1px solid #8e897f40;border-radius:4px;width:34px;height:26px}.tegaki-app.studio-full .studio-now-row.layers>button.hidden-layer canvas{opacity:.4}.tegaki-app.studio-full .studio-now-row.layers>button.hidden-layer>span svg{vertical-align:-1px;color:#8a847a;flex:none;margin-right:2px}.tegaki-app.studio-full .studio-now-row>.studio-now-more{z-index:1;color:#777269;background:#fffdf8;justify-content:center;width:34px;padding:0;position:sticky;right:2px;box-shadow:-8px 0 8px -4px #fffdf8}.tegaki-app.studio-full .studio-now-row>.studio-now-more:disabled{opacity:.35}@media (max-width:1099px){.tegaki-app.studio-full .document-bar>.studio-now{order:1;gap:6px;margin:0 6px}.tegaki-app.studio-full .studio-now-row.brushes canvas{display:none}}.tegaki-app.studio-full .studio-shell:not(.tutorial-studio) .document-bar .save-indicator:not(.offline){display:none}[data-reorder-id],.layer-row,.layer-group-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-reordering] [data-reorder-id]{transition:transform .15s}[data-reordering] [data-reorder-id][data-lifted]{z-index:2;background:#fffdf8;transition:none;position:relative;box-shadow:0 6px 16px #27241d33}.recovery-history-dialog .new-canvas-dialog{width:min(420px,100vw - 28px);padding:18px}.recovery-history-dialog .revision-section{border:0;padding:0}.recovery-history-dialog .tool-setting-actions{justify-content:flex-end;margin-top:12px}.layer-list-active{border-bottom:1px solid #00000014;gap:6px;margin-bottom:6px;padding:2px 0 8px;display:grid}.layer-list-active .layer-opacity{min-height:0;margin:0;padding:4px 8px}.layer-list-active .blend-mode-control{min-height:0;margin:0;padding:2px 8px}.layer-list-active .blend-mode-control select{min-height:34px;padding-block:4px}.layer-list-active .layer-feature-toggles{flex-wrap:wrap;gap:6px;margin:0;display:flex}.layer-list-active .layer-feature-toggles button,.layer-list-active .layer-color-adjust-button{min-height:34px;margin:0;padding:4px 10px;font-size:12px}.layer-list-active [class*=setting-help]{margin:0}:is(.studio-shell .layer-list-active .layer-feature-toggles,.studio-shell .layer-list-active .layer-feature-toggles:has(>.setting-help)){grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.studio-shell .layer-list-active .layer-feature-toggles>.setting-help{align-items:center;gap:0;min-width:0;display:flex}.studio-shell .layer-list-active .layer-feature-toggles>.setting-help>.setting-help-control{flex:1;min-width:0}.studio-shell .layer-list-active .layer-feature-toggles .setting-help-control>button{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;justify-content:center;gap:3px;min-height:40px;padding-inline:4px;font-size:11.5px;overflow:hidden}.studio-shell .layer-list-active .layer-feature-toggles .setting-help-trigger{width:26px;min-width:26px}.studio-shell .layer-list-active .layer-feature-toggles button svg{flex-shrink:0}.studio-shell .layer-list-active .layer-opacity{min-height:0;padding-block:2px}.studio-shell .layer-list-active .layer-feature-toggles>.setting-help[data-help-open]{flex-wrap:wrap;grid-column:1/-1}.studio-shell .layer-list-active .layer-feature-toggles .setting-help-content{flex-basis:100%}.studio-shell .layer-list-active .layer-feature-toggles>.layer-color-adjust-button{grid-column:1/-1;min-height:40px}.color-adjust-backdrop{-webkit-backdrop-filter:none;z-index:120;background:0 0;align-items:end}.color-adjust-panel{width:min(440px,100vw - 24px);max-height:calc(100dvh - 32px);margin-bottom:max(16px, env(safe-area-inset-bottom));background:#fbfaf7f7;border:1px solid #c8c2b8;border-radius:14px;padding:14px 16px;overflow:auto;box-shadow:0 18px 50px #18161340}.color-adjust-panel h2{align-items:center;gap:6px;margin:0 0 8px;font-size:15px;display:flex}.color-adjust-panel h2 small{color:#68635b;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.color-adjust-panel .tool-setting-actions{justify-content:flex-end;margin-top:10px}.color-adjust-note{color:#68635b;margin:6px 0 0;font-size:12px;line-height:1.5}.layer-color-adjust-button{align-items:center;gap:6px;margin-top:6px;display:inline-flex}.color-adjust-tabs{background:#ece8e1;border-radius:10px;gap:4px;margin:0 0 10px;padding:3px;display:flex}.color-adjust-tabs button{color:#4a453e;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;min-height:34px;padding:4px 6px;font-size:12px}.color-adjust-tabs button[aria-selected=true]{color:#1f1c18;background:#fffdf8;font-weight:600;box-shadow:0 1px 3px #1816132e}.color-adjust-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.color-adjust-chips button{color:#2a2621;background:#fffdf8;border:1px solid #d5cfc5;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:4px 10px;font-size:12px;display:inline-flex}.color-adjust-chips button[aria-pressed=true]{border-color:var(--tint,#2a2621);box-shadow:inset 0 0 0 1px var(--tint,#2a2621);color:var(--tint,#2a2621);font-weight:600}.color-adjust-chips .color-adjust-chip-end{margin-left:auto}.tone-curve-box{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:min(240px,100%);margin:0 auto;display:block}.tone-curve-ground{fill:#fffdf8;stroke:#c8c2b8;stroke-width:1px}.tone-curve-grid line{stroke:#ebe6de;stroke-width:1px}.tone-curve-histogram{fill:#d9d3c9;opacity:.75}.tone-curve-diagonal{stroke:#cfc8bd;stroke-width:1px;stroke-dasharray:3 4}.tone-curve-point{fill:#fffdf8;stroke-width:2.2px}.tone-curve-point[data-removing]{opacity:.3}.gradient-map-swatch{border-radius:4px;width:26px;height:12px;box-shadow:inset 0 0 0 1px #00000026}.gradient-map-bar{touch-action:none;cursor:copy;border-radius:8px;height:30px;margin:4px 12px 10px;position:relative;box-shadow:inset 0 0 0 1px #0000002e}.gradient-map-stop{pointer-events:none;border:2px solid #fffdf8;border-radius:6px;width:18px;height:34px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #18161373,0 2px 5px #18161340}.gradient-map-stop[aria-current=true]{border-color:#1f1c18;box-shadow:0 0 0 2px #fffdf8,0 2px 6px #18161359}.gradient-map-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.gradient-map-actions button{min-height:32px;padding:4px 10px;font-size:12px}.gradient-map-color{color:#4a453e;align-items:center;gap:6px;margin-right:auto;font-size:12px;display:inline-flex}.gradient-map-color input{background:0 0;border:1px solid #d5cfc5;border-radius:6px;width:44px;height:30px;padding:0}.tone-curve-editor .color-adjust-chips button[data-changed]:after{content:"";background:var(--tint,#2a2621);border-radius:50%;width:6px;height:6px}.liquify-modes{gap:6px;display:grid}.liquify-modes button{text-align:left;background:#fffdf8;border:1px solid #d5cfc5;border-radius:10px;justify-items:start;gap:2px;min-height:44px;padding:6px 12px;display:grid}.liquify-modes button[aria-pressed=true]{border-color:#1f1c18;box-shadow:inset 0 0 0 1px #1f1c18}.liquify-modes small{color:#68635b;font-size:11px}.liquify-modes .tool-help{color:#68635b;margin:4px 0 0;font-size:12px;line-height:1.5}.liquify-modes .liquify-specimen{aspect-ratio:180/48;background:#fffdf8;border-radius:6px;width:100%;max-width:180px;height:auto;display:block}.color-adjust-tabs{scrollbar-width:none;overflow-x:auto}.color-adjust-tabs button{flex:1 0 auto}.color-adjust-looks{scroll-snap-type:x proximity;scrollbar-width:thin;grid-template-rows:auto;grid-auto-columns:82px;grid-auto-flow:column;gap:6px;margin:0 0 8px;padding:2px 2px 6px;display:grid;overflow-x:auto}.color-adjust-looks button{scroll-snap-align:start;color:#2a2621;background:#fffdf8;border:1px solid #d5cfc5;border-radius:10px;justify-items:center;gap:3px;min-height:0;padding:4px 4px 5px;font-size:11px;line-height:1.2;display:grid}.color-adjust-looks button[aria-pressed=true]{border-color:#1f1c18;font-weight:600;box-shadow:inset 0 0 0 2px #1f1c18}.color-adjust-looks canvas{object-fit:contain;background:#fff;border-radius:6px;width:100%;height:56px;display:block}.color-adjust-result{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:8px;display:grid}.color-adjust-result canvas{object-fit:contain;background:#fff;border-radius:8px;width:96px;height:96px;box-shadow:inset 0 0 0 1px #d5cfc5}.color-adjust-result .color-adjust-note{margin:0}.tone-range{margin-bottom:6px}.tone-range-head{color:#4a453e;justify-content:space-between;align-items:center;font-size:12px;display:flex}.tone-range-value{color:#1f1c18;min-width:52px;min-height:28px;font-family:var(--font-geist-mono), monospace;text-align:right;background:0 0;border:1px solid #0000;border-radius:8px;padding:2px 8px;font-size:12px}.tone-range-value:not(:disabled){background:#fffdf8;border-color:#d5cfc5}.tone-range-value:disabled{opacity:1;color:#8a847a}.tone-range-bar input[type=range]{-webkit-appearance:none;appearance:none;touch-action:none;cursor:pointer;background:0 0;width:100%;height:40px;margin:0;padding:0;display:block}.tone-range-bar input[type=range]::-webkit-slider-runnable-track{background:var(--track,linear-gradient(90deg, #ece8e1, #8a847a));border-radius:7px;height:14px;box-shadow:inset 0 0 0 1px #1816132e}.tone-range-bar input[type=range]::-moz-range-track{background:var(--track,linear-gradient(90deg, #ece8e1, #8a847a));border-radius:7px;height:14px}.tone-range-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#1f1c18;border:3px solid #fffdf8;border-radius:50%;width:24px;height:24px;margin-top:-5px;box-shadow:0 0 0 1px #18161380,0 2px 5px #1816134d}.tone-range-bar input[type=range]::-moz-range-thumb{background:#1f1c18;border:3px solid #fffdf8;border-radius:50%;width:18px;height:18px}.tone-range-ends{color:#68635b;justify-content:space-between;margin-top:-6px;font-size:11px;display:flex}.color-adjust-panel .tool-setting-actions{flex-wrap:wrap}.color-adjust-compare{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin-right:auto}.color-adjust-compare[aria-pressed=true]{color:#fffdf8;background:#1f1c18}@media (min-width:900px){.color-adjust-backdrop{place-items:center end;padding-right:16px}.color-adjust-panel{width:min(400px,100vw - 24px);margin-bottom:0}}.web-drawing-info h2{align-items:center;gap:8px;display:flex}.web-drawing-info p+p{margin-top:0}
