html,body,#root{margin:0;min-height:100%;}body{background:var(--ds-page);}.jess-app{color:#262122}.jess-app [class*="file-card"]{max-width:none;padding:0!important}.desktop{height:760px;min-height:660px;position:relative;overflow:hidden;isolation:isolate;background:#e8ad92;border-radius:0}.face-layer{position:absolute;inset:0;background-size:cover;background-position:center 42%;z-index:-2}.face-layer:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 140px #79493816;pointer-events:none}.placeholder-face{position:absolute;width:92%;height:130%;left:4%;top:-14%;border-radius:48%;background:radial-gradient(ellipse at 50% 37%,#f5c7aa 0,#e9ad90 57%,#b8755c 100%);box-shadow:0 0 80px #83473025}.nose{position:absolute;left:45%;top:43%;width:10%;height:18%;border-radius:45%;background:linear-gradient(90deg,#d08d6e40,transparent 30%,#fff4d829 57%,#c07c5940);transform:rotate(1deg)}.mouth{position:absolute;left:36%;top:70%;width:28%;height:4%;border-bottom:5px solid #6c3839;border-radius:0 0 70% 60%;transform:rotate(-4deg)}.cheek{position:absolute;top:58%;width:20%;height:10%;border-radius:50%;background:radial-gradient(#cf6c6960,transparent 70%)}.cheek.left{left:14%}.cheek.right{right:14%}.masthead{position:absolute;top:25px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:3}.masthead h1{font-family:Georgia,serif;font-size:68px;line-height:1;margin:0;font-weight:400;letter-spacing:-5px}.masthead h1 span{color:#a62d3e}.version{font-size:12px;letter-spacing:.04em;border:1px solid #32242670;border-radius:99px;padding:8px 13px;background:#ffffff20}.eyes{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);pointer-events:none}.eye{width:var(--eye-size);aspect-ratio:1.35;background:#fffdf8;border-radius:49% 49% 48% 47%;position:relative;box-shadow:0 8px 0 #854c4b20,0 0 0 2px #5a343038,inset 0 5px 8px #c8a59570;overflow:hidden}.iris{height:66%;aspect-ratio:1;position:absolute;top:17%;left:calc(50% - 24%);border-radius:50%;background:radial-gradient(circle,#302328 0 34%,#796348 35% 52%,#463b32 53% 68%,#292222 70%);transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform .07s linear}.pupil{position:absolute;inset:29%;border-radius:50%;background:#211d20}.glint{position:absolute;top:21%;left:24%;width:18%;height:18%;border-radius:50%;background:#fff;box-shadow:15px 20px 0 -4px #fff9}.stage-whisper{position:absolute;top:55%;width:100%;text-align:center;font:italic 24px Georgia,serif;pointer-events:none;margin:0}.folder-field{position:absolute;inset:0}.folder{position:absolute;width:150px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transform:rotate(var(--tilt));transition:transform .2s;touch-action:manipulation}.folder:hover{transform:rotate(0deg) translateY(-8px) scale(1.04)}.folder:focus-visible{outline:3px solid #242022;outline-offset:10px;border-radius:8px}.folder-art{display:block;position:relative;height:112px;filter:drop-shadow(0 12px 8px #59312030)}.folder-tab{position:absolute;left:0;top:24px;width:58%;height:27px;background:var(--folder-back);border:1px solid #0002;border-radius:7px 12px 0 0}.folder-front{position:absolute;inset:48px 0 0;background:var(--folder);border:1px solid #0003;border-radius:5px 5px 8px 8px;transform:skewX(-4deg);box-shadow:inset 0 2px 0 #ffffff60}.butter{--folder:#f6d65f;--folder-back:#dfbb43;--window:#fcf4ce}.blue{--folder:#88b6dc;--folder-back:#6598c0;--window:#e2eef7}.pink{--folder:#eea5b3;--folder-back:#d38497;--window:#fbe5eb}.green{--folder:#b3c38a;--folder-back:#91a764;--window:#edf0df}.folder-mark{position:absolute;bottom:11px;left:13px;font-size:11px;letter-spacing:.07em;opacity:.65}.folder-label{display:block;margin-top:10px;font-weight:600;font-size:16px;text-shadow:0 1px 3px #fff7}.folder-label>span{display:block;font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.peek{position:absolute;inset:0}.paper{position:absolute;width:65px;height:78px;background:#fff9eb;border:1px solid #0002;box-shadow:0 3px 7px #0002;overflow:hidden;display:flex;align-items:center;justify-content:center}.paper-back{left:20px;top:8px;transform:rotate(-13deg)}.paper-front{right:15px;top:1px;transform:rotate(13deg);background:#f9eee7}.landscape{position:absolute;width:51px;height:60px;background:linear-gradient(145deg,transparent 50%,#7e947a 51%),linear-gradient(35deg,#acb996 40%,transparent 41%),#e7a48e;border:5px solid white}.shape{height:44px;width:44px;border-radius:50%;background:#d07062;box-shadow:14px 5px 0 #aab8ce}.peek-film .paper-front{background:#3b3336}.play{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid #f6d65f;margin-left:6px}.scribble{width:43px;height:50px;background:repeating-linear-gradient(0deg,transparent 0 8px,#48404290 9px 10px);transform:rotate(-5deg)}.star{font:65px Georgia,serif;color:#a34f6b;font-style:normal}.stage-footer{position:absolute;bottom:24px;left:32px;right:32px;display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.02em}.status-dot{width:6px;height:6px;border-radius:50%;background:#863e47}.footer-hint{margin-left:auto;opacity:.7}.prototype-note{padding:25px 32px;display:flex;align-items:center;gap:25px;justify-content:space-between;border-bottom:1px solid var(--ds-hairline);background:var(--ds-page)}.prototype-note strong{font-size:15px}.prototype-note p{font-size:13px;line-height:1.6;color:var(--ds-ink-2);max-width:650px;margin:6px 0 0}.setup-button,.reset-button{font:inherit;color:inherit;cursor:pointer;background:none;border:1px solid var(--ds-hairline);border-radius:4px;padding:10px 14px;min-height:44px;font-size:12px;white-space:nowrap}.setup-button span{margin-left:12px}.photo-setup{padding:24px 32px;background:var(--ds-page)}.photo-setup p{font-size:12px;color:var(--ds-ink-2);margin:8px 0 20px}.upload{display:inline-flex;align-items:center;gap:12px;font-size:13px;flex-wrap:wrap}.upload input{font:inherit;max-width:100%}.sliders{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:16px}.sliders label{display:flex;flex-direction:column;font-size:12px;gap:8px;flex:1;min-width:150px}.sliders input{width:100%;accent-color:#863e47;min-height:44px}.folder-window{padding:0;border:1px solid #302326;border-radius:13px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:12px 16px 0 #32242b35;overflow:auto;color:#302326}.folder-window::backdrop{background:#2c162545;backdrop-filter:blur(5px)}.window-bar{position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #302326;background:#fffaf0;min-height:54px;font-size:12px}.window-bar>button{position:absolute!important;right:10px!important;top:5px!important}.window-dots{position:absolute;left:18px;display:flex;gap:5px}.window-dots i{width:7px;height:7px;border:1px solid #302326;border-radius:50%}.window-dots i:first-child{background:#eea5b3}.window-body{background:var(--window);padding:32px}.window-eyebrow{font-size:10px;letter-spacing:.12em}.window-body h2{font:38px/1.06 Georgia,serif;margin:16px 0 20px;letter-spacing:-1px;max-width:350px}.content-samples{height:155px;background:#fff7;border:1px dashed #30232630;border-radius:5px;position:relative;overflow:hidden}.content-samples .peek{width:150px;height:110px;left:calc(50% - 75px);top:30px;transform:scale(1.12)}.window-body p{font-size:14px;line-height:1.6;margin:22px 0 8px}.window-body .sample-caption{font-size:12px;opacity:.65;margin:0 0 28px}.next-folder{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:0;border-top:1px solid #30232640;padding:17px 0 0;min-height:44px;cursor:pointer;font:inherit;font-size:13px;color:inherit}.next-folder span{font-size:22px}.folder-window button:focus-visible,.setup-button:focus-visible{outline:3px solid #6d464d;outline-offset:3px}@media(min-width:1100px){.desktop{height:800px}.folder{width:175px}.folder-art{height:126px}.folder-front{top:51px}.paper{width:80px;height:90px}.paper-front{right:20px}.folder-tab{top:25px}.masthead h1{font-size:84px}.stage-whisper{font-size:29px}}@media(max-width:600px){.desktop{height:720px;min-height:720px}.masthead{left:20px;right:20px;top:24px;align-items:flex-start}.masthead h1{font-size:58px;letter-spacing:-4px}.version{font-size:9px;max-width:104px;text-align:center;padding:6px 9px}.placeholder-face{width:150%;left:-25%;height:109%;top:-3%}.nose{top:43%;height:18%;width:10%}.mouth{top:63%;height:4%}.eye{width:var(--eye-mobile-size)}.stage-whisper{top:50%;font-size:19px;padding:0 45px;box-sizing:border-box}.folder{width:111px}.folder-art{height:92px}.folder-front{top:39px}.folder-tab{top:20px}.folder-label{font-size:14px;margin-top:7px}.folder-label>span{font-size:8px}.paper{width:48px;height:60px}.paper-back{left:13px;top:5px}.paper-front{right:10px;top:2px}.landscape{width:37px;height:46px;border-width:3px}.shape{width:30px;height:30px}.star{font-size:48px}.scribble{width:33px;height:40px}.folder:nth-child(1){left:8%!important;top:17%!important}.folder:nth-child(2){left:auto!important;right:8%;top:18%!important}.folder:nth-child(3){left:8%!important;top:65%!important}.folder:nth-child(4){left:auto!important;right:8%;top:67%!important}.stage-footer{left:20px;right:20px;bottom:20px;font-size:9px;align-items:flex-start}.footer-hint{max-width:114px;text-align:right}.prototype-note{padding:22px 20px;align-items:flex-start;flex-direction:column;gap:15px}.prototype-note strong{font-size:14px}.prototype-note p{font-size:12px}.photo-setup{padding:20px}.sliders{gap:12px}.sliders label{min-width:100%}.window-body{padding:25px}.window-body h2{font-size:32px}.window-dots{left:12px;gap:4px}.window-dots i{height:5px;width:5px}.window-body p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.folder:hover{transform:rotate(var(--tilt))}}
:root{--ds-page:#fff;--ds-hairline:#eae9ea;--ds-ink-2:#585254}body{font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,input{font-family:inherit}button:hover{text-decoration:underline}button:focus-visible,input:focus-visible{outline:3px solid #6d464d;outline-offset:3px}.close-button{position:absolute;right:10px;top:5px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;font-size:25px;font-weight:300;color:inherit}.folder-window{box-sizing:border-box}.folder-window h2{font-weight:400}[hidden]{display:none!important}