:root{color:#302a23;font-synthesis:none;background:#181713;font-family:Noto Serif SC,serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit}.app,.welcome{background:#eee8dd;width:min(100vw,480px);height:100dvh;margin:auto;position:relative;overflow:hidden}.topbar{height:76px;padding:env(safe-area-inset-top) 16px 0;z-index:20;background:#f6f2ea;border-bottom:1px solid #d8d0c3;justify-content:space-between;align-items:center;display:flex;position:relative}.icon-btn,.sheet-head button{background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid}.icon-btn svg{width:24px}.title{text-align:center;flex-direction:column;gap:1px;display:flex}.title span{font-size:15px;font-weight:600}.title small{color:#8d8578;font:10px system-ui}.workspace{touch-action:none;background:#d4cabb;position:absolute;inset:76px 0 78px;overflow:hidden}.canvas-shell{transform-origin:50%;width:88%;height:83%;transition:transform .2s;position:absolute;top:4%;left:6%}.canvas-paper{background:var(--paper);border:1px solid #fff5;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 12px 32px #352f2738}.paper-grain{pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' opacity='.9'%3E%3Cpath d='M48 30c0-8 6-14 6-14s-2 8-6 14zm0 0c0-8-6-14-6-14s2 8 6 14zm0 0c6-5 14-4 14-4s-7 4-14 4zm0 0c-6-5-14-4-14-4s7 4 14 4z'/%3E%3Ccircle cx='48' cy='34' r='3'/%3E%3Cpath d='M48 37v22'/%3E%3Cpath d='M48 46c-6 1-11-3-11-3s5 5 11 3zm0 8c6 1 11-3 11-3s-5 5-11 3z'/%3E%3Cpath d='M0 84c8 0 14-6 14-6s-8 2-14 6zm96 0c-8 0-14-6-14-6s8 2 14 6z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:96px 96px;position:absolute;inset:0}.theme-midnight .paper-grain{opacity:.4;filter:invert()}.theme-gold .canvas-paper{background-color:var(--paper);background-image:radial-gradient(circle at 22% 18%,#c79d5a26,#0000 42%),radial-gradient(circle at 82% 78%,#8e673822,#0000 46%),radial-gradient(#8e67381f 1.1px,#0000 1.2px);background-size:auto,auto,20px 20px}.theme-midnight .canvas-paper{background-color:var(--paper);background-image:radial-gradient(circle at 30% 20%,#1d3040,var(--paper) 72%),radial-gradient(#c19b6033 1.2px,transparent 1.3px);background-size:auto,26px 26px}.theme-blue .canvas-paper{background-color:var(--paper);background-image:radial-gradient(circle at 78% 26%,#7b9aaa2e,#0000 44%),radial-gradient(#91a8b155 1px,#0000 1.2px),radial-gradient(#91a8b12e 1px,#0000 1.2px);background-position:0 0,0 0,9px 9px;background-size:auto,18px 18px,18px 18px}.theme-rose .canvas-paper{background-color:var(--paper);background-image:radial-gradient(circle at 24% 22%,#b26e7126,#0000 40%),radial-gradient(circle at 80% 74%,#d9a3a52e,#0000 44%),linear-gradient(145deg,#f4e7dc,#0000 60%),radial-gradient(#b26e7122 1.1px,#0000 1.2px);background-size:auto,auto,auto,22px 22px}.theme-journey .canvas-paper{background-color:var(--paper);background-image:linear-gradient(#0000000a,#0000000a),repeating-linear-gradient(7deg,#0000 0 22px,#61482114 23px),repeating-linear-gradient(-83deg,#0000 0 22px,#6148210d 23px)}.theme-mark{color:var(--ink);opacity:.48;letter-spacing:.08em;align-items:center;gap:8px;font:italic 13px Cormorant Garamond,serif;display:flex;position:absolute;bottom:3%;left:6%}.theme-mark i{background:currentColor;width:44px;height:1px}.pressed-sprig{color:var(--accent);opacity:.32;font-size:42px;position:absolute}.sprig-a{top:30%;right:4%;transform:rotate(24deg)}.sprig-b{bottom:26%;left:9%;transform:rotate(-18deg)}.zoom-tools{z-index:10;background:#f8f5efeb;border:1px solid #cfc5b6;border-radius:99px;align-items:center;display:flex;position:absolute;top:10px;right:12px;box-shadow:0 3px 12px #332b2020}.zoom-tools button{background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.zoom-tools svg{width:14px}.zoom-tools span{text-align:center;width:38px;font:10px system-ui}.frame-item{touch-action:none;cursor:grab;filter:drop-shadow(0 4px 3px #1c18123d);transform-origin:50%;-webkit-user-select:none;user-select:none;position:absolute}.frame-item:active{cursor:grabbing}.frame-item .photo{object-fit:cover;width:74%;height:74%;position:absolute;inset:13%}.frame-item .frame{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frame-item.selected:after{content:"";border:1px dashed var(--accent);position:absolute;inset:-5px}.handle{border:1.5px solid var(--accent);z-index:3;background:#fff;border-radius:50%;width:9px;height:9px;position:absolute}.h1{top:-9px;left:-9px}.h2{top:-9px;right:-9px}.h3{bottom:-9px;left:-9px}.h4{bottom:-9px;right:-9px}.selection-tools{z-index:25;color:#fff;background:#27241fee;border-radius:14px;padding:6px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0005}.selection-tools button{color:#e7e0d5;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:58px;font:9px system-ui;display:flex}.selection-tools svg{width:17px}.selection-tools .danger{color:#eab0a7}.dock{z-index:20;height:78px;padding-bottom:env(safe-area-inset-bottom);background:#f7f3ec;border-top:1px solid #d8d0c3;justify-content:space-around;display:flex;position:absolute;bottom:0;left:0;right:0}.dock button{color:#777064;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:20%;font:10px system-ui;display:flex}.dock button.active{color:var(--accent)}.dock button:disabled{opacity:.3}.dock-icon{place-items:center;height:25px;display:grid}.dock svg{width:21px}.dock b{font-weight:500}.sheet{z-index:40;background:#f8f4ec;border-radius:24px 24px 0 0;padding:8px 18px 24px;animation:.25s ease-out rise;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 50px #241e1759}.grab{background:#c8c0b5;border-radius:9px;width:38px;height:4px;margin:0 auto 14px}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head small{color:#8b8275;font:10px system-ui}.sheet h2{margin:2px 0 12px;font-size:21px}.theme-strip{scrollbar-width:none;gap:12px;padding:4px 2px 12px;display:flex;overflow:auto}.theme-strip button{text-align:left;background:0 0;border:0;flex:0 0 112px;width:112px;padding:0;position:relative}.theme-strip img{object-fit:cover;border-radius:3px;width:112px;height:151px;box-shadow:0 3px 9px #0002}.theme-strip span{color:#fff;background:#27231ee6;border-radius:50%;place-items:center;width:25px;height:25px;font:10px system-ui;display:grid;position:absolute;top:6px;left:6px}.theme-strip b{margin-top:6px;font-size:11px;display:block}.theme-strip i,.frame-strip i{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:6px;right:6px}.theme-strip i svg,.frame-strip i svg{width:13px}.theme-strip .chosen img{outline:2px solid var(--accent);outline-offset:2px}.sheet>p{color:#857c70;margin:3px 0;font:10px system-ui}.frame-strip{gap:10px;padding:5px 2px 10px;display:flex;overflow:auto}.frame-strip button{background:#e9e2d7;border:1px solid #d6cdbf;border-radius:5px;flex:0 0 92px;height:120px;position:relative}.frame-strip img{object-fit:contain;width:100%;height:100%}.frame-strip .chosen{outline:2px solid var(--accent)}.empty{text-align:center;color:#8e8579;padding:32px;font:13px system-ui}.welcome{padding:env(safe-area-inset-top) 22px 20px;color:#2d2923;background:#ece5d9;overflow-y:auto}.welcome:after{content:"";pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}.welcome-head{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.brand-mark{border:1px solid #776a58;border-radius:50%;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.welcome-head>div:nth-child(2){flex-direction:column;display:flex}.welcome-head b{font-size:15px}.welcome-head span{color:#847a6e;font:9px system-ui}.welcome-head button{background:0 0;border:0;margin-left:auto}.welcome-copy{z-index:1;margin:35px 4px 20px;position:relative}.welcome-copy small{letter-spacing:.22em;color:#887b68;font:10px system-ui}.welcome-copy h1{margin:8px 0;font-size:32px;font-weight:500;line-height:1.45}.welcome-copy em{color:#8c6940;font-family:Cormorant Garamond,Noto Serif SC,serif}.theme-stage{justify-content:center;align-items:center;display:flex;position:relative}.concept-card{cursor:pointer;background:#f8f4ec;width:82%;padding:8px 8px 0;box-shadow:0 16px 36px #463a2b2b}.concept-card>img{object-fit:cover;width:100%;height:49vh;display:block}.concept-caption{align-items:center;gap:10px;height:66px;display:flex}.concept-caption>span{color:#92734e;font:italic 29px Cormorant Garamond}.concept-caption div{flex-direction:column;display:flex}.concept-caption b{font-size:13px}.concept-caption small{color:#837b70;font:italic 10px Cormorant Garamond}.concept-caption i{color:#fff;background:#9c7950;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.concept-caption svg{width:15px}.arrow{z-index:4;background:#eee8decc;border:1px solid #c9bfaf;border-radius:50%;place-items:center;width:35px;height:35px;font-size:25px;display:grid;position:absolute}.arrow.left{left:-4px}.arrow.right{right:-4px}.theme-dots{justify-content:center;gap:7px;margin:16px;display:flex}.theme-dots button{background:#aea394;border:0;border-radius:50%;width:5px;height:5px;padding:0}.theme-dots .on{background:#80684a;border-radius:9px;width:22px}.start-btn{color:#fff;background:#2c2924;border:0;border-radius:2px;justify-content:space-between;align-items:center;width:82%;margin:auto;padding:15px 18px;font-size:13px;display:flex}.start-btn span{font-size:20px}.welcome-note{text-align:center;color:#928a7e;font:9px system-ui}.theme-midnight .topbar,.theme-midnight .dock{color:#eee6d7;background:#15222d;border-color:#34404a}.theme-midnight .workspace{background:#0c151d}.theme-midnight .sheet{color:#eee6d7;background:#172631}.theme-midnight .frame-strip button{background:#253440;border-color:#3b4b57}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:481px){body{background:#201e1a}.app,.welcome{box-shadow:0 0 80px #0008}}
.app,.welcome,button{font-family:Cormorant Garamond,Georgia,serif}.photo-window{position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.frame-item .photo-window .photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frame-item .h4{cursor:nwse-resize}.canvas-paper{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.canvas-paper.assets-loading>.frame-item{opacity:0}.canvas-paper.assets-ready>.frame-item{opacity:1;transition:opacity .18s}.asset-loader{z-index:200;background:color-mix(in srgb, var(--paper) 82%, transparent);color:var(--ink);letter-spacing:.04em;place-content:center;justify-items:center;gap:12px;font:11px system-ui,sans-serif;display:grid;position:absolute;inset:0}.asset-loader i{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:25px;height:25px;animation:.7s linear infinite asset-spin}.polaroid-item{filter:drop-shadow(0 5px 5px #62482f3d)}.polaroid-paper{background:linear-gradient(145deg,#fffef9,#f5efe4);border:1px solid #fffdf5;padding:6.5% 6.5% 18%;position:absolute;inset:0;overflow:visible;box-shadow:inset 0 0 0 1px #8e704a12}.polaroid-photo-window{background:#ded4c3;width:100%;height:100%;position:relative;overflow:hidden}.polaroid-item .polaroid-photo-window .photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.polaroid-tape{clip-path:polygon(3% 6%,98% 0,95% 93%,0 100%);background:#e6d7bdc9;width:30%;height:11%;position:absolute;top:-5%;left:36%;transform:rotate(-1deg);box-shadow:0 1px 2px #6e533122}.polaroid-portrait .polaroid-paper{padding:5.5% 6% 17%}.polaroid-landscape .polaroid-paper{padding:6% 5% 16%}.polaroid-landscape .polaroid-photo-window .photo{object-position:center}.polaroid-strip .polaroid-paper{padding:5% 8% 11%}.polaroid-strip .polaroid-photo-window:after{content:"";pointer-events:none;background:linear-gradient(#0000 0 32%,#fffef9 32% 34%,#0000 34% 66%,#fffef9 66% 68%,#0000 68% 100%);position:absolute;inset:0}.theme-journey .workspace{background:#c9b28f}.theme-journey .canvas-paper{background-color:#ead7b8}.theme-journey .theme-mark,.theme-journey .pressed-sprig{display:none}.frame-strip .polaroid-option{background:#e8dcc9;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.polaroid-preview{background:#fffdf6;width:55px;height:72px;padding:5px 5px 15px;display:block;box-shadow:0 3px 7px #57432c2b}.polaroid-preview>span{background:linear-gradient(145deg,#d8c29e,#9fb8ba);width:100%;height:100%;display:block}.polaroid-preview.polaroid-landscape{width:70px;height:54px;padding:5px 5px 13px}.polaroid-preview.polaroid-strip{width:35px;height:78px;padding:4px 4px 9px}.frame-strip .polaroid-option b{text-transform:capitalize;color:#6e6254;font:9px system-ui,sans-serif}@keyframes asset-spin{to{transform:rotate(360deg)}}