.tumblerStudio button{color:#f7f1e8;cursor:pointer;min-height:44px;font:inherit;background:#28231d;border:1px solid #68553f;border-radius:8px;padding:10px 16px}.tumblerViews button[aria-pressed=true]{color:#201a13;background:#e7bc87}.tumblerStudio :is(button,input,textarea):focus-visible{outline-offset:3px;outline:3px solid #74c9df}.tumblerStudio{color:#f7f1e8;background:#1b1814;border:1px solid #574735;border-radius:14px;padding:24px}.tumblerStudio h2{margin:8px 0;font-size:1.8rem}.tumblerStudio p{color:#c8bdaf;line-height:1.55}.tumblerLayout{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:24px;display:grid}.tumblerViews{flex-wrap:wrap;gap:8px;display:flex}.tumblerPreviewModes{margin-top:10px}.tumblerStage{background:#fff;border-radius:12px;width:100%;height:460px;margin:14px 0;position:relative;overflow:hidden}.tumblerWebgl{opacity:0;pointer-events:none;position:absolute;inset:0}.tumblerWebgl.isReady{opacity:1;pointer-events:auto}.tumblerWebgl canvas{width:100%;height:100%;display:block}.tumblerFallback{width:100%;height:100%}.tumblerPhotoFrame{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.tumblerStage .tumblerPhotoFrame{aspect-ratio:auto;height:100%}.tumblerPhoto{object-fit:contain;width:100%;height:100%;display:block}.tumblerStage .tumblerPhoto{width:auto;max-width:100%;height:100%}.tumblerPhotoLoading{color:#fff;background:#28231d;border-radius:6px;padding:8px 12px;position:absolute}.tumblerEditor{min-width:0}.tumblerEditor label:not(.tumblerToggle){gap:10px;margin:18px 0 8px;font-weight:600;display:grid}.tumblerEditor textarea,.tumblerEditor input[type=file]{box-sizing:border-box;color:#f7f1e8;width:100%;font:inherit;background:#12110f;border:1px solid #75634d;border-radius:6px;padding:12px}.tumblerToggle{align-items:center;gap:10px;min-height:44px;display:flex}.tumblerStudio button:disabled{opacity:.5;cursor:default}.tumblerDraftNote{border-top:1px solid #574735;padding-top:16px}@media (max-width:760px){.tumblerStudio{padding:16px}.tumblerLayout{grid-template-columns:minmax(0,1fr);gap:12px}.tumblerStage{height:360px}.tumblerEditor textarea{font-size:16px}}.tumblerFallbackHost{width:100%;height:100%}.tumblerDraftNote a{text-underline-offset:3px;text-decoration:underline}.tumblerEditor fieldset{border:0;min-width:0;margin:0;padding:0}.tumblerEditor input:not([type=checkbox]){box-sizing:border-box;width:100%;font:inherit;color:#f7f1e8;background:#12110f;border:1px solid #75634d;border-radius:6px;padding:10px}.tumblerSavedFaces{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.tumblerSavedFaces figure{margin:0}.tumblerSavedFaces svg{max-height:360px}.tumblerSavedFaces .tumblerPhotoFrame{max-width:360px}.tumblerEditor .tumblerColors{margin:22px 0}.tumblerColors legend,.tumblerPlacement h3{font-size:1.05rem;font-weight:700}.tumblerColorGrid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;margin-top:12px;display:grid}.tumblerStudio .tumblerColor{text-align:left;align-items:center;gap:9px;padding:9px 10px;font-size:.9rem;display:flex}.tumblerStudio .tumblerColor[aria-pressed=true]{background:#352b20;border-color:#f2c18a;box-shadow:inset 0 0 0 1px #f2c18a}.tumblerColor span{border:1px solid #998a79;border-radius:50%;flex:none;width:22px;height:22px}.tumblerPlacement{border-top:1px solid #574735;margin:22px 0;padding-top:8px}.tumblerEditor .tumblerPlacement input[type=range]{accent-color:#e7bc87;border:0;padding:0}.siteShell:has(.tumblerStudio)>.topbar{position:static}.tumblerPreviewPanel{z-index:2;background:#1b1814;align-self:start;min-width:0;position:sticky;top:16px}.tumblerDirectEdit{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tumblerMoveTarget{pointer-events:all;fill:#0000;stroke:#176579;stroke-width:2px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;cursor:grab;touch-action:none}.tumblerMoveTarget:active{cursor:grabbing}.tumblerResizeTarget{pointer-events:all;cursor:nwse-resize;touch-action:none}.tumblerDirectEdit :focus-visible{stroke:#e47f16;stroke-width:4px;outline:none}.tumblerPreviewPanel .tumblerPlacement{margin:10px 0 0;padding:0}.tumblerPlacement summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.tumblerPlacement label{gap:6px;margin:10px 0;display:grid}.tumblerPlacement fieldset{border:0;min-width:0;padding:0}.tumblerPlacement input[type=range]{accent-color:#e7bc87;width:100%;min-height:28px}.tumblerQuickPlacement{margin-bottom:4px}.tumblerPreviewPanel .tumblerHelp{margin:8px 0;font-size:.88rem}@media (max-width:760px){.tumblerLayout{display:block}.tumblerPreviewPanel{border-bottom:1px solid #574735;padding:8px 0;top:0}.tumblerPreviewPanel .tumblerStage{height:clamp(200px,32svh,260px);margin:8px 0}.tumblerPreviewPanel .tumblerHelp{font-size:.8rem}.tumblerPreviewPanel .tumblerPlacement[open]{max-height:24svh;overflow-y:auto}.tumblerEditor :is(input,textarea,button){scroll-margin-top:calc(min(32svh,260px) + 300px)}:is(.tumblerPreviewPanel:has(.tumblerPlacement[open]) .tumblerHelp,.tumblerPreviewPanel:has(.tumblerPlacement[open]) .tumblerQuickPlacement){display:none}}@media (max-height:600px) and (max-width:760px){.tumblerPreviewPanel{position:static}}.tumblerSizeLimit{margin:6px 0;font-size:.85rem;color:#f3ce9d!important}