.cover-studio{display:flex;flex-direction:column;height:var(--pindou-app-viewport-height,100dvh);min-height:0;padding-top:var(--pindou-standalone-safe-top,var(--pindou-safe-area-top,0));background:var(--bg);color:var(--ink);--cover-chrome-ink:#1a1a1a;--cover-chrome-paper:#ffffff}.cover-studio__body{flex:1 1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.cover-studio__stage-area{position:relative;flex:1 1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;container-type:size;background:var(--bg-warm);background-image:radial-gradient(circle,var(--border) .5px,transparent .5px);background-size:16px 16px;overflow:hidden}.cover-studio__aside{flex:none;width:320px;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}@media (max-width:1180px){.cover-studio__aside{width:268px}.cover-studio__stage-area{padding:14px}}.cover-stage{position:relative;width:min(100%,calc(100cqh * var(--cover-stage-ar, .75)));height:auto;max-width:100%;max-height:100cqh;margin:auto;overflow:hidden;border:1px solid var(--border-strong);background:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none}.cover-stage__canvas{position:absolute;left:0;top:0;transform-origin:0 0}.cover-stage__background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cover-stage__canvas img{display:block;max-width:none;pointer-events:none}.cover-stage__frame{pointer-events:none}.cover-stage__handle{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;pointer-events:auto;cursor:nwse-resize;touch-action:none}.cover-stage__handle[data-cover-handle=rotate]{cursor:grab}.cover-stage__handle-dot{display:block;border-radius:9999px;background:var(--cover-chrome-paper);border:1.5px solid var(--cover-chrome-ink);box-shadow:0 1px 3px rgb(0 0 0/18%)}.cover-stage__handle-dot--rotate{background:var(--accent);border-color:var(--cover-chrome-ink)}.cover-stage__rotate-stem{position:absolute;display:block;background:var(--cover-chrome-ink);opacity:.65;pointer-events:none}.cover-stage__guides{position:absolute;inset:0;pointer-events:none}.cover-stage__guide{position:absolute;display:block;background:var(--accent);animation:fade-in .12s ease-out}@media (prefers-reduced-motion:reduce){.cover-stage__guide{animation:none}}.cover-stage-status{top:20px;z-index:2;margin:0;padding:8px 14px;border-radius:9999px;border:1px solid var(--border);color:var(--ink-muted);font-size:var(--fs-6);font-weight:500;pointer-events:none}.cover-layer-toolbar,.cover-stage-status{position:absolute;left:50%;transform:translateX(-50%);background:var(--surface)}.cover-layer-toolbar{bottom:16px;z-index:3;display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--elevation-floating)}.cover-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-compact);height:var(--control-height-compact);border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .12s ease-out,color .12s ease-out}.cover-toolbar-btn:hover:not(:disabled){background:var(--surface-soft);color:var(--ink)}.cover-toolbar-btn[aria-pressed=true]{background:var(--ink);color:var(--surface)}.cover-toolbar-btn[data-tone=danger]:hover:not(:disabled){background:var(--accent-soft);color:var(--danger)}.cover-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.cover-panel{display:flex;flex-direction:column;gap:14px;padding:16px}.cover-panel__tabs{display:flex;gap:2px;padding:2px;border-radius:var(--radius-md);background:var(--surface-soft)}.cover-panel__tab{flex:1 1;min-width:0;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-muted);font-size:var(--fs-6);font-weight:600;cursor:pointer;transition:background .15s ease-out,color .15s ease-out}.cover-panel__tab[data-active=true]{background:var(--surface);color:var(--ink)}.cover-panel__body{display:flex;flex-direction:column;gap:12px}.cover-panel__subsection{display:flex;flex-direction:column;gap:8px}.cover-panel__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cover-info-list{display:flex;flex-direction:column;gap:6px;margin:0}.cover-info-row{display:flex;align-items:baseline;gap:10px;min-width:0}.cover-info-row dt{flex:none;width:42px;font-size:var(--fs-6);color:var(--ink-muted)}.cover-info-row dd{flex:1 1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-5);font-weight:600;color:var(--ink)}.cover-panel [hidden]{display:none!important}.cover-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px}.cover-swatch{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:2px;border:1.5px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:border-color .12s ease-out}.cover-swatch:hover{border-color:var(--border-strong)}.cover-swatch[data-active=true]{border-color:var(--ink)}.cover-swatch__face{display:block;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border)}.cover-swatch__label{font-size:var(--fs-7);font-weight:500;color:var(--ink-muted);text-align:center}.cover-field{display:flex;align-items:center;justify-content:space-between;gap:10px}.cover-field__label{font-size:var(--fs-6);font-weight:500;color:var(--ink-soft)}.cover-field__color{width:56px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm)}.cover-field__color,.cover-upload{background:var(--surface);cursor:pointer}.cover-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);font-size:var(--fs-5);font-weight:600;transition:border-color .12s ease-out}.cover-upload:hover{border-color:var(--border-strong)}.cover-linkish{flex:none;border:none;background:transparent;padding:0;color:var(--accent-on-bg);font-size:var(--fs-6);font-weight:600;cursor:pointer}.cover-note{margin:0;font-size:var(--fs-7);line-height:1.4;color:var(--ink-muted)}.cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--ink-muted);text-align:center}.cover-placeholder__title{margin:0;font-size:var(--fs-5);font-weight:600;color:var(--ink-soft)}.cover-placeholder__note{margin:0;font-size:var(--fs-7);line-height:1.4}.cover-panel__title{margin:0;font-family:var(--font-display);font-size:var(--fs-4);font-weight:600;letter-spacing:-.01em;color:var(--ink)}.cover-sheet{display:contents}.cover-sheet>.cover-panel:first-child>.cover-panel__title{display:none}.cover-side{display:flex;flex-direction:column;min-height:0}.cover-side>.cover-panel,.cover-side__tabs{border-bottom:1px solid var(--border)}.cover-side__tabs{position:sticky;top:0;z-index:2;flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px;background:var(--surface)}.cover-side__tabs[data-tab-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.cover-side__tab{position:relative;min-width:0;height:42px;padding:0 2px;border:none;background:transparent;color:var(--ink-muted);font-size:var(--fs-5);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:color .15s ease-out}.cover-side__tab:before{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:var(--accent);transform:scaleX(0);transition:transform .15s ease-out}.cover-side__tab[data-active=true]{color:var(--ink)}.cover-side__tab[data-active=true]:before{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.cover-side__tab:hover:not([data-active=true]){color:var(--ink-soft)}}.cover-side__panel[hidden]{display:none}.cover-side__panel{animation:fade-in .16s ease-out}.cover-side__panel>.cover-panel+.cover-panel{border-top:1px solid var(--border)}@media (prefers-reduced-motion:reduce){.cover-side__tab:before{transition:none}.cover-side__panel{animation:none}}.cover-replay-stage{position:relative;width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-inset,var(--surface-soft));overflow:hidden}.cover-replay-stage>canvas{display:block;width:100%;height:100%}.cover-replay-progress{display:inline-flex;align-items:center;gap:6px;flex:1 1;min-width:0}.cover-replay-progress__text{font-size:var(--fs-body-sm);color:var(--ink-soft)}.cover-skeleton__stage{border-color:var(--border)}.cover-skeleton__topbar{flex:none;height:var(--d-topbar-h);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:14px;background:var(--bg)}.cover-skeleton__heading{margin:0;flex-shrink:0;white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-4);font-weight:700;letter-spacing:-.01em}.cover-skeleton__actions,.cover-skeleton__back,.cover-skeleton__block,.cover-skeleton__row,.cover-skeleton__status,.cover-skeleton__tab,.cover-skeleton__title{display:block;border-radius:var(--radius-sm)}.cover-skeleton__back{width:72px;height:16px;flex-shrink:0}.cover-skeleton__status{width:88px;height:12px;flex:none}.cover-skeleton__actions{margin-left:auto;width:120px;height:28px;flex-shrink:0;border-radius:var(--radius-md)}.cover-skeleton__title{width:42%;height:18px}.cover-skeleton__row{height:36px;border-radius:var(--radius-md)}.cover-skeleton__block{height:88px;border-radius:var(--radius-md)}.cover-skeleton__tabs{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 16px;border-block:1px solid var(--border)}.cover-skeleton__tab{height:16px}.cover-studio__body[data-cover-ready=true] .cover-side,.cover-studio__body[data-cover-ready=true] .cover-stage{animation:fade-in .18s ease-out}@media (prefers-reduced-motion:reduce){.cover-studio__body[data-cover-ready=true] .cover-side,.cover-studio__body[data-cover-ready=true] .cover-stage{animation:none}}.cover-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.cover-canvas-switcher{flex:none;width:24rem;max-width:100%}.cover-canvas-switcher [role=tab]{font-weight:600!important}.cover-action-row{flex:none;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:8px 20px;border-bottom:1px solid var(--border);background:var(--bg)}@media (max-width:639.98px){.cover-action-row{padding:8px 14px;justify-content:flex-start}}.cover-field--stack{flex-direction:column;align-items:stretch}.cover-field__range{flex:1 1;min-width:0;accent-color:var(--accent)}.cover-font-options{display:flex;gap:2px;padding:2px;border-radius:var(--radius-md);background:var(--surface-soft)}.cover-font-option{flex:1 1;min-width:0;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-muted);font-size:var(--fs-6);font-weight:600;cursor:pointer;transition:background .15s ease-out,color .15s ease-out}.cover-font-option[data-active=true]{background:var(--surface);color:var(--ink)}.cover-font-option:disabled{opacity:.45;cursor:not-allowed}.cover-layer-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.cover-layer-row{display:flex;align-items:center;gap:4px;min-height:44px;padding:4px;border:1.5px solid transparent;border-radius:var(--radius-md);background:transparent}.cover-layer-row[data-selected=true],.cover-layer-row[data-selected=true]:hover{border-color:var(--accent);background:var(--surface-soft)}.cover-layer-row[data-locked=true] .cover-layer-row__name{color:var(--ink-muted)}.cover-layer-row__main{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0;height:36px;padding:0 6px;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;text-align:left;cursor:pointer}.cover-layer-row__name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-5);font-weight:600;color:var(--ink)}.cover-layer-row__actions{display:flex;flex:none;align-items:center}.cover-layer-row__more{display:none;flex:none}@media (max-width:1180px){.cover-layer-row__actions{display:none}.cover-layer-row__more{display:flex}}.cover-layer-thumb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-warm);color:var(--ink-muted);overflow:hidden}:root:not([data-theme=dark]) .cover-layer-thumb[data-glyph-tone=light],[data-theme=dark] .cover-layer-thumb[data-glyph-tone=dark]{background:var(--ink);border-color:var(--ink)}.cover-layer-thumb__glyph{font-size:var(--fs-5);font-weight:700;line-height:1}.cover-layer-thumb__lock{position:absolute;right:-3px;bottom:-3px;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:9999px;background:var(--ink);color:var(--surface)}.cover-pattern-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.cover-pattern-item{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .12s ease-out}.cover-pattern-item:hover:not(:disabled){border-color:var(--border-strong)}.cover-pattern-item[data-selected=true],.cover-pattern-item[data-selected=true]:hover:not(:disabled){border-color:var(--accent)}.cover-pattern-item:disabled,.cover-pattern-item[data-disabled=true]{opacity:.55;cursor:not-allowed}.cover-pattern-row{position:relative}.cover-pattern-row>.pindou-shop-stepper{position:absolute;top:50%;right:var(--space-8);transform:translateY(-50%)}.cover-pattern-item[data-has-stepper=true]{padding-right:calc(var(--shop-step-btn) * 2 + var(--shop-step-gap) * 2 + var(--space-32) + var(--space-8) * 2)}.cover-pattern-add__count{margin-left:var(--space-6);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.8}.cover-pattern-thumb{display:block;width:40px;height:40px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg-warm);object-fit:cover;object-position:center}.cover-pattern-thumb--empty{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-muted)}.cover-pattern-item__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.cover-pattern-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-5);font-weight:600}.cover-pattern-item__reason{font-size:var(--fs-7);line-height:1.4;color:var(--ink-muted)}.cover-mobile-bar__actions{display:flex;align-items:center;gap:6px;flex:none}.cover-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:var(--accent-soft);color:var(--accent-on-soft);font-size:var(--fs-6);font-weight:500}.cover-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:639.98px){.cover-studio__body{flex-direction:column}.cover-studio__stage-area{padding:12px}.cover-canvas-switcher{flex:1 1 auto;width:auto;min-width:0}.cover-mobile-bar{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px calc(10px + var(--pindou-safe-area-bottom, 0px));border-top:1px solid var(--border);background:var(--surface)}.cover-mobile-bar>:first-child{flex:none;width:100%;min-width:0}.cover-mobile-bar__actions{justify-content:flex-end}body:has([data-guide-launcher]) .cover-mobile-bar__actions{padding-left:96px}.cover-layer-toolbar{bottom:12px}}