:root{--safe-bottom:env(safe-area-inset-bottom,0px)}@supports (-webkit-touch-callout:none){:root[data-touch]{--safe-bottom:max(env(safe-area-inset-bottom,0px), 20px)}}:root{--dock-lift:0px;--dock-pad:var(--safe-bottom);--dock-under:calc(var(--dock-lift) + var(--dock-pad))}:root[data-tablet]{--dock-lift:max(var(--safe-bottom), 12px);--dock-pad:0px}.dock-studio{--ui-radius:4px;--desk-header:64px;--dock-height:64px;--dock-gap:8px;--desk-controls:calc(var(--dock-height) + var(--dock-height) + var(--dock-gap) + 32px);flex-direction:column;height:100dvh;min-height:520px;padding:0 32px;display:flex}.dock-studio .header{min-height:calc(var(--desk-header) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);border-bottom:0;flex-shrink:0}.dock-studio .wordmark{font-size:42px}.dock-studio .header-caption{padding-top:6px;font-size:11px}.dock-studio .header-actions{gap:20px}.dock-studio .export-button{border-radius:var(--ui-radius)}.dock-studio .new-sheet{border-radius:var(--ui-radius);min-height:44px}.dock-studio .workspace{width:100%;max-width:none;min-height:0;margin:0 0 calc(var(--desk-controls) + var(--dock-under));flex:1;justify-content:center;align-items:center;padding:24px 0;display:flex;container-type:size}.dock-studio .paper-area{width:100%}.dock-studio .paper-host{width:min(100% - 60px,73cqh)}.dock-studio .paper-invitation{font-size:clamp(30px,4.2vw,44px)}.dock-guidance{left:50%;bottom:calc(var(--desk-controls) - 20px + var(--dock-under));color:#6b7462;white-space:nowrap;pointer-events:none;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%)}.desk-meta{right:32px;bottom:calc(24px + var(--safe-bottom));color:#78806f;font-size:10px;position:fixed}.dock-studio .header-actions button,.dock-studio .error-message,.dock-studio kbd{border-radius:var(--ui-radius)}.studio-dock{z-index:5;bottom:var(--dock-lift);width:max-content;max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));position:fixed;left:50%;transform:translate(-50%)}.dock-bar,.dock-settings{background:#fffdf8;border:1px solid #d5d9ce;box-shadow:0 1px 2px #2632270a,0 8px 22px #26322712}.dock-bar{height:calc(var(--dock-height) + var(--dock-pad));border-radius:var(--ui-radius) var(--ui-radius) 0 0;padding:4px 6px calc(4px + var(--dock-pad));align-items:center;display:flex}:root[data-tablet] .dock-bar{border-radius:var(--ui-radius)}:root[data-tablet],:root[data-tablet] body{overscroll-behavior:none;height:100%;overflow:hidden}:root[data-tablet] .dock-studio{height:auto;min-height:0;position:fixed;inset:0}.dock-tools{flex:1;align-items:center;min-width:0;height:100%;display:flex}.dock-tool{border-radius:var(--ui-radius);flex-shrink:1;width:76px;min-width:44px;height:54px;padding:0;position:relative}.dock-tool.dock-scrape{width:100px}.dock-tool:before{content:"";inset:calc(2px - var(--tab-rise)) 2px calc(-1 * var(--tab-drop));border-radius:var(--ui-radius) var(--ui-radius) 0 0;opacity:0;clip-path:inset(var(--tab-rise) 0 calc(var(--tab-drop) + 2px) round var(--ui-radius));transition:opacity .125s var(--ease-out), clip-path .18s var(--ease-out), box-shadow .18s var(--ease-out);background:#e2e7d9;position:absolute}.dock-tool[aria-pressed=true]:before{opacity:1}.studio-dock{--tab-rise:30px;--tab-drop:calc(5px + var(--dock-pad))}.studio-dock[data-settings=closed] .dock-tool[aria-pressed=true]:before{clip-path:inset(0 round var(--ui-radius) var(--ui-radius) 0 0);box-shadow:inset 1px 0 #cdd5c3,inset -1px 0 #cdd5c3,inset 0 1px #cdd5c3,0 -2px 8px #26322712}.dock-tool-name{left:0;right:0;top:calc(5px - var(--tab-rise));letter-spacing:.2px;color:#344b39;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s var(--ease-out), transform .18s var(--ease-out);font-size:14px;font-weight:600;line-height:18px;position:absolute;transform:translateY(6px)}.studio-dock[data-settings=closed] .dock-tool[aria-pressed=true] .dock-tool-name{opacity:1;transition-delay:40ms;transform:translateY(0)}.studio-dock[data-settings=closed] .dock-tool[aria-pressed=true] .dock-tip{bottom:calc(100% + 12px + var(--tab-rise))}.dock-object-window{clip-path:inset(-180px -24px 0);position:absolute;inset:0 0 -4px;overflow:visible}.dock-object{transition:transform .16s var(--ease-out);display:block;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)translateY(3px)}.dock-paint .dock-object .tube-art{width:41.6px;height:104px;transform:rotate(180deg)}.dock-pen .dock-object{bottom:-107px}.dock-pen .dock-object .pen-art{filter:drop-shadow(2px -2px 2px #453c2b32);width:30px;height:170px;transform:rotate(180deg)}.dock-scrape .dock-object{width:80px;bottom:-6px}.dock-scrape .squeegee-art{filter:drop-shadow(1px 3px 2px #453c2b30);transform:rotate(-7deg)}.dock-tool[aria-pressed=true] .dock-object{transform:translate(-50%)translateY(-3px)}.dock-tool:active:not(:disabled){transform:none}.dock-tool:active:not(:disabled) .dock-object{transform:translate(-50%)translateY(2px)}.dock-history{border-left:1px solid #7f89732b;border-right:1px solid #7f89732b;align-items:center;height:38px;margin:0 3px;padding:0 5px;display:flex}.dock-icon{border-radius:var(--ui-radius);width:38px;height:44px;transition:transform .125s var(--ease-out);flex-shrink:0;place-items:center;display:grid;position:relative}.dock-icon:disabled{opacity:.28}.dock-tool:disabled{opacity:.65}.dock-icon .ui-icon{stroke-width:1.65px;width:20px;height:20px}.settings-toggle{width:38px}.dock-divider{background:#7f89732b;flex-shrink:0;width:1px;height:38px;margin:0 3px}.dock-bar button:focus-visible{outline-offset:1px}.dock-tip{z-index:3;transform-origin:bottom;border-radius:var(--ui-radius);color:#fffdf5;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .125s var(--ease-out), transform .125s var(--ease-out);background:#35483a;padding:8px 10px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 24px);left:50%;transform:translate(-50%)translateY(3px)scale(.97);box-shadow:0 3px 10px #26302422}.dock-tip:after{content:"";background:#35483a;width:8px;height:8px;position:absolute;bottom:-4px;left:calc(50% - 4px);transform:rotate(45deg)}.dock-tip[data-visible=true]{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.dock-tip kbd{color:#dbe0cf;opacity:.8;border:0;margin-left:8px;padding:0;font-size:10px}.dock-icon .dock-tip{bottom:calc(100% + 12px)}.dock-settings .paint-swatch,.dock-settings .dock-choice,.dock-settings .dock-action{position:relative}.dock-settings .dock-tip{bottom:calc(100% + 10px)}.dock-settings{bottom:calc(var(--dock-height) + var(--dock-gap) + var(--dock-pad));width:max-content;max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:var(--dock-height);border-radius:var(--ui-radius);opacity:1;transform-origin:bottom;transition:transform .16s var(--ease-out), opacity .16s var(--ease-out);position:absolute;left:50%;transform:translate(-50%)translateY(0)scale(1)}.dock-settings[data-open=false]{opacity:0;pointer-events:none;transform:translate(-50%)translateY(6px)scale(.98)}.dock-settings-page{justify-content:center;align-items:center;gap:14px;height:100%;padding:8px 14px;display:flex}.dock-settings-page[hidden]{display:none}.dock-settings-page:has(.dock-palette){padding-top:0;padding-bottom:0}.dock-palette{align-items:center;gap:2px;height:100%;display:flex}.paint-swatch{border-radius:var(--ui-radius);flex-shrink:0;place-items:center;width:48px;height:48px;padding:0;display:grid}.paint-swatch>.swatch-dot{width:32px;height:32px;transition:transform .125s var(--ease-out);border:1px solid #0002;border-radius:50%;display:block}.paint-swatch[aria-pressed=true]>.swatch-dot{outline:2px solid var(--ink);outline-offset:3px}.paint-swatch:disabled{opacity:.45}.paint-swatch:active:not(:disabled){transform:none}.paint-swatch:active:not(:disabled)>.swatch-dot{transform:scale(.95)}.dock-colour{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-shrink:0;position:relative}.custom-colour{--swatch:32px;justify-content:center;align-self:stretch;align-items:center;width:44px;min-height:44px;display:flex}.custom-colour>.custom-face{width:var(--swatch);height:var(--swatch);border-radius:50%}.custom-colour>svg{stroke-width:1.3px;padding:calc(var(--swatch) / 8);color:#faf7ef;background:conic-gradient(#c55c43,#e5b84e,#7a8963,#649295,#d99092,#c55c43)}.custom-picked{background:var(--picked);border:1px solid #0002;position:relative}.custom-picked:after{content:"";-webkit-mask-composite:xor;background:conic-gradient(#ff4d4d,#ffb829,#e8f53a,#4fd16b,#2fc7e8,#4a6bff,#b84dff,#ff4dc4,#ff4d4d);border-radius:50%;padding:2px;position:absolute;inset:-6px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.dock-colour input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.paint-swatch:focus-visible{outline:none}.paint-swatch:focus-visible>.swatch-dot,.custom-colour[data-pointer=false]:focus-within>.custom-face{outline:2px solid var(--coral);outline-offset:3px}.dock-choices{gap:4px;padding-right:10px;display:flex}.dock-choice{border-radius:var(--ui-radius);color:#8a9483;width:44px;height:44px;transition:background-color .125s var(--ease-out), color .125s var(--ease-out);place-items:center;padding:0;display:grid}.dock-choice svg{width:26px;height:26px}.dock-choice .card-icon{width:32px;height:28px}.dock-choice[aria-pressed=true]{color:#344b39;background:#e2e7d9}.dock-choice:disabled{opacity:.45}.ink-swatches{border-left:1px solid #7f89732b;align-items:center;gap:2px;padding-left:10px;display:flex}.settings-actions{border-left:1px solid #dce2d7;align-items:center;gap:6px;padding-left:16px;display:flex}.dock-action{border-radius:var(--ui-radius);color:#344b39;white-space:nowrap;height:44px;transition:transform .125s var(--ease-out);background:#fffdf8;border:1px solid #dce2d7;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.dock-action .ui-icon{stroke-width:1.7px;width:17px;height:17px}.angle-value{font-variant-numeric:tabular-nums;border-left:1px solid #dce2d7;min-width:32px;margin-left:2px;padding-left:10px;font-size:12px;font-weight:600}.dock-action:disabled{color:#929b8b;cursor:default;background:#f5f7f1;border-color:#e5e9e0}.dock-action:disabled .ui-icon{opacity:.7}.dock-action:active:not(:disabled){background:#e6ecdf;transform:translateY(1px)}.dock-studio[data-keyboard=true] .studio-dock *,.dock-studio[data-keyboard=true] .studio-dock :before{transition:none}@media (hover:hover) and (pointer:fine){.dock-tool:hover:not(:active):not(:disabled) .dock-object{transform:translate(-50%)translateY(-5px)}.dock-tool:hover:not(:disabled):before{opacity:.55}.dock-tool[aria-pressed=true]:hover:before{opacity:1}.dock-icon:hover:not(:disabled),.dock-action:hover:not(:active):not(:disabled),.dock-choice:hover:not(:disabled):not([aria-pressed=true]){background:#edf2e7}.paint-swatch:hover:not(:active):not(:disabled)>.swatch-dot{transform:scale(1.06)}}@media (width<=900px){.desk-meta{bottom:210px}}@media (width<=560px){.dock-studio{--desk-header:64px;padding:0 18px}.dock-studio .header-actions{gap:12px}.dock-studio .new-sheet{justify-content:center;width:36px}.dock-studio .new-sheet span{display:none}.dock-studio .paper-host{width:min(100% - 24px,73cqh)}.dock-tool{width:61px}.dock-tool.dock-scrape{width:78px}.dock-scrape .dock-object{width:62px}.dock-history{padding:0 2px}.dock-icon{width:32px}.dock-settings-page{gap:10px;padding:8px 10px}.paint-swatch{width:42px}.custom-colour{width:38px}.dock-action{gap:6px;padding:0 8px}.settings-actions{padding-left:10px}.angle-value,.ink-swatches{padding-left:8px}.dock-choice{width:40px}.dock-choices{gap:2px;padding-right:8px}.dock-guidance,.dock-tool-name{font-size:12px}}@media (width<=360px){.dock-tool{width:54px}.dock-tool.dock-scrape{width:68px}.dock-scrape .dock-object{width:54px}.dock-icon{width:28px}.dock-history,.dock-divider{margin:0 1px}.paint-swatch{width:36px}.paint-swatch>.swatch-dot{width:28px;height:28px}.custom-colour{--swatch:28px;width:30px}.turn-action .rotation-label{display:none}}@media (orientation:landscape) and (width>=900px){:root[data-tablet] .dock-studio .workspace{width:50%;margin:0 0 var(--safe-bottom)}:root[data-tablet] .dock-studio .paper-host{width:min(100% - 32px,73cqh)}:root[data-tablet] .studio-dock,:root[data-tablet] .dock-guidance{left:75%}:root[data-tablet] .studio-dock,:root[data-tablet] .dock-settings{max-width:calc(50vw - 32px - env(safe-area-inset-right,0px))}}@media (prefers-reduced-motion:reduce){.dock-tool .dock-object{transition:none}.dock-tool:hover:not(:active):not(:disabled) .dock-object{transform:translate(-50%)translateY(3px)}.dock-tool[aria-pressed=true] .dock-object{transform:translate(-50%)translateY(-3px)}.dock-settings[data-open=false],.dock-tip{transform:translate(-50%)}}.modal{width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:#fffdf8;border:1px solid #d5d9ce;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 2px 4px #2632270f,0 24px 60px #26322733}.modal::backdrop{opacity:.42;background:#2b3429}.modal[open]{animation:modal-in .22s var(--ease-out)}.modal[open]::backdrop{animation:backdrop-in .22s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes backdrop-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.modal[open],.modal[open]::backdrop{animation:none}}.modal-body{overscroll-behavior:contain;gap:20px;max-height:calc(100dvh - 26px);padding:28px;display:grid;overflow:auto}.modal h2{text-wrap:balance;margin:0}.modal-head{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.modal-title{min-width:0}.modal-title h2{letter-spacing:-.5px;font:600 28px/1.2 DynaPuff,Nunito,sans-serif}.modal-mark{font-size:34px;line-height:1;display:block}.modal-close{color:#596650;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;margin-right:-15px;display:grid}.modal-close:hover{background:#eef1e8}.modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.modal-primary,.modal-secondary{white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font:800 14px/1 Nunito,sans-serif;text-decoration:none;display:inline-flex}.modal-primary{background:var(--ink);color:#fffdf8}.modal-primary:hover:not(:disabled){color:#fffdf8;background:#2a3a2e}.modal-secondary{color:var(--ink);border-color:#c9d0c0}.modal-secondary:hover:not(:disabled){background:#eef1e8}.modal-primary:disabled,.modal-secondary:disabled{opacity:.45;cursor:default}.modal-primary:focus-visible,.modal-secondary:focus-visible{outline-offset:3px;outline:2px solid #b85943}.welcome-layout{gap:16px;display:grid}.welcome-demo{aspect-ratio:4/3;background:#e9e3d7 radial-gradient(#52614c14 .65px,#0000 .8px) 0 0/7px 7px;border-radius:4px;position:relative;overflow:hidden;container-type:inline-size}.welcome-scene{--k:calc(100cqw / 512);opacity:var(--fade,1);transform:translateY(calc(var(--pan,0) * var(--pan-cells) * (18px - 75cqw) / 240));will-change:transform;position:absolute;inset:0}.welcome-sheet{background:#d7d4a7bd repeating-linear-gradient(5deg,#0000 0 2px,#fff2 2px 3px);border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #a19e7422,0 2px 6px #5046331a}.welcome-field{position:absolute;inset:9px}.welcome-field canvas{background:#f5f1e5;width:100%;height:100%;display:block}.welcome-demo .tool-cursor.paint{width:34px}.welcome-demo .tool-cursor.pen{width:17px}.welcome-demo .tool-cursor{z-index:5}.welcome-dock{background:#fffdf8;border:1px solid #d5d9ce;border-bottom:0;border-radius:6px 6px 0 0;width:67.5%;height:21.7%;position:absolute;top:120%;left:16.25%;box-shadow:0 1px 2px #2632270a,0 8px 22px #26322712}.welcome-slot{clip-path:inset(-80% -20% 0);width:22%;position:absolute;top:0;bottom:0;transform:translate(-50%)}.welcome-slot.scrape{width:27%}.welcome-tab{left:4%;right:4%;top:calc(-28 * var(--k));padding-top:calc(4 * var(--k));opacity:0;transform:translateY(calc(28 * var(--k)));transition:opacity .16s var(--ease-out), transform .26s var(--ease-out);background:#e2e7d9;border-radius:6px 6px 0 0;justify-content:center;display:flex;position:absolute;bottom:0;box-shadow:inset 1px 0 #cdd5c3,inset -1px 0 #cdd5c3,inset 0 1px #cdd5c3}.welcome-tab span{font-size:calc(14 * var(--k));color:#344b39;white-space:nowrap;font-weight:700;line-height:1.2}.welcome-slot[data-armed=true] .welcome-tab{opacity:1;transform:none}.welcome-slot svg{position:absolute;left:50%}.welcome-slot .tube-art{width:calc(41.6 * var(--k));height:calc(104 * var(--k));bottom:calc(-34 * var(--k));transform:translate(-50%)rotate(180deg)}.welcome-slot .pen-art{width:calc(30 * var(--k));height:calc(170 * var(--k));bottom:calc(-100 * var(--k));transform:translate(-50%)rotate(180deg)}.welcome-slot .squeegee-art{width:calc(80 * var(--k));height:auto;bottom:calc(-2 * var(--k));transform:translate(-50%)}.welcome-divider{background:#dce2d7;width:1px;position:absolute;top:22%;bottom:22%;left:80.6%}.welcome-history{width:calc(19 * var(--k));height:calc(19 * var(--k));color:#7b8272;position:absolute;top:50%;transform:translate(-50%,-50%)}.welcome-history:first-of-type{left:87.5%}.welcome-history:nth-of-type(2){left:95.5%}.welcome-pointer{z-index:6;width:calc(22 * var(--k));transform-origin:2px 2px;filter:drop-shadow(0 2px 2px #1f2a2233);height:auto;transition:transform .12s var(--ease-out);position:absolute}.welcome-pointer[data-pressed=true]{transform:scale(.82)}.welcome-finger{z-index:6;width:calc(30 * var(--k));aspect-ratio:1;transition:transform .12s var(--ease-out);pointer-events:none;background:#1f2a2238;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fffdf8cc,0 2px 4px #1f2a2233}.welcome-finger[data-pressed=true]{background:#1f2a2250;transform:translate(-50%,-50%)scale(.82)}.welcome-tap{z-index:4;width:calc(56 * var(--k));aspect-ratio:1;opacity:0;animation:welcome-tap .52s var(--ease-out);border:2px solid #b85943;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.3)}@keyframes welcome-tap{0%{opacity:.7;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.welcome-chip{z-index:4;color:var(--ink);background:#fffdf8e8;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 1px 3px #2632271f}.welcome-chip .ui-icon{width:15px;height:15px}.welcome-undo{animation:chip-pop .26s var(--ease-out);left:auto;right:16px}@keyframes chip-pop{0%{opacity:0;transform:scale(.8)}}.welcome-fallback{text-align:center;color:var(--muted);background:#f5f1e5;place-items:center;margin:0;padding:24px;font-size:14px;display:grid;position:absolute;inset:9px}.welcome-text{align-content:start;gap:6px;min-height:128px;display:grid}.welcome-count{letter-spacing:1.2px;text-transform:uppercase;color:var(--coral);margin:0;font-size:11px;font-weight:700}.welcome-text h2{font:600 24px/1.15 DynaPuff,Nunito,sans-serif}.welcome-text p:last-child{color:#4b5b4e;margin:0;font-size:15px;line-height:1.5}.welcome-text strong{color:var(--ink);font-weight:800}.welcome-dots{gap:2px;margin-right:auto;display:flex}.welcome-dots button{place-items:center;width:24px;height:24px;display:grid}.welcome-dots button:before{content:"";width:8px;height:8px;transition:background .16s var(--ease-out), transform .16s var(--ease-out);background:#cfd5c6;border-radius:50%}.welcome-dots button[aria-current=step]:before{background:var(--ink);transform:scale(1.25)}.about{width:min(540px,100vw - 24px)}.about .modal-body{gap:22px}.about-intro{color:#4b5b4e;margin:0;font-size:16px;line-height:1.45}.about-section{gap:8px;display:grid}.about-section h2{letter-spacing:1.2px;text-transform:uppercase;color:var(--coral);font-size:11px;font-weight:700}.about-section p{max-width:62ch;margin:0;font-size:15px;line-height:1.6}.colophon{border-top:1px solid #e3e6dc;gap:0;margin:0;display:grid}.colophon div{border-bottom:1px solid #e3e6dc;grid-template-columns:112px 1fr;gap:12px;padding:10px 0;display:grid}.colophon dt{font-size:13px;font-weight:700}.colophon dd{color:#4b5b4e;min-width:0;margin:0;font-size:13px;line-height:1.55}.colophon a,.about-section a{color:#9c523c}@media (width<=480px){.modal-body{gap:16px;padding:20px}.welcome-text{min-height:150px}.welcome-text h2{font-size:21px}.colophon div{grid-template-columns:1fr;gap:2px}.modal-primary,.modal-secondary{padding:0 16px}}.dock-studio .header{gap:24px}.studio-navigation{align-items:center;gap:26px;display:flex}.studio-navigation .gallery-link{color:#52614c;align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.dock-studio .header-actions{gap:8px;font-size:14px}.dock-studio .header-actions button{white-space:nowrap;touch-action:manipulation;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:auto;min-height:44px;padding:0 20px;font:800 14px/1 Nunito,sans-serif;transition:background .14s,border-color .14s;display:inline-flex}.dock-studio .header-actions .new-sheet{color:#596650;margin-right:6px}.dock-studio .header-actions .export-button{background:#fffdf859;border-color:#b9bfaf}.dock-studio .header-actions .publish-button{color:#fffdf8;background:#35483a;border-color:#35483a}.dock-studio .header-actions button:disabled{opacity:.32;cursor:default}.dock-studio .header-actions .ui-icon,.studio-navigation .ui-icon{width:17px;height:17px}@media (hover:hover) and (pointer:fine){.dock-studio .header-actions button:not(:disabled):hover{background:#dce2d3}.dock-studio .header-actions .publish-button:not(:disabled):hover{background:#263b2c}.studio-navigation .gallery-link:hover{color:#263b2c}}@media (width<=1000px){.studio-navigation{gap:16px}.dock-studio .header{gap:12px}.dock-studio .header-actions{gap:6px}.dock-studio .header-actions button{padding:0 14px}}@media (width<=760px){.dock-studio .header-actions .new-sheet span{display:none}.dock-studio .header-actions .new-sheet{width:44px;margin-right:0;padding:0}}@media (width<=600px){.dock-studio .header{flex-wrap:wrap;gap:6px;padding:12px 0 10px}.studio-navigation{flex:1 0 100%;justify-content:space-between}.dock-studio .header-actions{gap:8px;width:100%;margin-left:0}.dock-studio .header-actions .export-button span{display:inline}.dock-studio .header-actions .new-sheet{width:44px;padding:0}.dock-studio .header-actions button{gap:6px;min-height:44px;padding:0 12px}.dock-studio .header-actions .publish-button{margin-left:auto}}@media (prefers-reduced-motion:reduce){.dock-studio .header-actions button{transition:none}}