.po-studio-page{padding: 0;}.po-studio{--studio-bar: 64px;display: flex;flex-direction: column;min-height: 100vh;background: radial-gradient(circle at 1px 1px,rgba(23,21,59,0.07) 1px,transparent 1.5px) 0 0 / 22px 22px,radial-gradient(700px 300px at 100% 0%,rgba(255,193,217,0.35),transparent 70%),radial-gradient(600px 280px at 0% 100%,rgba(166,139,255,0.16),transparent 70%),var(--po-paper);}.po-studio__bar{position: sticky;top: 0;z-index: 20;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;padding: 8px clamp(10px,2vw,20px);background: rgba(255,255,255,0.86);border-bottom: 1px solid rgba(23,21,59,0.08);box-shadow: 0 6px 20px rgba(23,21,59,0.06);-webkit-backdrop-filter: blur(14px) saturate(1.3);backdrop-filter: blur(14px) saturate(1.3);}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.po-studio__bar{background: var(--po-surface);}}body:has([data-po-hide-olly]) .po-kid-horizon{display: none;}.po-studio-loading{display: grid;justify-items: center;align-content: center;gap: 10px;min-height: min(70vh,560px);padding: 24px;text-align: center;}.po-studio-loading p{margin: 0;color: var(--po-ink-soft);font: 600 1.25rem var(--po-font-display);}.po-studio-loading__olly{width: 120px;height: 120px;}.po-studio-loading__olly svg{width: 100%;height: 100%;}.po-studio-loading__dabs{display: flex;gap: 10px;}.po-studio-loading__dabs span{width: 14px;height: 14px;border-radius: 50%;background: var(--po-berry);}.po-studio-loading__dabs span:nth-child(2){background: var(--po-amber);}.po-studio-loading__dabs span:nth-child(3){background: var(--po-mint);}.po-studio-loading__dabs span:nth-child(4){background: var(--po-sky);}@media (prefers-reduced-motion: no-preference){.po-studio-loading__dabs span{animation: po-dab 1.2s var(--po-ease-in-out) infinite;}.po-studio-loading__dabs span:nth-child(2){animation-delay: 0.15s;}.po-studio-loading__dabs span:nth-child(3){animation-delay: 0.3s;}.po-studio-loading__dabs span:nth-child(4){animation-delay: 0.45s;}}@keyframes po-dab{0%,100%{transform: translateY(0) scale(1);}40%{transform: translateY(-10px) scale(1.15);}}.po-studio__back{min-height: 44px;padding-inline: 12px;gap: 4px;}.po-studio__name{display: flex;flex-direction: column;min-width: 0;flex: 1 1 180px;}.po-studio__kind{font-size: var(--po-text-xs);font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase;color: var(--po-text-muted);}.po-studio__title{width: 100%;min-width: 0;padding: 2px 6px;border: 2px solid transparent;border-radius: var(--po-radius-sm);background: transparent;color: var(--po-text);font: 700 var(--po-text-lg) var(--po-font-display);}.po-studio__title:hover,.po-studio__title:focus{border-color: var(--po-line-strong);background: var(--po-surface-sunken);}.po-studio__actions{display: flex;flex-wrap: wrap;gap: 6px;}.po-studio__guest{--po-link: var(--po-info-ink);display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px;margin: 0;padding: 10px clamp(12px,2vw,20px);background: var(--po-sun-soft);border-bottom: 2px solid var(--po-sun);color: var(--po-ink);}.po-studio__banner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px;margin: 10px clamp(10px,2vw,20px) 0;padding: 12px 16px;border-radius: var(--po-radius-md);background: var(--po-info-soft);border: 2px solid var(--po-sky);}.po-studio__banner[hidden]{display: none;}.po-studio__banner p{margin: 0;font-weight: 700;}.po-studio__banner-actions{display: flex;gap: 8px;}.po-studio__stage{flex: 1;min-height: 0;padding: 10px clamp(10px,2vw,20px) 20px;}.po-studio__toasts{position: fixed;left: 50%;bottom: 18px;z-index: 60;display: flex;flex-direction: column;align-items: center;gap: 8px;transform: translateX(-50%);pointer-events: none;}.po-studio__toast{max-width: min(92vw,520px);padding: 10px 18px;border-radius: var(--po-radius-pill);background: var(--po-night);color: #fff;font-weight: 800;box-shadow: var(--po-shadow-3);animation: po-studio-toast var(--po-dur-med) var(--po-ease-out);}.po-studio__toast--good{background: var(--po-teal-strong);}.po-studio__toast--warn{background: var(--po-danger);}@keyframes po-studio-toast{from{opacity: 0;transform: translateY(8px);}}.po-ico{width: 22px;height: 22px;flex: none;}.po-tool{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-width: var(--po-target-min);min-height: var(--po-target-min);padding: 6px 12px;border: 2px solid var(--po-line-strong);border-radius: var(--po-radius-md);background: var(--po-surface);color: var(--po-text);font: 800 var(--po-text-sm) var(--po-font-body);cursor: pointer;transition: background-color var(--po-dur-fast),transform var(--po-dur-fast);}.po-tool:hover{background: var(--po-surface-sunken);}.po-tool:active{transform: translateY(1px);}.po-tool[aria-pressed="true"]{border-color: var(--po-primary);background: var(--po-teal-soft);color: var(--po-teal-strong);box-shadow: inset 0 0 0 1px var(--po-primary);}.po-tool[disabled]{opacity: 0.45;cursor: not-allowed;}.po-tool--primary{border-color: var(--po-primary);background: var(--po-primary);color: #fff;}.po-tool--primary:hover{background: var(--po-primary-hover);}.po-tool--icon-only .po-tool__label{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;}.po-tool--icon-only{position: relative;padding: 6px;}.po-tool--chip{min-height: 40px;border-radius: var(--po-radius-pill);}.po-studio-tools{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;}.po-studio-options{display: flex;flex-direction: column;gap: 14px;padding: 14px;border-radius: var(--po-radius-lg);background: var(--po-surface);box-shadow: var(--po-shadow-1);overflow-y: auto;}.po-panel-group{display: flex;flex-direction: column;gap: 8px;border: 0;margin: 0;padding: 0;}.po-panel-group__title{margin: 0;font: 800 var(--po-text-sm) var(--po-font-body);font-variation-settings: normal;letter-spacing: 0.04em;text-transform: uppercase;color: var(--po-text-muted);cursor: default;}.po-panel-group__subtitle{margin: 4px 0 0;font-size: var(--po-text-sm);}details.po-panel-group > summary{cursor: pointer;}.po-chips{display: flex;flex-wrap: wrap;gap: 6px;}.po-palette{display: flex;flex-wrap: wrap;gap: 6px;}.po-swatch{width: 40px;height: 40px;padding: 0;border: 3px solid #fff;border-radius: 50%;background: var(--swatch,#fff);box-shadow: 0 0 0 2px var(--po-line-strong);cursor: pointer;}[data-band="early"] .po-swatch,[data-band="young"] .po-swatch,.is-large .po-swatch,.po-palette--big .po-swatch{width: 52px;height: 52px;}.po-swatch[aria-checked="true"],.po-swatch[aria-pressed="true"]{box-shadow: 0 0 0 3px var(--po-ink),0 0 0 6px var(--po-sun);position: relative;}.po-swatch[aria-checked="true"]::after,.po-swatch[aria-pressed="true"]::after{content: "✓";display: grid;place-items: center;height: 100%;font-weight: 900;color: #fff;text-shadow: 0 0 3px #000,0 0 2px #000;}.po-swatch--custom{background: conic-gradient(#e8453e,#ffd34d,#3dba7e,#2f6fe4,#7a5bd8,#e8453e);-webkit-appearance: none;appearance: none;}.po-swatch--custom::-webkit-color-swatch-wrapper{padding: 0;}.po-swatch--custom::-webkit-color-swatch{border: 0;border-radius: 50%;opacity: 0;}.po-slider{display: grid;grid-template-columns: 1fr auto;gap: 4px 10px;align-items: center;}.po-slider__label{font-weight: 800;}.po-slider__value{font-size: var(--po-text-sm);color: var(--po-text-muted);}.po-slider__input{grid-column: 1 / -1;width: 100%;min-height: 32px;accent-color: var(--po-primary);}.po-stamp-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(54px,1fr));gap: 6px;}.po-stamp-grid--big{grid-template-columns: repeat(auto-fill,minmax(72px,1fr));}.po-stamp-choice{display: grid;place-items: center;min-height: 54px;padding: 4px;border: 2px solid var(--po-line);border-radius: var(--po-radius-sm);background: #fff;cursor: pointer;}.po-stamp-choice[aria-pressed="true"]{border-color: var(--po-primary);background: var(--po-teal-soft);}.po-stamp-choice--photo img{width: 100%;aspect-ratio: 4 / 3;object-fit: contain;}.po-paint,.po-pixel,.po-coloring,.po-anim{display: grid;grid-template-columns: auto minmax(0,1fr) minmax(240px,300px);grid-template-areas: "tools main options";gap: 12px;height: calc(100vh - 120px);min-height: 460px;}.po-paint > .po-studio-tools,.po-pixel > .po-studio-tools,.po-coloring > .po-studio-tools,.po-anim > .po-studio-tools{grid-area: tools;flex-direction: column;flex-wrap: nowrap;align-items: stretch;overflow-y: auto;}.po-paint > .po-studio-tools .po-tool,.po-pixel > .po-studio-tools .po-tool,.po-coloring > .po-studio-tools .po-tool,.po-anim > .po-studio-tools .po-tool{flex-direction: column;gap: 2px;min-width: 72px;font-size: var(--po-text-xs);}.po-paint > .po-studio-options,.po-pixel > .po-studio-options,.po-coloring > .po-studio-options,.po-anim > .po-studio-options{grid-area: options;}.po-paint__main,.po-pixel__main,.po-coloring__main,.po-anim__main{grid-area: main;position: relative;min-height: 0;display: flex;flex-direction: column;}.po-paint__surface,.po-pixel__surface,.po-anim__surface{position: relative;flex: 1;min-height: 300px;display: grid;place-items: center;overflow: hidden;border-radius: var(--po-radius-lg);background: #ede6d8;touch-action: none;cursor: crosshair;}.po-paint__surface.is-panning{cursor: grab;}.po-paint__surface:focus-visible,.po-pixel__surface:focus-visible,.po-anim__surface:focus-visible,.po-comic__surface:focus-visible,.po-jigsaw__surface:focus-visible{outline: 4px solid var(--po-focus);outline-offset: 2px;}.po-paint__canvas{position: absolute;inset: 0;touch-action: none;}.po-paint__zoom{position: absolute;right: 10px;bottom: 10px;display: flex;align-items: center;gap: 4px;padding: 4px;border-radius: var(--po-radius-pill);background: rgba(255,255,255,0.92);box-shadow: var(--po-shadow-2);}.po-paint__zoom .po-tool{min-width: 44px;min-height: 44px;border-radius: 50%;}.po-paint__zoom-label{min-width: 48px;text-align: center;font-weight: 800;font-size: var(--po-text-sm);}.po-layers{display: flex;flex-direction: column;gap: 4px;margin: 0;padding: 0;list-style: none;}.po-layers__row{display: flex;align-items: center;gap: 4px;padding: 4px;border-radius: var(--po-radius-sm);background: var(--po-surface-sunken);}.po-layers__row.is-active{box-shadow: inset 0 0 0 2px var(--po-primary);}.po-layers__row .po-tool{min-width: 36px;min-height: 36px;}.po-layers__name{flex: 1;min-height: 36px;border: 0;background: transparent;text-align: left;font-weight: 800;cursor: pointer;}.po-coloring__main{justify-content: flex-start;align-items: center;overflow: auto;border-radius: var(--po-radius-lg);background: var(--po-surface);box-shadow: var(--po-shadow-1);padding: 12px;}.po-coloring__holder{width: 100%;flex-shrink: 0;}.po-coloring__page{display: block;width: 100%;max-height: calc(100vh - 170px);touch-action: manipulation;}.po-coloring__region{cursor: pointer;transition: filter var(--po-dur-fast);}.po-coloring__region:hover{filter: brightness(0.94);}.po-coloring__region:focus{outline: none;stroke: var(--po-focus);stroke-width: 5px;}.po-coloring__pick-title{margin: 0 0 12px;font-size: var(--po-text-xl);}.po-page-picker{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,170px),1fr));gap: 12px;}.po-page-picker__item{display: flex;flex-direction: column;gap: 6px;width: 100%;padding: 8px;border: 2px solid var(--po-line);border-radius: var(--po-radius-md);background: #fff;font-weight: 800;cursor: pointer;}.po-page-picker__item:hover{border-color: var(--po-primary);}.po-page-picker__item svg{width: 100%;height: auto;}.po-coloring .po-color-view{overflow: auto;overscroll-behavior: contain;max-height: min(68vh,800px);border-radius: 16px;background: #fffdf8;border: 1px solid #e0cfae;}.po-coloring .po-color-view.is-panning{cursor: grab;touch-action: none;}.po-coloring .po-color-view .po-coloring__page{max-height: none;}.po-coloring__picture-heading{margin: 4px 0 16px;}.po-coloring__picture-heading span,.po-coloring__eyebrow{color: #0a5e47;font-size: .76rem;font-weight: 900;letter-spacing: .08em;text-transform: uppercase;}.po-coloring__picture-heading h2{margin: 4px 0;}.po-coloring__categories{display: flex;flex-wrap: wrap;gap: 8px;margin: 20px 0;}.po-coloring__categories [aria-pressed='true']{color: #fff;background: #0f7a5c;border-color: #0f7a5c;}.po-coloring .po-page-picker{grid-template-columns: repeat(auto-fill,minmax(min(100%,220px),1fr));gap: 20px;padding: 16px 0;}.po-coloring .po-page-picker__item{padding: 12px;gap: 10px;border-radius: 20px;box-shadow: 0 4px 0 #e9dfcc,0 10px 24px #17153b08;text-align: left;transition: transform .16s ease,box-shadow .16s ease;}.po-coloring .po-page-picker__item:hover{transform: translateY(-3px);box-shadow: 0 6px 0 #d6e7db,0 15px 28px #17153b10;}.po-coloring .po-page-picker__item svg{aspect-ratio: 4 / 3;border-radius: 12px;background: #fff7ea;}.po-coloring .po-page-picker__item small,.po-coloring__palette-note{color: #4a4870;font-size: .78rem;font-weight: 500;line-height: 1.6;}.po-coloring__zoom-label{text-align: center;font-size: .78rem;font-weight: 800;}@media (prefers-reduced-motion: reduce){.po-coloring .po-page-picker__item{transition: none;}}.po-pixel__canvas,.po-anim__canvas{touch-action: none;image-rendering: pixelated;box-shadow: var(--po-shadow-2);}.po-pixel__player{flex-direction: row;flex-wrap: wrap;align-items: center;}.po-pixel__preview{width: 96px;height: 96px;border-radius: var(--po-radius-sm);background: #fff;image-rendering: pixelated;box-shadow: var(--po-shadow-1);}.po-frames{display: flex;gap: 6px;margin: 0;padding: 2px 2px 6px;list-style: none;overflow-x: auto;}.po-frames__item{position: relative;display: grid;place-items: center;min-width: 64px;min-height: 60px;padding: 4px;border: 2px solid var(--po-line);border-radius: var(--po-radius-sm);background: #fff;cursor: pointer;}.po-frames__item[aria-pressed="true"]{border-color: var(--po-primary);box-shadow: 0 0 0 2px var(--po-primary);}.po-frames__item canvas{image-rendering: pixelated;}.po-frames__item span{position: absolute;right: 3px;bottom: 1px;font-size: 11px;font-weight: 900;color: var(--po-text-muted);}.po-frames__actions{display: flex;flex-wrap: wrap;gap: 6px;}.po-anim{grid-template-rows: minmax(0,1fr) auto;grid-template-areas: "tools main options" "tools strip strip";}.po-anim__strip{grid-area: strip;padding: 10px;border-radius: var(--po-radius-lg);background: var(--po-surface);box-shadow: var(--po-shadow-1);}.po-comic{display: grid;grid-template-columns: minmax(0,1fr) minmax(260px,340px);gap: 12px;align-items: start;}.po-comic__surface{position: relative;width: 100%;aspect-ratio: 1000 / 700;border-radius: var(--po-radius-md);overflow: hidden;box-shadow: var(--po-shadow-2);background: #fff;}.po-comic__canvas,.po-comic__overlay{position: absolute;inset: 0;width: 100%;height: 100%;}.po-comic__overlay{touch-action: none;}.po-comic__panel{fill: transparent;pointer-events: all;cursor: pointer;}.po-comic__panel.is-selected{stroke: var(--po-sun-strong);stroke-width: 6px;}.po-comic__item{fill: transparent;pointer-events: all;cursor: move;}.po-comic__item.is-selected{stroke: var(--po-focus);stroke-width: 4px;stroke-dasharray: 10 6;}.po-comic__badge{fill: var(--po-ink);pointer-events: none;}.po-comic__badge-text{fill: #fff;font: 900 18px var(--po-font-body);pointer-events: none;}.po-studio-options--wide{max-height: calc(100vh - 130px);}.po-comic__adds{display: flex;flex-wrap: wrap;gap: 6px;}.po-parts,.po-order{display: flex;flex-direction: column;gap: 4px;margin: 0;padding: 0;list-style: none;}.po-parts__item{width: 100%;min-height: 40px;padding: 6px 10px;border: 2px solid var(--po-line);border-radius: var(--po-radius-sm);background: #fff;text-align: left;font-weight: 700;cursor: pointer;}.po-parts__item[aria-pressed="true"]{border-color: var(--po-focus);background: var(--po-info-soft);}.po-order li{display: flex;align-items: center;gap: 4px;}.po-order li span{flex: 1;font-size: var(--po-text-sm);}.po-book{display: grid;grid-template-columns: minmax(170px,230px) minmax(0,1fr);grid-template-areas: "tools tools" "pages editor";gap: 12px;}.po-book > .po-studio-tools{grid-area: tools;}.po-book__pages{grid-area: pages;}.po-book__list{display: flex;flex-direction: column;gap: 6px;margin: 0;padding: 0;list-style: none;}.po-book__tab{width: 100%;min-height: 48px;padding: 8px 12px;overflow: hidden;border: 2px solid var(--po-line);border-radius: var(--po-radius-md);background: #fff;text-align: left;text-overflow: ellipsis;white-space: nowrap;font-weight: 800;cursor: pointer;}.po-book__tab[aria-pressed="true"]{border-color: var(--po-plum);background: var(--po-plum-soft);}.po-book__editor{grid-area: editor;display: flex;flex-direction: column;gap: 14px;padding: 16px;border-radius: var(--po-radius-lg);background: var(--po-surface);box-shadow: var(--po-shadow-1);}.po-book__page-head{display: flex;align-items: center;gap: 6px;}.po-book__page-head h3{flex: 1;}.po-book__words{font: 600 var(--po-text-lg) / 1.5 var(--po-font-body);}.po-book__count{font-size: var(--po-text-sm);}.po-book__picture-row{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;}.po-book__picture-preview{display: grid;place-items: center;width: 120px;height: 100px;border-radius: var(--po-radius-sm);background: var(--po-surface-sunken);}.po-book__picture-preview img,.po-book__picture-preview svg{max-width: 100%;max-height: 100%;}.po-book__preview{max-width: 560px;}.po-book-page,.po-book-cover{position: relative;display: grid;gap: 14px;aspect-ratio: 3 / 4;padding: 24px;border-radius: 10px;background: #fffdf8;box-shadow: var(--po-shadow-2);overflow: hidden;}.po-book-page--picture-top{grid-template-rows: minmax(0,3fr) minmax(0,2fr);}.po-book-page--picture-left{grid-template-columns: 1fr 1fr;align-items: center;}.po-book-page--text-only{align-content: center;}.po-book-page__picture{display: grid;place-items: center;min-height: 0;}.po-book-page__picture svg,.po-book-page__img{max-width: 100%;max-height: 100%;object-fit: contain;}.po-book-page__text{font: 600 clamp(1rem,0.9rem + 0.6vw,1.35rem) / 1.55 var(--po-font-body);overflow-wrap: anywhere;}.po-book-page__text p{margin: 0 0 0.4em;}.po-book-page__number{position: absolute;right: 14px;bottom: 10px;font-weight: 800;color: var(--po-text-faint);}.po-book-cover{grid-template-rows: minmax(0,1fr) auto auto;background: var(--cover);text-align: center;}.po-book-cover__frame{display: grid;place-items: center;min-height: 0;border-radius: 18px;background: rgba(255,255,255,0.92);}.po-book-cover__frame svg{max-width: 80%;max-height: 90%;}.po-book-cover__empty{font-size: 3rem;color: var(--po-text-faint);}.po-book-cover__title{margin: 0;color: #fff;font: 700 clamp(1.4rem,1rem + 1.6vw,2.2rem) var(--po-font-display);text-shadow: 0 2px 0 rgba(0,0,0,0.25);overflow-wrap: anywhere;}.po-book-cover__author{margin: 0;color: #fff;font-weight: 800;}.po-book-reader{width: min(720px,calc(100vw - 24px));max-height: calc(100vh - 24px);padding: 16px;border: 0;border-radius: var(--po-radius-xl);background: var(--po-cream);box-shadow: var(--po-shadow-3);}.po-book-reader::backdrop{background: rgba(28,31,74,0.7);}.po-book-reader__bar,.po-book-reader__nav{display: flex;align-items: center;justify-content: space-between;gap: 10px;}.po-book-reader__page{margin: 12px auto;max-width: min(520px,calc((100vh - 200px) * 0.75));}.po-book-reader__position{font-weight: 800;color: var(--po-text-muted);}.po-print-book{display: none;}.po-studio-tools .po-select{width: auto;min-height: var(--po-target-min);}.po-music{display: flex;flex-direction: column;gap: 12px;}.po-music__options{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px;}.po-music__options .po-slider{min-width: 240px;}.po-music__pager{display: flex;align-items: center;gap: 6px;font-weight: 800;}.po-music__scroll{overflow-x: auto;padding: 12px;border-radius: var(--po-radius-lg);background: var(--po-night);}.po-music__grid{display: flex;flex-direction: column;gap: 4px;min-width: max-content;}.po-music__row{display: grid;grid-template-columns: 120px repeat(var(--steps),minmax(34px,44px));gap: 4px;}[data-band="early"] .po-music__row,[data-band="young"] .po-music__row,.is-large .po-music__row{grid-template-columns: 120px repeat(var(--steps),52px);}.po-music__label{display: flex;align-items: center;gap: 6px;color: #fff;font-weight: 800;font-size: var(--po-text-sm);}.po-music__label::before{content: "";width: 12px;height: 12px;border-radius: 3px;background: var(--inst);}.po-music__cell{min-height: 40px;border: 0;border-radius: 8px;background: rgba(255,255,255,0.1);cursor: pointer;}.po-music__cell.is-beat{background: rgba(255,255,255,0.2);}.po-music__cell.is-on{background: var(--inst);box-shadow: inset 0 -4px 0 rgba(0,0,0,0.22);}.po-music__cell.is-on::after{content: "●";color: rgba(255,255,255,0.85);}.po-music__cell.is-now{outline: 3px solid #fff;outline-offset: -3px;}.po-music__cell:focus-visible{outline: 4px solid var(--po-sun);outline-offset: 1px;}.po-jigsaw{display: flex;flex-direction: column;gap: 10px;max-width: 1100px;margin-inline: auto;}.po-jigsaw__surface{position: relative;width: 100%;border-radius: var(--po-radius-lg);overflow: hidden;touch-action: none;}.po-jigsaw__canvas{display: block;touch-action: none;}.po-jigsaw__status{margin: 0 0 0 auto;font-weight: 800;}.po-jigsaw__done{position: absolute;inset: 50% auto auto 50%;transform: translate(-50%,-50%);padding: 24px 32px;border-radius: var(--po-radius-xl);background: #fff;box-shadow: var(--po-shadow-3);text-align: center;}.po-jigsaw__done.is-animated{animation: po-jigsaw-pop var(--po-dur-slow) var(--po-ease-bounce);}.po-jigsaw__done-title{margin: 0;font: 700 var(--po-text-2xl) var(--po-font-display);color: var(--po-teal-strong);}@keyframes po-jigsaw-pop{from{transform: translate(-50%,-40%) scale(0.85);opacity: 0;}}.po-studio__dialog{width: min(560px,calc(100vw - 24px));max-height: calc(100vh - 32px);padding: 0;border: 0;border-radius: var(--po-radius-xl);background: var(--po-surface);color: var(--po-text);box-shadow: var(--po-shadow-3);}.po-studio__dialog::backdrop{background: rgba(28,31,74,0.55);}.po-studio__dialog-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 14px 18px 0;}.po-studio__dialog-head h2{margin: 0;font-size: var(--po-text-xl);}.po-studio__dialog-body{padding: 12px 18px 18px;}.po-studio__dialog-actions{display: flex;justify-content: flex-end;gap: 8px;padding: 0 18px 18px;}.po-studio__menu{display: flex;flex-direction: column;gap: 6px;}.po-studio__menu-item{display: flex;align-items: center;gap: 12px;width: 100%;min-height: 56px;padding: 8px 12px;border: 2px solid var(--po-line);border-radius: var(--po-radius-md);background: #fff;text-align: left;cursor: pointer;}.po-studio__menu-item:hover{border-color: var(--po-primary);}.po-studio__menu-item span{display: flex;flex-direction: column;}.po-studio__menu-item small{color: var(--po-text-muted);}.po-studio__choices{display: flex;flex-wrap: wrap;gap: 10px;}.po-ideas h3{margin: 0 0 4px;}.po-ideas__list{display: flex;flex-direction: column;gap: 8px;margin: 12px 0;padding: 0;list-style: none;}.po-ideas__list li{display: flex;align-items: center;gap: 10px;font-weight: 700;}.po-ideas__box{display: grid;place-items: center;width: 28px;height: 28px;border: 3px solid var(--po-line-strong);border-radius: 8px;font-weight: 900;}.po-ideas__list li.is-done .po-ideas__box{border-color: var(--po-success);background: var(--po-success);color: #fff;}.po-ideas__choices{display: grid;gap: 8px;margin-top: 10px;}.po-ideas__choice{display: flex;flex-direction: column;gap: 2px;padding: 10px 14px;border: 2px solid var(--po-line);border-radius: var(--po-radius-md);background: var(--po-surface-sunken);text-align: left;cursor: pointer;}.po-ideas__choice:hover{border-color: var(--po-primary);}.po-history{display: flex;flex-direction: column;gap: 6px;max-height: 60vh;margin: 10px 0 0;padding: 0;overflow-y: auto;list-style: none;}.po-history li{display: flex;align-items: center;gap: 10px;padding: 6px;border-radius: var(--po-radius-sm);background: var(--po-surface-sunken);}.po-history li.is-current{box-shadow: inset 0 0 0 2px var(--po-success);}.po-history img,.po-history__blank{width: 96px;height: 72px;border-radius: 6px;background: #fff;object-fit: contain;}.po-history__text{display: flex;flex: 1;flex-direction: column;}.po-keys{width: 100%;border-collapse: collapse;}.po-keys th,.po-keys td{padding: 6px 4px;border-bottom: 1px solid var(--po-line);text-align: left;}.po-keys kbd{display: inline-block;padding: 2px 8px;border: 1px solid var(--po-line-strong);border-bottom-width: 3px;border-radius: 6px;background: #fff;font: 700 var(--po-text-sm) var(--po-font-mono);}.po-studio-home__studios{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,230px),1fr));gap: 16px;}.po-studio-tile{display: flex;flex-direction: column;overflow: hidden;border-radius: var(--po-radius-xl);background: var(--po-surface);box-shadow: var(--po-shadow-2);border-top: 8px solid var(--accent,var(--po-primary));}.po-studio-tile img,.po-studio-tile .po-cover-fallback{width: 100%;height: auto;aspect-ratio: 16 / 10;object-fit: cover;}.po-studio-tile__body{display: flex;flex: 1;flex-direction: column;gap: 8px;padding: 14px 16px 16px;}.po-studio-tile__body h3{margin: 0;font-size: var(--po-text-xl);}.po-studio-tile__body p{margin: 0;color: var(--po-text-muted);}.po-studio-tile__actions{display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto;}.po-studio-tile__projects{margin: 0;font-size: var(--po-text-sm);}.po-studio-tile__projects summary{cursor: pointer;font-weight: 800;}.po-studio-tile__projects ul{display: flex;flex-direction: column;gap: 4px;margin: 6px 0 0;padding: 0;list-style: none;}.po-creations{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,220px),1fr));gap: 14px;margin: 0;padding: 0;list-style: none;}.po-creation{display: flex;flex-direction: column;gap: 8px;padding: 10px;border-radius: var(--po-radius-lg);background: var(--po-surface);box-shadow: var(--po-shadow-1);}.po-creation__link{display: flex;flex-direction: column;gap: 4px;color: inherit;text-decoration: none;}.po-creation__thumb{width: 100%;aspect-ratio: 4 / 3;border-radius: var(--po-radius-sm);background: var(--po-surface-sunken);object-fit: contain;}.po-creation__thumb--empty{display: block;background: repeating-linear-gradient(45deg,var(--po-cream-2),var(--po-cream-2) 10px,#fff 10px,#fff 20px);}.po-creation__meta{display: flex;flex-wrap: wrap;gap: 6px;font-size: var(--po-text-xs);}.po-creation__meta{margin: 0;padding: 0;list-style: none;}.po-creation__meta .po-badge{max-width: 100%;white-space: normal;text-align: left;}.po-creation__actions{display: flex;flex-wrap: wrap;gap: 6px;}.po-creation__actions form{display: contents;}.po-creation details summary{cursor: pointer;font-weight: 800;font-size: var(--po-text-sm);}.po-creation details form{display: flex;flex-direction: column;gap: 6px;margin-top: 6px;}.po-viewer{display: flex;flex-direction: column;align-items: flex-start;gap: 12px;}.po-viewer__picture{max-width: 100%;height: auto;border-radius: var(--po-radius-md);box-shadow: var(--po-shadow-2);background: #fff;}.po-viewer__book{width: min(100%,360px);}.po-viewer__pages{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr));gap: 14px;width: 100%;}.po-portfolio{display: grid;gap: 18px;margin: 0;padding: 0;list-style: none;}.po-portfolio__item{display: grid;grid-template-columns: minmax(0,260px) minmax(0,1fr);gap: 16px;align-items: start;padding: 14px;border-radius: var(--po-radius-lg);background: var(--po-surface);box-shadow: var(--po-shadow-1);break-inside: avoid;}.po-portfolio__item img{width: 100%;border-radius: var(--po-radius-sm);background: var(--po-surface-sunken);}.po-portfolio__caption{font: 600 var(--po-text-lg) / 1.5 var(--po-font-body);}@media (max-width: 900px){.po-paint,.po-pixel,.po-coloring,.po-anim{grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(320px,62vh) auto;grid-template-areas: "tools" "main" "options";height: auto;}.po-anim{grid-template-rows: auto minmax(300px,56vh) auto auto;grid-template-areas: "tools" "main" "strip" "options";}.po-paint > .po-studio-tools,.po-pixel > .po-studio-tools,.po-coloring > .po-studio-tools,.po-anim > .po-studio-tools{flex-direction: row;overflow-x: auto;overflow-y: visible;padding-bottom: 4px;}.po-paint > .po-studio-tools .po-tool,.po-pixel > .po-studio-tools .po-tool,.po-coloring > .po-studio-tools .po-tool,.po-anim > .po-studio-tools .po-tool{flex: none;}.po-coloring{grid-template-rows: auto auto auto;}.po-coloring__page{max-height: none;}.po-comic,.po-book{grid-template-columns: minmax(0,1fr);grid-template-areas: "tools" "pages" "editor";}.po-book__list{flex-direction: row;overflow-x: auto;}.po-book__tab{max-width: 180px;}.po-studio-options--wide{max-height: none;}.po-portfolio__item{grid-template-columns: minmax(0,1fr);}}@media (max-width: 560px){.po-studio__actions .po-tool__label{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;}.po-studio__actions .po-tool{position: relative;padding: 6px;}.po-studio__name{order: 3;flex-basis: 100%;}}[data-motion="reduce"] *,[data-motion="reduce"] *::before,[data-motion="reduce"] *::after{animation: none !important;transition: none !important;}@media (prefers-reduced-motion: reduce){.po-studio__toast,.po-jigsaw__done.is-animated{animation: none;}}@media print{body.is-printing-book > *:not(.po-print-book){display: none !important;}body.is-printing-book .po-print-book{display: block;}.po-print-book .po-book-page,.po-print-book .po-book-cover{width: 100%;height: 96vh;aspect-ratio: auto;margin: 0;box-shadow: none;border-radius: 0;page-break-after: always;break-after: page;}.po-print-book .po-book-cover{-webkit-print-color-adjust: exact;print-color-adjust: exact;}.po-no-print{display: none !important;}.po-portfolio__item{box-shadow: none;border: 1px solid #ccc;}}.po-paint__guide{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 0.75rem;padding: 0.5rem 0.75rem;margin-bottom: 0.5rem;border-radius: 14px;background: var(--po-lavender-soft,#EEE8FF);border: 1px solid var(--po-line-strong,#E0CFAE);}.po-paint__guide-title{font-weight: 800;margin-right: auto;}.po-paint__guide .po-slider{min-width: 12rem;}.po-paint__guide-link{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;color: var(--po-sky-deep,#1E6FD0);}@media (forced-colors: active){.po-paint__guide{border: 1px solid CanvasText;}}.po-paint.po-paint--guided{grid-template-rows: auto minmax(0,1fr);grid-template-areas: "guide guide guide" "tools main options";}.po-paint--guided > .po-paint__guide{grid-area: guide;margin-bottom: 0;}.po-paint--guided > .po-paint__main{grid-area: main;}.po-paint--guided > .po-studio-options{grid-area: options;}@media (max-width: 900px){.po-paint.po-paint--guided{grid-template-rows: auto auto minmax(320px,62vh) auto;grid-template-areas: "guide" "tools" "main" "options";}}