.studio{background:var(--did-paper);flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.studio--canvas{background-color:var(--did-paper);background-image:url(/brand/did-doodle-paper.svg);background-size:320px 220px}.studio-header{background:0 0;border:0;flex:none;align-items:center;gap:8px;height:56px;min-height:56px;padding:6px 12px;display:flex}.studio-header-space{flex:1;min-width:0}.studio-history{gap:6px;display:flex}.studio-icon-button,.class-app .studio-icon-button{width:42px;height:42px;min-height:42px;color:var(--did-ink);box-shadow:0 4px 12px rgba(var(--did-shadow), .14), 0 1px 2px rgba(var(--did-shadow), .08);cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s,background-color .14s;display:inline-flex}.studio-icon-button:hover:not(:disabled),.studio-icon-button[data-popup-open]{background:var(--did-soft)}.studio-icon-button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.studio-icon-button:disabled{opacity:.4;cursor:default}.studio-save-state{color:var(--did-muted);white-space:nowrap;font-size:12px}.studio-done{background:var(--did-ink);color:#fff;letter-spacing:.01em;min-height:42px;box-shadow:0 5px 14px rgba(var(--did-shadow), .22);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 18px 8px 14px;font-family:Did Round,Malgun Gothic,sans-serif;font-size:16px;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s;display:inline-flex}.studio-done[aria-pressed=true]{color:var(--did-ink);box-shadow:inset 0 0 0 2px var(--did-ink), 0 4px 12px rgba(var(--did-shadow), .14);background:#fff}.studio-done:disabled{opacity:.4;cursor:default}.studio-done:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.studio-body{flex:1;grid-template-columns:80px minmax(0,1fr) 108px;min-height:0;display:grid}.studio-rail{scrollbar-width:none;background:0 0;border:0;flex-direction:column;justify-content:safe center;align-items:flex-start;gap:2px;padding:4px 0 8px 6px;display:flex;overflow:hidden auto}.studio-rail::-webkit-scrollbar{display:none}.studio-tools{flex-direction:column;gap:2px;display:flex}.studio-tool,.class-app .studio-tool{cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-rows:auto auto;align-content:center;justify-items:center;row-gap:1px;width:72px;height:60px;margin:0;padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1);display:grid}.studio-tool svg{width:66px;height:40px;filter:drop-shadow(0 4px 6px rgba(var(--did-shadow), .22));transition:filter .18s}.studio-tool small{letter-spacing:.02em;color:var(--did-muted);white-space:nowrap;pointer-events:none;font-family:Did Round,Malgun Gothic,sans-serif;font-size:11px;line-height:1;transition:color .18s}.studio-tool.is-on small{color:var(--did-ink)}.studio-tool.is-on,.class-app .studio-tool.is-on{background:0 0;transform:translate(10px)}.studio-tool.is-on svg{filter:drop-shadow(0 7px 10px rgba(var(--did-shadow), .32))}.studio-tool:disabled{opacity:.45;cursor:default}.studio-tool:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:12px}.studio-rail>.studio-more-tools{width:40px;height:40px;min-height:40px;color:var(--did-muted);margin:4px 0 0 16px}.studio-stage{background:0 0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:6px 10px 12px 6px;display:flex;position:relative;container-type:size}.studio-stage .paint-frame{width:min(100%, calc(100cqh - 18px) * var(--paper-ratio,1.3333));max-height:100%;aspect-ratio:var(--paper-ratio,4 / 3);box-shadow:0 12px 32px rgba(var(--did-shadow), .16), 0 2px 6px rgba(var(--did-shadow), .1);background:#fff;border-radius:3px;overflow:hidden}.studio-lock{pointer-events:none;background:#fbfaf48c;position:absolute;inset:0}.studio-common-panel{scrollbar-width:none;background:0 0;border:0;flex-direction:column;justify-content:safe center;align-items:center;gap:10px;min-width:0;padding:8px 6px 10px;display:flex;overflow:hidden auto}.studio-common-panel::-webkit-scrollbar{display:none}.studio-common-group{background:0 0;border:0;justify-items:center;gap:6px;width:100%;margin:0;padding:0;display:grid}.studio-quick-palette,.studio-quick-sizes{border:0;grid-template-columns:42px;justify-content:center;gap:5px 8px;min-inline-size:0;margin:0;padding:0;display:grid}@media (max-height:720px){.studio-quick-palette,.studio-quick-sizes{grid-template-columns:repeat(2,42px)}}.studio-quick-palette button,.studio-quick-sizes button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;min-height:42px;padding:0;transition:transform .12s;display:grid;position:relative}.studio-quick-palette button span{width:32px;height:32px;box-shadow:0 3px 8px rgba(var(--did-shadow), .18), 0 0 0 1px rgba(var(--did-shadow), .1);border:0;border-radius:50%}.studio-quick-palette button[aria-pressed=true] span{outline:2.5px solid var(--did-ink);outline-offset:3px}.studio-quick-palette button b{color:#24333a;pointer-events:none;background:#fffffff0;border-radius:50%;place-items:center;width:18px;height:18px;font:700 11px/1 Arial,sans-serif;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #24333a40}.studio-quick-sizes button{border-radius:12px}.studio-quick-sizes button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--did-ink);background:#fff}.studio-quick-sizes button span{border-radius:50%;min-width:6px;max-width:32px;min-height:6px;max-height:32px}.studio-common-more{justify-items:center;display:grid}.studio-common-more .studio-all-colors-button{width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0}.studio-all-colors{background:radial-gradient(circle, var(--studio-current,#3a6fd8) 0 44%, #fff 45% 55%, transparent 56%), conic-gradient(#e4453a, #f7c948, #2f9e6e, #3fb3d8, #3a6fd8, #6b4fc4, #e07ab0, #e4453a);width:36px;height:36px;box-shadow:0 3px 8px rgba(var(--did-shadow), .2), 0 0 0 1px rgba(var(--did-shadow), .08);border-radius:50%;display:block}.studio-common-more .studio-all-colors-button[data-popup-open] .studio-all-colors{outline:2.5px solid var(--did-ink);outline-offset:3px}.studio-common-size{gap:0}.studio-size-slider{width:100%;height:130px;margin:2px auto 0;display:block}.studio-size-drop{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:0;place-items:center;width:100%;height:130px;display:grid;position:relative}.studio-size-drop:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:14px}.studio-size-drop[aria-disabled=true]{opacity:.45;cursor:default}.studio-size-drop .studio-cone{filter:drop-shadow(0 3px 7px rgba(var(--did-shadow), .18));pointer-events:none;display:block;overflow:visible}.studio-size-drop .studio-cone path{fill:#fff;stroke:rgba(var(--did-shadow), .5);stroke-width:1.5px;vector-effect:non-scaling-stroke}.studio-drop-knob{fill:currentColor;stroke:rgba(var(--did-shadow), .4);stroke-width:2px;vector-effect:non-scaling-stroke}.studio-size-value{color:var(--did-muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1}.studio-common-opacity{background:0 0;border:0;justify-items:center;gap:3px;width:100%;margin:0;padding:0;display:grid}.studio-common-opacity input{width:74px;height:24px;accent-color:var(--did-ink);margin:0}.studio-common-opacity output{color:var(--did-muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1}.studio-line-guard{min-height:40px;color:var(--did-muted);box-shadow:0 4px 12px rgba(var(--did-shadow), .14);cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:6px 9px 6px 7px;transition:background-color .14s;display:inline-flex}.studio-line-guard small{word-break:keep-all;font-size:11px;line-height:1}.studio-line-guard.is-on{background:var(--did-ink);color:#fff}.studio-line-guard:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.studio-line-guard:disabled{opacity:.45;cursor:default}:is(.studio-common-panel button:focus-visible,.studio-common-panel input:focus-visible){outline:3px solid var(--ring);outline-offset:1px}.studio-common-panel button:disabled,.studio-common-panel input:disabled{opacity:.45;cursor:default}.studio--paint-number .studio-quick-palette{grid-template-columns:repeat(2,42px)}@media (hover:hover){.studio-icon-button:hover:not(:disabled),.studio-done:hover:not(:disabled){box-shadow:0 7px 16px rgba(var(--did-shadow), .2);transform:translateY(-2px)scale(1.03)}.studio-tool:hover:not(:disabled){transform:translate(4px)translateY(-2px)}.studio-tool.is-on:hover:not(:disabled){transform:translate(12px)translateY(-2px)}.studio-quick-palette button:hover:not(:disabled){transform:translateY(-2px)scale(1.04)}}@media (prefers-reduced-motion:reduce){.studio-icon-button,.studio-done,.studio-tool,.studio-tool svg,.studio-quick-palette button,.studio-line-guard{transition-duration:.01ms}.studio-icon-button:hover:not(:disabled),.studio-done:hover:not(:disabled),.studio-tool:hover:not(:disabled),.studio-quick-palette button:hover:not(:disabled){transform:none}.studio-tool.is-on,.studio-tool.is-on:hover:not(:disabled){transform:translate(10px)}}@media (max-height:660px){.studio-header{height:50px;min-height:50px;padding:4px 10px}.studio-icon-button,.class-app .studio-icon-button{width:40px;height:40px;min-height:40px}.studio-done{min-height:40px;padding:6px 16px 6px 12px;font-size:15px}.studio-rail{gap:0;padding:2px 0 6px 6px}.studio-tool,.class-app .studio-tool{height:54px}.studio-tool svg{width:60px;height:36px}.studio-tool small{font-size:10px}.studio-rail>.studio-more-tools{margin-top:2px}.studio-common-panel{gap:6px;padding:4px 6px 8px}.studio-quick-palette,.studio-quick-sizes{grid-template-columns:repeat(2,38px);gap:3px 7px}.studio-quick-palette button,.studio-quick-sizes button{width:38px;height:38px;min-height:38px}.studio-quick-palette button span{width:29px;height:29px}.studio-common-more .studio-all-colors-button{width:40px;height:40px;min-height:40px}.studio-all-colors{width:32px;height:32px}.studio-size-slider,.studio-size-drop{height:96px}.studio-common-opacity input{height:20px}.studio-line-guard{min-height:36px;padding:5px 9px 5px 7px}}@media (max-height:520px){.studio-header{height:46px;min-height:46px}.studio-tool,.class-app .studio-tool{height:46px}.studio-tool svg{width:52px;height:30px}.studio-tool small{font-size:9.5px}.studio-size-slider,.studio-size-drop{height:76px}.studio-stage{padding:2px 6px 6px 2px}.studio-stage .paint-frame{width:min(100%, calc(100cqh - 8px) * var(--paper-ratio,1.3333))}}@media (max-width:600px){.studio-header{gap:4px;height:50px;min-height:50px;padding:4px 6px}.studio-icon-button,.class-app .studio-icon-button{width:40px;height:40px;min-height:40px}.studio-save-state{display:none}.studio-done{min-height:40px;padding:6px 12px 6px 10px;font-size:14px}.studio-body{grid-template-columns:62px minmax(0,1fr) 84px}.studio-rail{padding-left:2px}.studio-tool,.class-app .studio-tool{width:60px;height:52px}.studio-tool svg{width:54px;height:32px}.studio-tool small{font-size:10px}.studio-tool.is-on,.class-app .studio-tool.is-on{transform:translate(6px)}.studio-rail>.studio-more-tools{margin-left:10px}.studio-stage{padding:2px 4px 6px 2px}.studio-stage .paint-frame{width:min(100%, calc(100cqh - 8px) * var(--paper-ratio,1.3333))}.studio-common-panel{gap:5px;padding:4px 3px 6px}.studio-quick-palette,.studio-quick-sizes{grid-template-columns:repeat(2,36px);gap:2px 4px}.studio-quick-palette button,.studio-quick-sizes button{width:36px;height:36px;min-height:36px}.studio-quick-palette button span{width:27px;height:27px}.studio-size-slider,.studio-size-drop{height:90px}.studio-common-opacity input{width:64px}.studio-line-guard small{display:none}.studio-line-guard{justify-content:center;width:40px;padding:0}}.studio-popover-positioner{z-index:45}.studio-popover{width:min(340px,100vw - 20px);max-height:min(620px,100dvh - 60px);box-shadow:0 18px 44px rgba(var(--did-shadow), .2), 0 2px 8px rgba(var(--did-shadow), .08);color:var(--did-text);background:#fff;border:0;border-radius:18px;flex-direction:column;gap:12px;padding:16px;font-size:15px;line-height:1.5;display:flex;overflow-y:auto}.studio-popover[data-closed]{display:none}.studio-popover-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-popover-heading h2{color:var(--did-ink);margin:0;font-family:Did Round,Malgun Gothic,sans-serif;font-size:17px;font-weight:400}.studio-popover-heading .studio-icon-button{width:36px;height:36px;min-height:36px;box-shadow:none;background:var(--did-soft)}.studio-popover button:not(.studio-icon-button),.studio-popover summary{border:1px solid var(--did-line);min-height:44px;color:var(--did-text);cursor:pointer;font:inherit;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.studio-popover button:not(.studio-icon-button):hover:not(:disabled){background:var(--did-soft)}:is(.studio-popover button:focus-visible,.studio-popover input:focus-visible,.studio-popover select:focus-visible,.studio-popover summary:focus-visible){outline:3px solid var(--ring);outline-offset:2px}.studio-popover button:disabled{opacity:.4;cursor:default}.studio-popover input:not([type=checkbox]):not([type=range]):not([type=color]),.studio-popover textarea,.studio-popover select{min-width:0;max-width:100%;min-height:44px;font:inherit;border:1px solid var(--did-line);background:#fff;border-radius:10px;padding:8px 10px}.studio-popover>b{color:var(--did-ink);font-family:Did Round,Malgun Gothic,sans-serif;font-weight:400}.studio-palette{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;display:grid}.studio-palette button{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;display:flex}.studio-popover .studio-palette button{background:0 0;border:0;min-height:0;padding:5px 2px}.studio-palette button span{width:30px;height:30px;box-shadow:0 2px 6px rgba(var(--did-shadow), .18), 0 0 0 1px rgba(var(--did-shadow), .1);border:0;border-radius:50%}.studio-palette button small{color:var(--did-muted);font-size:11px}.studio-palette button[aria-pressed=true] span{outline:2.5px solid var(--did-ink);outline-offset:2px}.studio-palette button[aria-pressed=true] small{color:var(--did-ink);font-weight:700}.studio-popover .studio-palette button[aria-pressed=true]{background:0 0}.studio-popover--shades{gap:8px;width:auto;max-width:calc(100vw - 20px);padding:10px 12px 12px}.studio-popover--shades .studio-popover-heading h2{font-size:14px}.studio-popover--shades .studio-popover-heading .studio-icon-button{width:30px;height:30px;min-height:30px}.studio-shade-row{grid-template-columns:46px auto;align-items:center;gap:8px;display:grid}.studio-shade-row>small{color:var(--did-muted);word-break:keep-all;font-size:12px}.studio-shade-row>fieldset{border:0;gap:5px;min-inline-size:0;margin:0;padding:0;display:flex}.studio-popover .studio-shade-row fieldset button{width:28px;height:28px;min-height:28px;box-shadow:0 2px 6px rgba(var(--did-shadow), .18), 0 0 0 1px rgba(var(--did-shadow), .12);border:0;border-radius:50%;padding:0}.studio-popover .studio-shade-row fieldset button[aria-pressed=true]{outline:2.5px solid var(--did-ink);outline-offset:2px}@media (max-width:600px){.studio-shade-row{grid-template-columns:1fr;gap:3px}.studio-popover .studio-shade-row fieldset button{width:26px;height:26px;min-height:26px}}.studio-wheel-picker{gap:12px;display:grid}.studio-color-wheel{width:150px;height:150px;touch-action:none;cursor:crosshair;background:radial-gradient(circle,#fff,#0000 70.7%),conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:50%;justify-self:center;min-inline-size:0;margin:8px;padding:0;position:relative}.studio-color-wheel span{width:16px;height:16px;box-shadow:0 0 0 1px var(--did-line-strong);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.studio-wheel-picker label{gap:5px;display:grid}.studio-popover input.studio-gradient-slider,.studio-wheel-picker input[type=range]{-webkit-appearance:none;appearance:none;border:1px solid var(--did-line);border-radius:8px;width:100%;height:14px;min-height:14px;margin:10px 0}.studio-gradient-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--did-ink);width:25px;height:25px;box-shadow:0 0 0 1px var(--did-line-strong);border:3px solid #fff;border-radius:50%}.studio-wheel-picker input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--did-ink);width:25px;height:25px;box-shadow:0 0 0 1px var(--did-line-strong);border:3px solid #fff;border-radius:50%}.studio-extras{background:0 0;border:0;flex-direction:column;align-items:stretch;gap:14px;padding:0;font-size:14px;display:flex}.studio-extras label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.studio-extras label:has(input[type=checkbox]){flex-wrap:nowrap;justify-content:flex-start;gap:10px}.studio-extras input[type=checkbox]{width:18px;height:18px;accent-color:var(--ring);flex:none}.studio-extras input[type=range]{min-width:100px;accent-color:var(--ring);flex:1}.studio-extras input[type=number]{width:72px}.studio-extras button:disabled{opacity:.45}.studio-tool-tip{color:var(--did-muted)}.studio-extras-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-inline-size:0;margin:0;padding:0;display:grid}.studio-extras-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-popover .studio-extras .studio-extras-action{border:1px solid var(--did-line);min-height:62px;color:var(--did-text);cursor:pointer;background:#fff;border-radius:12px;align-content:center;justify-items:center;gap:5px;padding:8px 4px;font-size:11.5px;line-height:1.2;display:grid}.studio-popover .studio-extras .studio-extras-action>svg{width:22px;height:22px;color:var(--did-ink)}.studio-popover .studio-extras .studio-extras-action small{text-align:center;word-break:keep-all;font-size:11.5px}.studio-popover .studio-extras .studio-extras-action[aria-pressed=true]{border-color:var(--did-ink);background:var(--did-soft);box-shadow:inset 0 0 0 1px var(--did-ink);color:var(--did-ink)}.studio-popover .studio-extras .studio-extras-action:disabled{opacity:.4;cursor:default}.studio-popover .studio-extras .studio-extras-action input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.studio-extras label.studio-extras-action{position:relative}.studio-filter-chip{grid-template-columns:repeat(3,9px);gap:1px;display:inline-grid}.studio-filter-chip i{border-radius:2px;width:9px;height:18px;display:block}.studio-extras-legend{color:var(--did-muted);margin:0;font-size:12px}.studio-tips{border:0;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0 0 2px;display:grid}.studio-tips legend{color:var(--did-muted);padding:0 0 6px;font-size:13px}.studio-tips button{border:2px solid var(--did-line);color:var(--did-muted);cursor:pointer;background:#fff;border-radius:12px;justify-items:center;gap:2px;padding:6px 2px;font-size:12px;display:grid}.studio-tips button svg{width:34px;height:34px}.studio-tips button[aria-pressed=true]{border-color:var(--did-ink);color:var(--did-ink);font-weight:700}.studio-tips>small{color:var(--did-muted);grid-column:1/-1;font-size:12px}.studio-stamps{grid-template-columns:repeat(4,1fr);gap:5px;max-width:100%;display:grid}.studio-stamps button{flex-direction:column;align-items:center;min-width:50px;display:flex;padding:3px!important}.studio-stamps button[aria-pressed=true]{outline:2px solid var(--ring);outline-offset:-2px}.studio-stamps span{background-repeat:no-repeat;width:38px;height:38px;display:block}.studio-stamps small{font-size:12px}.studio-pen-check{width:100%;font-size:13px}.studio-pen-check summary{cursor:pointer;padding:10px 0}.studio-pen-check output{margin:8px 0;line-height:1.5;display:block}.custom-stamp-maker{border:1px solid var(--did-line);background:var(--did-soft);border-radius:12px;gap:9px;margin-top:12px;padding:12px;display:grid}.custom-stamp-maker canvas{aspect-ratio:18/13;border:2px solid var(--did-line);touch-action:none;cursor:crosshair;background:#fff;border-radius:10px;width:min(100%,280px);display:block}.custom-stamp-maker>div{gap:8px;display:flex}.custom-stamp-maker button[aria-pressed=true]{background:var(--did-ink);color:#fff}.studio-toolbox{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.studio-toolbox button{color:var(--did-muted);flex-direction:column;justify-content:center;align-items:center;display:flex;background:0 0!important;border:0!important;min-height:74px!important;padding:4px 2px!important;font-size:12px!important}.studio-toolbox svg{width:62px;height:38px;filter:drop-shadow(0 2px 3px rgba(var(--did-shadow), .2))}.studio-toolbox button[aria-pressed=true]{color:var(--did-ink);border-radius:12px;background:var(--did-soft)!important}.studio-toolbox span{overflow-wrap:anywhere}.studio-shelf-editor{gap:5px;display:grid}.studio-shelf-editor>div{align-items:center;gap:4px;display:flex}.studio-shelf-editor>div>button:first-child{text-align:left;flex:1}.studio-document-actions{flex-direction:column;gap:10px;display:flex}.studio-document-actions>button{text-align:left;align-items:center;gap:10px;display:flex}.studio-document-actions .studio-actions{gap:8px;display:grid}.studio-document-actions .paint-title{flex-direction:column;align-items:stretch}.studio-document-actions .paint-title input{width:100%}.studio-document-actions output{color:var(--did-muted);font-size:14px}.studio-actions{flex-wrap:wrap;gap:8px;display:flex}.studio-actions button{border:1px solid var(--did-line);cursor:pointer;background:#fff;border-radius:10px;padding:9px 14px}.studio-actions .studio-new-drawing{border:1px solid var(--did-line);color:inherit;border-radius:10px;align-items:center;gap:5px;padding:9px 14px;text-decoration:none;display:inline-flex}.studio-new-ask{border:1px solid var(--did-line);background:var(--did-soft);border-radius:12px;gap:6px;width:100%;padding:12px;display:grid}.studio-new-ask legend{padding:0 0 6px;font-size:14px;font-weight:700}.studio-popover .studio-new-ask button{text-align:center;justify-content:center}.studio-popover .studio-new-ask .studio-new-drawing{border-color:var(--did-ink);background:var(--did-ink);color:#fff;font-weight:700}.studio-simple-option{align-items:center;gap:8px;padding:12px 2px;display:flex}.studio-simple-option input{width:20px;height:20px}.paint-title{align-items:center;gap:8px;font-size:14px;display:flex}.paint-title input{border:1px solid var(--did-line);border-radius:8px;width:160px;min-width:80px;max-width:100%;padding:8px;font-size:16px}.studio-layer-panel{position:relative}.studio-layer-popover{gap:10px;font-size:14px;display:grid}.studio-popover .studio-layer-popover{width:100%;max-height:none;box-shadow:none;border:0;padding:0;position:static}.studio-layer-help{color:var(--did-muted);margin:0;font-size:13px}.studio-layer-note{color:var(--did-muted);font-size:12px;line-height:1.5}.studio-layer-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.studio-popover .studio-layer-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:6px 8px;display:inline-flex}.studio-popover .studio-layer-actions .studio-layer-remove:not(:disabled){color:#9c3521}.studio-layer-list{gap:4px;display:grid}.studio-layer-row{background:var(--did-soft);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.studio-layer-row.is-on{box-shadow:inset 0 0 0 2px var(--did-ink);background:#fff}.studio-layer-row.is-paper{box-shadow:inset 0 0 0 1px var(--did-line);background:0 0}.studio-popover .studio-layer-row button{min-height:40px}.studio-layer-grip,.studio-popover .studio-layer-grip{touch-action:none;cursor:grab;width:32px;min-width:32px;color:var(--did-muted);flex:none;place-items:center;display:grid;background:0 0!important;border:0!important;padding:0!important}span.studio-layer-grip{cursor:default}.studio-popover .studio-layer-eye{width:40px;min-width:40px;color:var(--did-ink);border-radius:10px;flex:none;place-items:center;display:grid;background:0 0!important;border:0!important;padding:0!important}.studio-popover .studio-layer-eye[aria-pressed=false]{color:var(--did-muted)}.studio-layer-name,.studio-popover button.studio-layer-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:6px 8px;overflow:hidden;background:0 0!important;border:0!important}span.studio-layer-name{color:var(--did-muted)}.studio-layer-row.is-on .studio-layer-name{color:var(--did-ink);font-weight:700}.studio-layer-opacity{gap:4px;display:grid}.studio-layer-opacity>span{color:var(--did-muted);justify-content:space-between;font-size:13px;display:flex}.studio-layer-opacity input{width:100%;min-height:28px;accent-color:var(--did-ink)}.studio-thickness{gap:10px;display:grid}.studio-thickness-control{align-items:center;gap:14px;display:flex}.studio-thickness-control span{border-radius:50%;flex:none}.studio-thickness-control input{width:100%;min-width:0;height:36px;accent-color:var(--ring)}.studio-stroke-preview{background:var(--did-soft);border-radius:10px;width:100%;height:50px}.studio-note{z-index:4;color:#8a5a1f;box-shadow:0 4px 14px rgba(var(--did-shadow), .14);background:#fdf4e3;border:1px solid #f2dfb4;border-radius:12px;margin:0;padding:10px 14px;font-size:13px;line-height:1.5;position:absolute;bottom:22px;left:22px;right:22px}.studio-selection-clear{z-index:3;min-height:44px;box-shadow:0 4px 12px rgba(var(--did-shadow), .16);background:#fff;border:0;border-radius:24px;padding:8px 18px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.studio-guide{max-height:88dvh;font-size:16px;line-height:1.65;overflow:auto;width:min(680px,94vw)!important;max-width:min(680px,94vw)!important}.studio-guide button{background:var(--did-soft);border:1px solid var(--did-line);cursor:pointer;border-radius:10px;min-height:44px;padding:8px 12px}.studio-step-tabs,.studio-timer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-step-tabs [aria-pressed=true]{background:var(--did-soft);border-color:var(--did-ink);color:var(--did-ink)}.studio-step-text{background:var(--did-soft);border-radius:12px;min-height:110px;padding:18px;font-size:20px}.studio-timer output{font-variant-numeric:tabular-nums;margin-right:8px;font-size:26px}.studio-instructions{white-space:pre-wrap;background:#fff7e8;border-radius:10px;padding:12px}.studio-reference{z-index:40;width:min(280px,45%);box-shadow:0 10px 28px rgba(var(--did-shadow), .18);background:#fff;border:0;border-radius:14px;padding:10px;position:fixed;top:80px;right:120px}.studio-reference>div{justify-content:space-between;align-items:center;gap:4px;font-size:14px;display:flex}.studio-reference img{object-fit:contain;width:100%;max-height:240px;margin-top:6px;display:block}:is(.studio button:focus-visible,.paint-start button:focus-visible){outline:3px solid var(--ring);outline-offset:2px}.studio button:disabled{opacity:.45;cursor:default}.paint-page{height:calc(100dvh - 64px)}.paint-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.paint-shell .class-nav{flex:none}.paint-shell .paint-page{flex:1;height:auto;min-height:0}.paint-page .studio{height:100%}.class-app.student-paint-shell{flex-direction:column;width:100%;max-width:none;height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}.student-paint-shell>main{flex:1;min-height:0}.student-paint-shell .studio{height:100%}.student-paint-shell>.class-alert{flex:none;margin:0}.student-lesson-menu{min-width:0}.student-lesson-menu textarea{width:100%}.student-lesson-menu .student-notes{margin:12px 0;padding:0}.paint-start{text-align:center;background:var(--did-paper);width:100%;margin:0 auto;padding:8vh 24px;max-width:none!important}.paint-start h1{margin:0 0 8px;font-size:32px}.paint-start p{color:var(--did-muted);margin:0 0 28px}.paper-choices{justify-content:center;gap:18px;margin-bottom:24px;display:flex}.paper-choices button{border:2px solid var(--did-line);cursor:pointer;width:130px;color:var(--did-muted);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;font-size:15px;display:flex}.paper-choices button b{font-size:15px}.paper-shape-box{place-items:center;width:62px;height:84px;display:grid}.paper-shape{background:var(--did-soft);border:2px solid var(--did-line);border-radius:6px;width:62px;max-height:84px;display:block}.paper-choices button[aria-pressed=true]{border-color:var(--did-ink);color:var(--did-ink);font-weight:700}.paper-choices button[aria-pressed=true] .paper-shape{background:var(--did-soft);border-color:var(--did-ink)}.paint-custom-paper{border:1px solid var(--did-line);text-align:left;border-radius:14px;width:100%;margin:0 auto 20px;padding:0;display:block}.paint-custom-paper[open]{padding-bottom:16px}.paint-custom-paper summary{color:var(--did-text);cursor:pointer;padding:13px 16px;font-weight:800}.paint-custom-paper[open] summary{padding-bottom:6px}.paint-custom-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;padding:0 16px;display:grid}.paint-custom-fields>span{color:var(--did-muted);padding-bottom:12px}.paint-custom-paper label{min-width:0;color:var(--did-muted);gap:5px;font-size:13px;display:grid}.paint-custom-paper input{box-sizing:border-box;border:1px solid var(--did-line);border-radius:9px;width:100%;min-width:0;min-height:42px;padding:8px;font-size:16px}.paint-custom-paper button{box-sizing:border-box;border:1px solid var(--did-ink);width:calc(100% - 32px);min-height:42px;color:var(--did-ink);background:#fff;border-radius:9px;margin:12px 16px 0;padding:8px 13px;font-weight:800;display:block}.paint-custom-paper button[aria-pressed=true]{background:var(--did-ink);color:#fff}.paint-custom-paper>small{color:var(--did-muted);text-align:center;margin:8px 16px 0;line-height:1.5;display:block}.paint-simple{max-width:420px;color:var(--did-muted);text-align:left;cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:26px;display:inline-flex}.paint-simple input{flex:none;margin-top:3px}.paint-simple small{font-size:12px;line-height:1.5;display:block}.primary-button.big{border-radius:14px;margin:0 auto;padding:16px 44px;font-size:19px;display:block}.paint-chosen-template{text-align:left;border:1px solid var(--did-line);background:#fff;border-radius:14px;align-items:center;gap:18px;margin:20px 0;padding:16px;display:flex}.paint-chosen-template img{object-fit:contain;width:130px;height:100px}.paint-chosen-template p{margin:8px 0}.paint-start-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;display:flex}.paint-start-actions a{padding:10px}.paint-local-works>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.paint-local-works>div>button{text-align:left;flex-direction:column;align-items:stretch;gap:8px;min-width:0;display:flex}.paint-local-works img,.paint-old-work{object-fit:contain;background:var(--did-soft);place-content:center;width:100%;height:100px;display:grid}.paint-local-works b{overflow-wrap:anywhere}.paint-local-works small{color:var(--did-muted);font-size:13px}@media (max-width:600px){.paint-local-works>div{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-choices{gap:8px}.paper-choices button{width:31%;padding:12px 6px}.studio-reference{width:min(220px,52%);top:60px;right:96px}}