.studio-workspace{gap:1rem;display:grid}.studio-workspace nav,.studio-tools,.studio-library{flex-wrap:wrap;gap:.5rem;display:flex}.studio-workspace fieldset{flex-wrap:wrap;gap:.8rem;display:flex}.studio-workspace label{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.studio-workspace button,.preparation button{min-height:44px}.studio-canvas{aspect-ratio:10/7;touch-action:none;border:1px solid #9e8766;width:min(100%,700px)}.vector-art{width:100%;height:100%;display:block;overflow:hidden}.decoration-preview{width:min(100%,600px);position:relative}.letter-decoration-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.letter-decoration-grid figure{min-width:0;margin:0}.letter-decoration-grid .vector-art{height:120px}.wax-preview{border-radius:50%;width:110px;height:110px;padding:15px;box-shadow:inset 0 0 10px #0008,2px 3px 4px #0005}.wax-preview[data-surface=textured]{border:7px ridge #fff2}.seal-closing{transform-origin:50%;animation:.6s ease-out seal-close}@keyframes seal-close{0%{opacity:.4;transform:scale(.85)rotateX(50deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.seal-closing{animation:none}}.photo-crop-dialog{max-width:min(90vw,700px)}.photo-crop-dialog canvas{width:100%;height:auto}.photo-crop-dialog label{display:block}.prepared-paper{isolation:isolate;min-height:150px;padding:1.5rem;position:relative}.prepared-paper-art{z-index:-1;pointer-events:none;opacity:.65;position:absolute;inset:0}.prepared-letter-content{overflow-wrap:anywhere;position:relative}.prepared-signature{width:220px;height:110px;margin-left:auto}.letter-custom-paper{pointer-events:none;opacity:.7;position:absolute;inset:0}.preparation fieldset{gap:.7rem;display:grid}.preparation label{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}[data-motion=reduced] .seal-closing{animation:none}.prepared-letter-content[data-default-tool=typewriter],.letter-page-flow[data-default-tool=typewriter] .tiptap{font-family:Mektup Typewriter,monospace}.prepared-letter-content[data-default-tool=ink],.letter-page-flow[data-default-tool=ink] .tiptap{font-family:Mektup Ink,cursive}@font-face{font-family:Mektup Typewriter;src:url(/fonts/courier-prime/CourierPrime-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Mektup Ink;src:url(/fonts/great-vibes/GreatVibes-Regular.ttf)format("truetype");font-display:swap}.letter-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 28px;display:flex}.letter-tools button{color:#433321;background:#e5d4b7;border:1px solid #baa27d;border-radius:3px;min-height:44px;padding:10px 12px}.letter-tools button[aria-pressed=true]{color:#fff4db;background:#6e4533}.letter-tools button:disabled{opacity:.45}.writing-sound{align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.letter-working-paper{isolation:isolate;filter:drop-shadow(2px 5px 6px #51352026);background:0 0;min-height:680px;padding:38px clamp(20px,6vw,62px) 60px;position:relative}.letter-paper-art{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.letter-recipient{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:38px;font:15px Mektup Typewriter,monospace;display:flex}.letter-recipient input{max-width:160px;min-height:40px;font:inherit;color:#493b2c;background:0 0;border:0;border-bottom:1px solid #aa9473;padding:6px}.letter-working-paper .tiptap{color:#3e352a;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-height:480px;font:18px/1.8 system-ui,sans-serif}.letter-working-paper .tiptap p{margin:0 0 1em}.letter-working-paper [data-writing-tool=typewriter]{font-family:Mektup Typewriter,monospace;font-size:1.08em}.received-letter [data-writing-tool=typewriter]{font-family:Mektup Typewriter,monospace}.received-letter [data-writing-tool=ink]{font-family:Mektup Ink,cursive;font-size:1.7em}.letter-working-paper [data-writing-tool=ink]{font-family:Mektup Ink,cursive;font-size:1.7em;line-height:1.1}.letter-save-status{color:#6c4e2e;margin-top:22px;font-size:13px}.letter-save-note{color:#75624d;font-size:12px;line-height:1.6}.letter-editor [hidden]{display:none}.letter-page-navigation{align-items:center;gap:16px;margin:16px 0;display:flex}.letter-page-navigation button{min-height:44px}.letter-page-viewport{overscroll-behavior-x:contain;width:100%;overflow:auto hidden}.letter-page-canvas.letter-working-paper{filter:none;height:740px;min-height:740px;padding:0}.letter-page-background{width:var(--letter-page-width);z-index:-1;pointer-events:none;height:740px;position:absolute;top:0}.letter-page-flow{width:calc(var(--letter-page-width) - 80px);position:absolute;top:50px;left:40px}.letter-page-flow .tiptap{box-sizing:content-box;width:calc(var(--letter-page-width) - 80px);column-width:calc(var(--letter-page-width) - 80px);column-fill:auto;orphans:2;widows:2;column-gap:112px;height:640px;min-height:0;padding:0}@media (width<=600px){.letter-tools{gap:6px}.writing-sound{margin:8px 0}.letter-working-paper{padding:26px 20px 40px}}:root{color:#493b2c;font-synthesis:none;--ink:#493b2c;--cream:#f5eddb;background:#38291c;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed}button,input,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff1bb;box-shadow:0 0 0 5px #652a2d}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:30;background:var(--cream);color:var(--ink);padding:14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.desk-page{background:#38291c;min-height:100svh}.desk-scene{isolation:isolate;aspect-ratio:1672/941;background:#986336;width:100%;position:relative;overflow:hidden}.reference-base,.reference-art{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.reference-base{z-index:0}.scene-piece{left:var(--x);top:var(--y);width:var(--w);height:var(--h);position:absolute}.prop-piece{z-index:1;pointer-events:none}.paper-piece{z-index:2}.studio-group,.mail-group{z-index:3}.prop-foliage{z-index:6}.prop-cup,.prop-seal{z-index:5}.photo-2{z-index:3}.prop-headphones,.music-corner{z-index:4}.art-hotspot{color:#0000;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;margin:0;padding:0;position:absolute}.art-hotspot:hover,.art-hotspot:active{box-shadow:none;background:0 0}.art-hotspot:focus-visible{box-shadow:none;outline:none}.shape-feedback{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .14s;display:block;position:absolute;inset:0;overflow:visible}.lit-surface{filter:brightness(1.1)saturate(1.025)}.mail-badge{pointer-events:none;transition:none;animation:none;position:absolute}.badge-texture{filter:brightness(.62)saturate(.85)}.mail-badge[data-phase=night] .badge-texture{filter:brightness(.48)saturate(.85)}.badge-ink{fill:#fff2d7;font-family:Arial,sans-serif;font-weight:400}.mail-badge[data-phase=night] .badge-ink{fill:#edd0a1}.glow-edge{fill:none;stroke:#f5d797;stroke-width:1.15px;stroke-linejoin:round;opacity:.55;filter:drop-shadow(0 0 2px #e7bb7155)}.art-hotspot:hover .shape-feedback,.art-hotspot:focus-visible .shape-feedback{opacity:1}.art-hotspot:focus-visible .glow-edge{stroke:#fff1bd;stroke-width:2.4px;stroke-dasharray:3 3;opacity:1}.art-hotspot:active .lit-surface{filter:brightness(1.035)}.cd-player .art-hotspot:before{content:"";border-radius:50%;position:absolute;inset:-4px}.photo-object{position:absolute}.photo-1{z-index:4}.polaroid{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.photo-upload{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-1 .polaroid{clip-path:polygon(0 19.9%,83.15% 0,100% 77.18%,9.74% 100%)}.photo-2 .polaroid{clip-path:polygon(14.92% 0,100% 0,87.57% 100%,0 62.3%)}.photo-message{z-index:30;color:#5b402c;background:#f7efde;border:1px solid #b99a6d;width:240px;padding:12px;font:12px/1.6 system-ui,sans-serif;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #24140b66}.photo-2 .photo-message{left:auto;right:0}.cd-player{width:100%;height:100%;position:relative}.player-lcd,.lcd-display{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lcd-ink{fill:#263321;opacity:.76}.lcd-segment-on{opacity:1}.lcd-segment-off{opacity:.06}.lcd-shuffle{fill:none;stroke:currentColor;stroke-width:.8px;color:#263321}[data-phase=night] .lcd-ink{fill:#171e13;opacity:.79}.daylight,.branch-shadow{z-index:7;pointer-events:none;position:absolute;inset:0}.daylight:after{content:"";background:radial-gradient(circle at 34% 24%,#fff9d3a0 0 1px,#0000 3px),radial-gradient(circle at 58% 41%,#fff9d380 0 1px,#0000 3px),radial-gradient(circle at 72% 15%,#fff9d380 0 1px,#0000 3px);animation:18s ease-in-out infinite alternate dust;position:absolute;inset:0}.branch-shadow{opacity:.025;filter:blur(9px);transform-origin:0 0;background:url(/assets/desk-v1/branches.svg) 0 0/75% 90% no-repeat;animation:23s ease-in-out infinite alternate branch-sway}[data-phase=night] .daylight,[data-phase=night] .branch-shadow{display:none}[data-motion=reduced] .branch-shadow,[data-motion=reduced] .daylight:after{animation:none!important}.desk-footer{color:#e4d5ba;background:#38291c;align-items:center;gap:20px;min-height:64px;padding:14px 24px;font:11px/1.7 system-ui,sans-serif;display:flex}.desk-footer>span{flex:1}.desk-footer time{font:13px monospace}.motion-control{white-space:nowrap;cursor:pointer;align-items:center;gap:7px;min-height:44px;display:flex}.motion-control input{accent-color:#a3a77b}.technical{position:relative}.technical summary{cursor:pointer;min-height:44px;padding:12px 0}.connection{z-index:10;color:#493b2c;background:#f5edda;border:1px solid #c8b695;width:270px;padding:18px;font-size:12px;position:absolute;bottom:44px;right:0;box-shadow:0 5px 15px #20140780}.connection button{background:#e4d5b8;border:1px solid #bba47c;padding:10px;font-size:12px}.connection[data-state=ready] p:before{content:"● ";color:#4b673e}.tiny-title{letter-spacing:1.8px;color:#826c4e;font:9px/1.7 system-ui,sans-serif}@keyframes branch-sway{0%{opacity:.015;transform:rotate(-1deg)}to{opacity:.035;transform:rotate(1deg)}}@keyframes dust{0%{opacity:.1;transform:translateY(0)}to{opacity:.35;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.room-sheet{width:min(1060px,100% - 80px);max-height:calc(100svh - 70px);color:var(--ink);overscroll-behavior:contain;scrollbar-color:#b9a47b #f4ecdc;background:#f4ecdc url(/assets/desk-v1/grain.svg);border:1px solid #d0bd98;border-radius:3px;padding:0;position:fixed;inset:0;box-shadow:0 20px 100px #130e09aa}.room-sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#201b13a6}.sheet-header{border-bottom:1px solid #c8b48c66;justify-content:space-between;align-items:center;gap:14px;padding:22px 35px;display:flex}.back-button{background:0 0;min-height:44px;padding:10px 0;font-size:15px}.sample-tag{letter-spacing:1.5px;color:#846c4c;font:8px/1.7 system-ui,sans-serif}.sheet-body{padding:38px 7% 44px}.sheet-body h2{letter-spacing:-1px;margin:10px 0 18px;font-size:clamp(34px,5vw,52px);font-weight:400}.sheet-intro{color:#71604a;max-width:640px;margin:0 0 30px;font-size:16px;line-height:1.8}.sheet-footer{color:#8a7554;border-top:1px solid #c8b48c66;padding:18px 35px;font-size:12px;font-style:italic}.sample-letter{background:#fff9ec url(/assets/desk-v1/grain.svg);border:1px solid #dfceb0;min-width:0;padding:32px;box-shadow:1px 4px 8px #5b41151a}.sample-letter h3{font-size:27px;font-weight:400}.sample-letter>p{font-size:17px;line-height:1.9}.sample-letter .handwriting,.handwriting{color:#7b5b3f;font-size:28px;font-style:italic}.letter-signature{text-align:right;margin-top:28px}.letter-signature em{font-size:27px}.blank-letter{max-width:650px;margin:auto}.blank-letter>span:last-child{color:#8a775b;font:11px/1.7 system-ui,sans-serif}.writing-lines{background:repeating-linear-gradient(#0000 0 34px,#b8a48133 34px 35px);height:180px;margin:10px 0 24px}.sheet-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.sheet-actions button,.studio-tabs button{background:0 0;border:1px solid #bdab87;border-radius:2px;min-height:46px;padding:13px 18px;font-size:14px}.mail-layout{grid-template-columns:230px 1fr;align-items:start;gap:28px;display:grid}.mail-list{gap:12px;display:grid}.mail-list button{text-align:left;background:#e9ddc5;border:1px solid #c6b28b;gap:12px;padding:18px;display:grid}.mail-list button[aria-current=true]{background:#ded1b6;border-left:4px solid #7a3c3d;padding-left:15px}.mail-list button>span:first-child{justify-content:space-between;font-size:14px;display:flex}.mail-list small{color:#79664b;font-size:10px}.mail-list strong{font-size:17px;font-weight:400}.mail-list .tiny-title{font-size:7px}.draft-card{text-align:left;background:#fcf5e4 url(/assets/desk-v1/grain.svg);border:1px solid #d5c19a;flex-direction:column;align-items:start;gap:20px;width:min(100%,550px);padding:28px 32px;display:flex;transform:rotate(-1deg);box-shadow:2px 5px 8px #49321022}.draft-card strong{font-size:27px;font-weight:400}.draft-card>span:nth-last-child(2){color:#a08a6d;font-size:23px;font-style:italic}.draft-open{align-self:end;font-size:15px}.honest-note{color:#816d4f;margin-top:25px;font:12px/1.8 system-ui,sans-serif}.studio-tabs{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.studio-tabs button[aria-pressed=true]{color:#fff0d8;background:#354b3c;border-color:#354b3c}.studio-samples{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.studio-sample{background:#e9dec7;border:1px solid #c9b68f;flex-direction:column;align-items:center;gap:20px;min-width:0;padding:24px 12px 15px;display:flex}.studio-sample[aria-pressed=true]{outline-offset:3px;outline:2px solid #8b704a}.studio-sample>span:last-child{letter-spacing:1px;color:#796249;font:10px/1.5 system-ui,sans-serif}.sample-paper{background:#fff9e9;border:1px solid #d2c29e;width:85%;height:180px;display:block;position:relative;box-shadow:2px 4px 6px #61492233}.sample-paper>span{color:#82916a;font-size:36px;position:absolute;bottom:8px;right:14px}.variant-1 .sample-paper{background:repeating-linear-gradient(#0000 0 20px,#8c997735 20px 21px),#edf1d9}.variant-2 .sample-paper{background:repeating-linear-gradient(0deg,#0000 0 16px,#b9a18233 16px 17px),repeating-linear-gradient(90deg,#0000 0 16px,#b9a18233 16px 17px),#e8d7bf}.sample-wax{width:100px;height:100px;margin:40px 0;font-size:48px}.variant-1 .sample-wax{color:#b7c6a0;background:radial-gradient(at 30% 24%,#7f936b,#3c5b42 54%,#203c30);box-shadow:inset 0 0 0 5px #729369,1px 3px 3px #1e332777}.variant-2 .sample-wax{color:#f2d3a1;background:radial-gradient(at 30% 24%,#caa86d,#a0763b 54%,#694d2a);box-shadow:inset 0 0 0 5px #c49c62,1px 3px 3px #543a1c77}.sample-signature{color:#4e634e;margin:70px 0;font-size:clamp(20px,3vw,35px);font-style:italic}.variant-1 .sample-signature{color:#674d64}.variant-2 .sample-signature{color:#94624b}@media (width<=700px){.desk-scene{aspect-ratio:auto;background-image:url(/assets/desk-v1/wood.png);background-size:auto 100%;grid-template-columns:1fr;gap:12px;padding:22px 12px 35px;display:grid;overflow:hidden}.reference-base{display:none}.scene-piece{width:100%;height:auto;aspect-ratio:var(--ratio);justify-self:center;position:relative;top:auto;left:auto}.paper-piece{grid-row:1;width:min(100%,460px)}.studio-group{grid-row:2;width:min(90%,350px)}.mail-group{grid-row:3;width:min(100%,410px)}.photo-2{grid-row:4;width:min(82%,310px);margin:12px 0}.music-corner{grid-row:5;width:min(100%,410px)}.prop-piece{display:none}.photo-1{position:absolute}.art-hotspot{min-width:0;min-height:0}.write-button{border-radius:17px}.photo-message{width:220px}.desk-footer{flex-wrap:wrap;gap:0 16px;padding:16px;font-size:10px}.desk-footer>span{flex-basis:100%;margin-bottom:8px}.technical{margin-left:auto}.daylight,.branch-shadow{display:none}.room-sheet{width:calc(100% - 20px);max-height:calc(100svh - 24px)}.sheet-header{gap:10px;padding:10px 18px}.sample-tag{letter-spacing:.8px;font-size:6px}.back-button{font-size:13px}.sheet-body{padding:26px 20px}.sheet-intro{margin-bottom:22px;font-size:14px}.sheet-footer{padding:16px 20px;font-size:10px}.sample-letter{padding:22px}.sample-letter>p{font-size:16px}.mail-layout{grid-template-columns:1fr;gap:18px}.mail-list{grid-template-columns:repeat(3,1fr);gap:7px}.mail-list button{gap:8px;padding:10px 7px}.mail-list button[aria-current=true]{padding-left:4px}.mail-list strong{font-size:12px}.mail-list button>span:first-child{flex-direction:column;gap:3px;font-size:11px}.mail-list small{font-size:8px}.mail-list .tiny-title{letter-spacing:.5px;font-size:5px}.studio-tabs{gap:7px}.studio-tabs button{padding:12px 10px;font-size:12px}.studio-samples{gap:9px}.studio-sample{gap:12px;padding:18px 5px 12px}.sample-paper{width:88%;height:125px}.sample-paper>span{font-size:27px;right:4px}.sample-wax{color:#d19485;background:radial-gradient(at 30% 24%,#aa555c,#812d3c 54%,#4d1726);border-radius:46% 52% 45% 55%;place-items:center;width:58px;height:58px;margin:33px 0;font-size:35px;font-style:italic;display:grid;box-shadow:inset 0 0 0 4px #9a4b55,1px 3px 3px #4b262777}.sample-signature{margin:50px 0;font-size:17px}.studio-sample>span:last-child{font-size:8px}.draft-card{padding:22px}.draft-card strong{font-size:23px}[data-phase=night] .desk-scene{background-image:linear-gradient(#29130788,#29130788),url(/assets/desk-v1/wood.png)}}[data-motion=reduced] .shape-feedback{transition:none}@media (prefers-reduced-motion:reduce){.shape-feedback{transition:none}}