/* One lighting direction: upper-left highlights, lower-right cast shadows. */
.workspace-folder { perspective:1000px; -webkit-tap-highlight-color:transparent; min-width:0; isolation:isolate; }
.workspace-folder .folder-shape { display:block; position:relative; width:210px; height:156px; margin:10px 0 24px; overflow:visible; transform-style:preserve-3d; transform:rotateX(14deg) rotateY(-13deg) rotateZ(-3deg); filter:none; transition:transform 300ms cubic-bezier(.2,.7,.2,1); }
.workspace-folder .folder-shape::before,.workspace-folder .folder-shape::after { display:none; }
.workspace-folder .folder-shape > span { display:block; position:absolute; pointer-events:none; }
.workspace-folder { --folder-light:#efd4e0; --folder-mid:#c68da8; --folder-dark:#98617d; --folder-edge:#ad7592; }
.workspace-folder:nth-child(even) { --folder-light:#fff6e5; --folder-mid:#e0cbaa; --folder-dark:#af946e; --folder-edge:#c0a47f; }
.folder-back { inset:7% 0 0; border:1px solid var(--folder-edge); border-radius:6px 8px 7px 6px; background:linear-gradient(125deg,var(--folder-mid),var(--folder-dark)); box-shadow:inset 1px 1px #fff8,inset -2px -2px #44233122,1px 2px 0 var(--folder-dark),2px 4px 0 var(--folder-edge); transform:translateZ(-10px); }
.folder-tab { top:-2%; left:6%; width:40%; height:23%; border:1px solid var(--folder-edge); border-bottom:0; border-radius:8px 10px 0 0; background:linear-gradient(125deg,var(--folder-light),var(--folder-mid) 90%); box-shadow:inset 1px 2px #fff9,0 -1px 1px #fff6; transform:translateZ(-11px); }
.folder-tab::after { content:''; position:absolute; width:42%; height:2px; top:25%; left:15%; background:#fff5; border-radius:2px; }
.folder-spine { bottom:0; left:0; right:0; height:18%; border-radius:0 0 6px 6px; background:linear-gradient(0deg,#39222c9c,transparent); transform:translateZ(-1px); }
.workspace-folder .folder-page,.workspace-folder .folder-sheet { inset:7% 6% 2%; width:auto; height:auto; border:1px solid #d2c7b5; border-radius:2px 2px 4px 4px; background:linear-gradient(120deg,#fffef9,#eee6d6); box-shadow:inset 0 2px #fff,1px 2px 0 #e3d8c6,1px 3px 2px #40233325; transform-origin:50% 100%; transition:transform 350ms cubic-bezier(.2,.7,.2,1); }
.workspace-folder .folder-page--back { transform:translateZ(-4px) translateY(-5px) rotateZ(-4deg); }
.workspace-folder .folder-page--middle { transform:translateZ(1px) translateY(-1px) rotateZ(2deg); }
.workspace-folder .folder-sheet { transform:translateZ(7px) translateY(4px) rotateZ(-1deg); background:linear-gradient(120deg,#fffdf7,#f2ebdf); }
.workspace-folder .folder-sheet::before { content:''; position:absolute; top:12%; left:10%; width:38%; height:4px; background:#bba3ad60; box-shadow:0 12px #c7bdaf44,0 20px #c7bdaf44; }
.workspace-folder .folder-front,.workspace-folder:nth-child(even) .folder-front { inset:28% -1% -1%; border:1px solid var(--folder-edge); border-radius:5px 7px 7px 7px; background:radial-gradient(ellipse at var(--light-x,25%) -10%,#ffffff80,transparent 72%),repeating-linear-gradient(6deg,#ffffff09 0 1px,transparent 1px 3px),linear-gradient(125deg,var(--folder-light),var(--folder-mid)); transform-origin:50% 100%; transform:translateZ(19px) rotateX(-17deg); transform-style:preserve-3d; box-shadow:inset 1px 2px 1px #fff9,inset -1px -2px 2px #6b3d4f25,0 2px 0 var(--folder-edge),0 4px 0 var(--folder-dark),1px 6px 2px #4a26332b; transition:transform 380ms cubic-bezier(.2,.7,.2,1); }
.folder-front::before { content:''; position:absolute; top:0; left:3%; right:3%; height:1px; background:#fff9; }
.folder-front::after { content:''; position:absolute; left:3%; right:3%; bottom:6%; height:12%; border-bottom:1px solid #fff4; background:linear-gradient(0deg,#55334415,transparent); border-radius:0 0 50% 50%; }
.folder-front__lip { position:absolute; inset:auto 1px -4px; height:4px; border-radius:0 0 6px 6px; background:linear-gradient(var(--folder-edge),var(--folder-dark)); transform:rotateX(65deg); transform-origin:50% 0; }
.folder-front__stamp { position:absolute; left:10%; bottom:21%; font:500 8px/1.3 var(--font-body); letter-spacing:.11em; color:#5a354b8c; text-shadow:0 1px #ffffff4d; }
.folder-shadow { border-radius:50%; transform:translateZ(-18px); transition:transform 300ms,opacity 300ms; }
.folder-shadow--contact { left:0; right:-3%; bottom:-8%; height:12%; background:#40242e55; filter:blur(3px); opacity:.8; }
.folder-shadow--soft { left:5%; right:-12%; bottom:-17%; height:24%; background:#59343b3b; filter:blur(11px); opacity:.8; }
.workspace-folder strong,.workspace-folder > span:last-child { position:relative; z-index:2; transform:none; }
.workspace-folder:is(:focus-visible,.is-tracking) { z-index:4; }.workspace-folder:is(.is-opening,.is-open,.is-folding) { z-index:5; }
.workspace-folder:is(:focus-visible,.is-tracking) .folder-shape { transform:translateY(-8px) rotateX(calc(18deg + var(--object-x,0deg))) rotateY(calc(-9deg + var(--object-y,0deg))) rotateZ(-2deg); }
.workspace-folder:is(:focus-visible,.is-tracking) .folder-front { transform:translateZ(23px) rotateX(-34deg); }
.workspace-folder:is(:focus-visible,.is-tracking) .folder-page--back { transform:translateZ(-3px) translateY(-12px) rotateZ(-6deg); }.workspace-folder:is(:focus-visible,.is-tracking) .folder-page--middle { transform:translateZ(3px) translateY(-7px) rotateZ(3deg); }.workspace-folder:is(:focus-visible,.is-tracking) .folder-sheet { transform:translateZ(9px) translateY(-3px) rotateZ(-2deg); }
.workspace-folder:is(:focus-visible,.is-tracking,.is-opening,.is-open) .folder-shadow--soft { transform:translateZ(-18px) translate(4px,8px) scale(1.18); opacity:.55; }.workspace-folder:is(:focus-visible,.is-tracking,.is-opening,.is-open) .folder-shadow--contact { transform:translateZ(-18px) scale(.9); opacity:.4; }
.workspace-folder:is(.is-opening,.is-open) .folder-shape { transform:translateY(-8px) rotateX(18deg) rotateY(-8deg); }
.workspace-folder:is(.is-opening,.is-open) .folder-front { transform:translateZ(21px) rotateX(-68deg); transition-delay:65ms; }
.workspace-folder:is(.is-opening,.is-open) .folder-page--back { transform:translateZ(-3px) translateY(-24px) rotateZ(-8deg); }.workspace-folder:is(.is-opening,.is-open) .folder-page--middle { transform:translateZ(4px) translateY(-18px) rotateZ(5deg); }.workspace-folder:is(.is-opening,.is-open) .folder-sheet { transform:translateZ(11px) translateY(-10px) rotateZ(-2deg); }
.workspace-folder.is-folding .folder-front { transform:translateZ(19px) rotateX(-17deg); transition-duration:230ms; }.workspace-folder:active { transform:none; }
.home-workspace__folders .workspace-folder .folder-shape { width:126px; height:99px; margin-bottom:21px; }.home-workspace__folders .folder-front__stamp { font-size:5px; }
/* Material depth remains visible without hover. These surfaces lift as a unit. */
.window-file,.workspace-paper,.desk-note,.paint-chip { box-shadow:inset 1px 1px #fff9,1px 2px 0 #d9cfc1,2px 4px 0 #f3e9d9,2px 5px 0 #d9cfc1,4px 13px 22px #44233114; }
.window-file { position:relative; }.window-file::after { content:''; position:absolute; bottom:0; right:0; width:27px; height:16px; border-radius:90% 0 0; background:linear-gradient(145deg,transparent 15%,#fffaf1 55%,#d4c5b0); pointer-events:none; }
.file-icon { transform:perspective(700px) rotateY(-14deg) rotateX(7deg); transition:transform 220ms; }.window-file:is(:hover,:focus-visible) .file-icon { transform:perspective(700px) translateY(-7px) rotateY(-20deg) rotateX(10deg); }
.botanical-print,.circle-still-life__image { filter:drop-shadow(2px 3px 0 #e1d5c2) drop-shadow(5px 15px 9px #44233120); }
.circle-still-life { perspective:1000px; }.circle-still-life.is-tracking .circle-still-life__image { transform:translateY(-8px) rotateX(var(--object-x,3deg)) rotateY(var(--object-y,-6deg)) rotateZ(-3deg); }.circle-still-life:focus-visible .circle-still-life__image { transform:translateY(-8px) rotateZ(-3deg); }.circle-still-life.is-pressed .circle-still-life__image { transform:translateY(2px) rotateZ(-3deg); }
.sticker-tray button { position:relative; box-shadow:inset 1px 1px #fff,1px 3px 0 #d6c7bd,3px 8px 12px #44233114; transition:transform 180ms; }.sticker-tray button img { filter:drop-shadow(1px 2px 0 #fff) drop-shadow(2px 5px 3px #44233120); }.sticker-tray button::after { content:''; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(130deg,#ffffff80,transparent 45%); pointer-events:none; }.sticker-tray button:is(:focus-visible,.is-tracking) { transform:translateY(-4px) rotate(-1deg); }.sticker-tray button.is-pressed { transform:translateY(2px); }
.contact-object.is-tracking { transform:perspective(1000px) translateY(-5px) rotateX(var(--object-x,3deg)) rotateY(var(--object-y,-4deg)); }.contact-object.is-pressed { transform:translateY(2px) scale(.99); }
.paint-chip { position:relative; transition:transform 200ms; }.paint-chip:is(.is-selected,:focus-within) { z-index:3; transform:translateY(-10px) rotate(-1deg); box-shadow:inset 1px 1px #fff,1px 3px #d9cfc1,4px 20px 25px #44233125; }
:where(.btn,.window-choice,.poster-toolbar button,.mixer-actions button,.palette-transfers button,.workspace-dock button) { transition:transform 140ms,background-color 180ms; }:where(.btn,.window-choice,.poster-toolbar button,.mixer-actions button,.palette-transfers button,.workspace-dock button):active { transform:translateY(2px) scale(.985); }
/* Layered window chrome; geometry is animated by the shared window lifecycle. */
.studio-window[open] { animation:none; box-shadow:inset 0 1px #fff,0 1px 0 #b6a7a0,0 4px 0 -1px #ddd1c9,8px 28px 70px #30252a45,1px 3px 9px #30252a30; }.studio-window__bar { background:radial-gradient(ellipse at 15% 0%,#fff,transparent 80%),linear-gradient(#f7f3ee,#ded3cb); box-shadow:inset 0 1px #fff,0 1px 2px #30252a12; }.studio-window__body { background:linear-gradient(120deg,#faf6f0,#f0e8df); }.studio-window[data-motion] { pointer-events:none; }.studio-window::backdrop { background:#30252a45; backdrop-filter:blur(6px); }
@media(hover:hover) and (pointer:fine) { .workspace-folder:hover .folder-shape { transform:translateY(-8px) rotateX(calc(18deg + var(--object-x,0deg))) rotateY(calc(-9deg + var(--object-y,0deg))) rotateZ(-2deg); }.workspace-folder:hover .folder-front { transform:translateZ(23px) rotateX(-34deg); }.workspace-folder:is(.is-opening,.is-open):hover .folder-front { transform:translateZ(21px) rotateX(-68deg); } }
@media(max-width:1000px) { .workspace-folder .folder-shape { width:174px; height:132px; }.home-workspace__folders .workspace-folder .folder-shape { width:106px; height:86px; } }
@media(max-width:760px) { .workspace-files { gap:33px 10px; padding:40px 12px 25px; }.workspace-folder .folder-shape { width:132px; height:109px; margin-bottom:20px; transform:rotateX(15deg) rotateY(-12deg) rotateZ(-3deg); }.workspace-folder .folder-front__stamp { font-size:5px; }.home-workspace__folders .workspace-folder .folder-shape { width:124px; height:100px; }.folder-front__lip { height:3px; }.studio-window { border-radius:17px; }.studio-window__bar { min-height:64px; }.paint-chip:is(.is-selected,:focus-within) { transform:translateY(-5px); } }
@media(prefers-reduced-motion:reduce) { .tactile-object,.tactile-object *,.folder-shadow,.paint-chip,:where(.btn,.window-choice,.poster-toolbar button,.mixer-actions button,.palette-transfers button,.workspace-dock button) { transition:none!important; animation:none!important; }.workspace-folder:is(:hover,:focus-visible,.is-tracking) .folder-shape { transform:rotateX(14deg) rotateY(-13deg) rotateZ(-3deg); }.workspace-folder:is(:hover,:focus-visible,.is-tracking) .folder-front { transform:translateZ(19px) rotateX(-17deg); }.workspace-folder:is(.is-opening,.is-open) .folder-front { transform:translateZ(21px) rotateX(-50deg); }.paint-chip:is(.is-selected,:focus-within) { transform:none; } }
/* Supplied reference: rounded charcoal backing, smoked-glass pocket, white files. */
.workspace-folder .folder-shape{transform:rotateX(7deg) rotateY(-5deg);margin-top:14px}
.workspace-folder .folder-shape>.folder-back{inset:0 1% 0;border:1px solid #777673;border-radius:12% 12% 10% 10%;background:radial-gradient(ellipse at 16% 4%,#66666666,transparent 37%),linear-gradient(130deg,#383838,#191919 62%,#313131);box-shadow:inset 2px 2px 3px #ffffff55,inset -2px -2px 4px #101010,0 2px 0 #7b7b7b,1px 4px 0 #292929;transform:translateZ(-10px)}
.workspace-folder .folder-shape>.folder-tab{top:0;left:9%;width:43%;height:15%;border:0;border-radius:14px 14px 0 0;background:linear-gradient(#525252,#292929);box-shadow:inset 0 2px 2px #ffffff33;transform:translateZ(-11px)}
.workspace-folder .folder-shape>.folder-tab::after{display:none}
.workspace-folder .folder-shape>.folder-spine{height:21%;background:linear-gradient(0deg,#121212cc,transparent);border-radius:0 0 17px 17px}
.workspace-folder .folder-shape>.folder-page,.workspace-folder .folder-shape>.folder-sheet{inset:10% 16% 9%;border:1px solid #dededb;border-radius:9% 9% 4% 4%;background:linear-gradient(125deg,#fffffd,#e6e8e5);box-shadow:inset 1px 2px 1px #fff,1px 2px 0 #bfc2bc,2px 3px 3px #1515151f;transform-origin:50% 95%}
.workspace-folder .folder-shape>.folder-page--back{transform:translateZ(-3px) translate(11%,-1%) rotate(10deg)}
.workspace-folder .folder-shape>.folder-page--middle{transform:translateZ(2px) translate(0,-6%) rotate(0)}
.workspace-folder .folder-shape>.folder-sheet{transform:translateZ(7px) translate(-10%,-9%) rotate(-10deg)}
.workspace-folder .folder-shape>.folder-page::before,.workspace-folder .folder-shape>.folder-sheet::before{content:'';position:absolute;top:18%;left:15%;width:68%;height:5%;border-radius:20px;background:#bec1bb8c;box-shadow:0 15px #c6c9c377,0 29px #c6c9c366,0 43px #c6c9c34d}
.workspace-folder.workspace-folder .folder-shape>.folder-front{inset:20% -3% -1%;border:1px solid #858585b3;border-radius:12% 13% 12% 12%;clip-path:polygon(0 12%,1% 6%,4% 2%,8% 0,43% 0,48% 2%,51% 7%,57% 23%,60% 26%,92% 26%,96% 28%,99% 33%,100% 39%,98% 87%,96% 94%,92% 98%,86% 100%,12% 100%,6% 98%,3% 94%,1% 86%);background:linear-gradient(105deg,#e1e1e166 0%,#a0a0a04d 12%,#1b1b1b99 17%,#c8c8c86b 25%,#cccccc7a 69%,#252525b3 89%,#d8d8d852 96%),linear-gradient(180deg,#c0c0c04d 12%,#69696999 54%,#1b1b1bed 93%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transform:translateZ(18px) rotateX(-5deg);box-shadow:inset 2px 1px 2px #ffffff80,inset -2px -2px 4px #121212cc,0 2px 0 #949494,0 4px 0 #2a2a2a;transition:transform 380ms cubic-bezier(.2,.7,.2,1)}
.workspace-folder .folder-shape>.folder-front::before{top:27%;left:59%;right:6%;height:1px;background:#eaeaeaaa;box-shadow:0 1px 2px #fff4}
.workspace-folder .folder-shape>.folder-front::after{inset:0;border:1px solid #dddddd4d;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,28%) 10%,#ffffff66,transparent 67%);opacity:.75}
.workspace-folder .folder-front__stamp{display:none}
.workspace-folder .folder-front__lip{background:linear-gradient(#7f7f7f,#252525);height:3px}
.workspace-folder .folder-shape>.folder-shadow--contact{left:3%;right:-1%;bottom:-5%;height:9%;background:#1b1b1b80;filter:blur(3px)}
.workspace-folder .folder-shape>.folder-shadow--soft{left:4%;right:-8%;bottom:-15%;height:20%;background:#33333355;filter:blur(10px)}
.workspace-folder:is(:focus-visible,.is-tracking) .folder-shape{transform:translateY(-7px) rotateX(calc(12deg + var(--object-x,0deg))) rotateY(calc(-4deg + var(--object-y,0deg)))}
.workspace-folder:is(:focus-visible,.is-tracking) .folder-shape>.folder-front{transform:translateZ(22px) rotateX(-24deg)}
.workspace-folder:is(:focus-visible,.is-tracking) .folder-shape>.folder-page--back{transform:translateZ(-3px) translate(13%,-9%) rotate(12deg)}
.workspace-folder:is(:focus-visible,.is-tracking) .folder-shape>.folder-page--middle{transform:translateZ(3px) translate(0,-14%)}
.workspace-folder:is(:focus-visible,.is-tracking) .folder-shape>.folder-sheet{transform:translateZ(9px) translate(-12%,-17%) rotate(-12deg)}
.workspace-folder:is(.is-opening,.is-open) .folder-shape{transform:translateY(-8px) rotateX(13deg) rotateY(-4deg)}
.workspace-folder:is(.is-opening,.is-open) .folder-shape>.folder-front{transform:translateZ(22px) rotateX(-63deg)}
.workspace-folder:is(.is-opening,.is-open) .folder-shape>.folder-page--back{transform:translateZ(-3px) translate(15%,-20%) rotate(14deg)}
.workspace-folder:is(.is-opening,.is-open) .folder-shape>.folder-page--middle{transform:translateZ(4px) translate(0,-25%)}
.workspace-folder:is(.is-opening,.is-open) .folder-shape>.folder-sheet{transform:translateZ(11px) translate(-14%,-27%) rotate(-14deg)}
.workspace-folder.is-folding .folder-shape>.folder-front{transform:translateZ(18px) rotateX(-5deg)}
@media(hover:hover) and (pointer:fine){.workspace-folder:hover .folder-shape{transform:translateY(-7px) rotateX(calc(12deg + var(--object-x,0deg))) rotateY(calc(-4deg + var(--object-y,0deg)))}.workspace-folder:hover .folder-shape>.folder-front{transform:translateZ(22px) rotateX(-24deg)}.workspace-folder:is(.is-opening,.is-open):hover .folder-shape>.folder-front{transform:translateZ(22px) rotateX(-63deg)}}
@media(prefers-reduced-motion:reduce){.workspace-folder:is(:hover,:focus-visible,.is-tracking) .folder-shape{transform:rotateX(7deg) rotateY(-5deg)}.workspace-folder:is(:hover,:focus-visible,.is-tracking) .folder-shape>.folder-front{transform:translateZ(18px) rotateX(-5deg)}.workspace-folder:is(.is-opening,.is-open) .folder-shape>.folder-front{transform:translateZ(22px) rotateX(-50deg)}}
/* Original artwork and supplied orchids coexist as independently layered pieces. */
.orchid-pair{display:block;position:relative;width:100%;isolation:isolate;pointer-events:none}.orchid-pair>.original-page-element{position:relative;z-index:1}.orchid-pair>.orchid-companion{position:absolute;z-index:2;right:0;bottom:4%;width:62%;height:auto;max-height:70%;object-fit:contain;transform:rotate(-14deg);filter:drop-shadow(3px 9px 6px #44233130);pointer-events:none}
.playground-intro__art>.orchid-pair{width:250px;height:235px}.playground-intro__art>.orchid-pair>.original-page-element{width:250px;height:235px;object-fit:contain;transform:rotate(9deg);filter:drop-shadow(5px 18px 10px #692a4220)}.playground-intro__art>.orchid-pair>.orchid-companion{width:48%;bottom:0;right:0}
.workspace-keepsake>.orchid-pair{width:150px;height:150px}.workspace-keepsake>.orchid-pair>.orchid-companion{width:58%;height:auto;max-height:75%;bottom:0;right:0;transform:rotate(-14deg)}
.circle-still-life__extra{position:absolute;left:0;bottom:17px;width:27%;height:105px;object-fit:contain;transform:rotate(-13deg);filter:drop-shadow(2px 8px 5px #44233128);transition:transform 220ms}.circle-still-life--1 .circle-still-life__extra{left:auto;right:0;width:38%;height:125px}.circle-still-life--4 .circle-still-life__extra{left:34%;width:100px;height:100px;bottom:25px}.circle-still-life:is(:hover,:focus-visible) .circle-still-life__extra{transform:translateY(-5px) rotate(-8deg)}
@media(max-width:760px){.workspace-keepsake>.orchid-pair{width:110px;height:110px}.circle-still-life__extra{width:29%;height:90px}.circle-still-life--1 .circle-still-life__extra{height:110px}.circle-still-life--4 .circle-still-life__extra{width:90px;height:85px}}
@media(prefers-reduced-motion:reduce){.circle-still-life__extra{transition:none}.circle-still-life:is(:hover,:focus-visible) .circle-still-life__extra{transform:rotate(-13deg)}}