:root{color:#12231b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef5f0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:linear-gradient(135deg,#1f766d0b 0 25%,#0000 25% 50%) 0 0/28px 28px,linear-gradient(#edf6f1 0%,#fff3df 100%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.story-app{min-height:100dvh}.story-app.is-editing{color:#fffdf7;background:linear-gradient(135deg,#f6c44714 0 25%,#0000 25% 50%) 0 0/30px 30px,linear-gradient(#101714 0%,#1a2520 100%);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.story-topbar{z-index:30;padding:max(12px, env(safe-area-inset-top)) clamp(12px, 3vw, 24px) 12px;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-block{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#fffdf7;background:#1f766d;border:1px solid #ffffff2e;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 8px 20px #12231b2e}.brand-block div{gap:2px;min-width:0;display:grid}.brand-block span:not(.brand-mark){color:#fffdf7a3;font-size:.68rem;font-weight:900}.story-app.is-empty .brand-block span:not(.brand-mark){color:#68766e}.brand-block h1{overflow-wrap:anywhere;color:inherit;margin:0;font-size:clamp(1rem,2.8vw,1.25rem);line-height:1.12}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.topbar-actions button,.floating-sticker-actions button,.quick-actions button{color:#fffdf7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf71f;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 12px;font-weight:900;display:inline-flex}.topbar-actions button:disabled{opacity:.4}.topbar-actions .primary-action{color:#12231b;background:#fffdf7;border-color:#fffdf7}.story-main{min-height:0;display:grid}.welcome-screen{align-content:center;gap:28px;width:100%;min-width:0;max-width:1180px;min-height:calc(100dvh - 68px);margin:0 auto;padding:22px clamp(18px,5vw,54px) 44px;display:grid;overflow-x:hidden}.welcome-copy{gap:14px;min-width:0;max-width:760px;display:grid}.welcome-copy>span{color:#1f766d;font-size:.82rem;font-weight:950}.welcome-copy h2{color:#12231b;overflow-wrap:anywhere;word-break:break-word;max-width:760px;margin:0;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1}.welcome-copy p{color:#526259;overflow-wrap:anywhere;word-break:break-word;max-width:560px;margin:0;font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.55}.welcome-upload{color:#fffdf7;background:#12231b;border:0;border-radius:999px;align-items:center;gap:10px;width:fit-content;min-height:50px;padding:13px 18px;font-weight:950;display:inline-flex;box-shadow:0 16px 34px #12231b38}.welcome-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0;max-width:680px;display:grid}.preview-sticker{background:#fffdf7bd;border:1px solid #12231b1a;border-radius:8px;place-items:center;gap:4px;min-height:132px;padding:10px;display:grid;box-shadow:0 16px 38px #12231b14}.preview-sticker img{object-fit:contain;width:86px;height:86px}.preview-sticker span{color:#526259;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.76rem;font-weight:850;overflow:hidden}.editor-shell{place-items:center;min-height:0;padding:4px clamp(8px,2vw,22px) 8px;display:grid}.editor-stage{touch-action:none;background:linear-gradient(45deg,#ffffff0a 25%,#0000 25%) 0 0/22px 22px,linear-gradient(45deg,#0000 75%,#ffffff0a 75%) 0 0/22px 22px,#27322d;border:1px solid #ffffff24;border-radius:12px;width:min(100%,920px);max-height:calc(100dvh - 300px);position:relative;overflow:hidden;box-shadow:0 22px 70px #00000057}.editor-stage.has-photo{background:#0a0f0d}.photo-layer{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.stage-upload-button{color:#fffdf7;background:0 0;border:0;place-content:center;gap:10px;display:grid;position:absolute;inset:0}.stage-upload-button span{font-size:1rem;font-weight:950}.placed-sticker{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:12px;padding:0;display:block;position:absolute}.placed-sticker img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.placed-sticker.selected{outline-offset:7px;outline:2px solid #f6c447}.floating-sticker-actions{gap:6px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 22px))}.floating-sticker-actions button{background:#12231bc7;width:38px;min-height:38px;padding:0}.danger-action{color:#ff8d83!important;border-color:#e9483f73!important}.story-bottom-sheet{color:#12231b;padding:10px clamp(10px, 2vw, 18px) max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffdf7f0;border-top:1px solid #ffffff24;gap:10px;display:grid;box-shadow:0 -18px 50px #0000003d}.sticker-controls{min-width:0}.control-stack{grid-template-columns:minmax(132px,.7fr) minmax(150px,1fr) minmax(150px,1fr) auto;align-items:center;gap:10px;display:grid}.selected-sticker{background:#fffdf7;border:1px solid #12231b1a;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.selected-sticker img{object-fit:contain;width:48px;height:48px}.selected-sticker span,.sticker-choice span{gap:2px;min-width:0;display:grid}.selected-sticker strong,.sticker-choice strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.selected-sticker small,.sticker-choice small{color:#68766e;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.range-field{color:#435047;gap:5px;min-width:0;font-size:.78rem;font-weight:900;display:grid}.range-field span{align-items:center;gap:5px;display:inline-flex}.range-field input{accent-color:#1f766d;width:100%}.quick-actions{gap:6px;display:flex}.quick-actions button{color:#fffdf7;background:#12231b;border-color:#12231b1f;width:40px;min-height:40px;padding:0}.empty-control{color:#68766e;border:1px dashed #12231b2e;border-radius:8px;place-items:center;min-height:48px;font-size:.82rem;font-weight:850;display:grid}.sticker-tray{min-width:0}.pack-tabs{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pack-tabs::-webkit-scrollbar{display:none}.sticker-row::-webkit-scrollbar{display:none}.pack-tabs button{color:#526259;background:#fffdf7;border:1px solid #12231b1a;border-radius:999px;flex:none;padding:8px 12px;font-size:.82rem;font-weight:950}.pack-tabs button.active{color:#fffdf7;background:#12231b;border-color:#12231b}.tray-heading{justify-content:space-between;align-items:baseline;gap:10px;margin:8px 2px 7px;display:flex}.tray-heading strong{font-size:.9rem}.tray-heading span{color:#68766e;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:750;overflow:hidden}.sticker-row{scrollbar-width:none;gap:10px;padding:1px 2px 4px;display:flex;overflow-x:auto}.sticker-choice{border:1px solid #12231b1f;border-bottom:4px solid var(--accent-color);color:#12231b;text-align:left;background:#fffdf7;border-radius:8px;grid-template-rows:82px auto;gap:6px;width:112px;min-width:112px;padding:8px;display:grid;box-shadow:0 10px 22px #12231b14}.sticker-choice:disabled{opacity:.45}.sticker-choice img{object-fit:contain;width:100%;height:82px}.sticker-choice.text,.sticker-choice.mark{width:144px;min-width:144px}.sticker-choice svg{color:#68766e;place-self:end}.saved-creations-panel{gap:10px;min-width:0;display:grid}.saved-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.saved-panel-heading span{gap:2px;display:grid}.saved-panel-heading strong{font-size:.96rem}.saved-panel-heading small{color:#68766e;font-size:.76rem;font-weight:800}.saved-panel-heading button,.saved-card-actions button{color:#fffdf7;background:#12231b;border:1px solid #12231b1f;border-radius:999px;justify-content:center;align-items:center;width:38px;min-height:38px;padding:0;display:inline-flex}.saved-creations-row{scrollbar-width:none;gap:10px;padding:1px 2px 4px;display:flex;overflow-x:auto}.saved-creations-row::-webkit-scrollbar{display:none}.saved-creation-card{background:#fffdf7;border:1px solid #12231b1f;border-radius:8px;grid-template-rows:104px auto auto;gap:7px;width:142px;min-width:142px;padding:8px;display:grid;box-shadow:0 10px 22px #12231b14}.saved-creation-card img{object-fit:cover;background:#eaf1ec;border-radius:6px;width:100%;height:104px}.saved-creation-card div:not(.saved-card-actions){gap:2px;min-width:0;display:grid}.saved-creation-card span{color:#12231b;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:900;overflow:hidden}.saved-creation-card small{color:#68766e;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:800;overflow:hidden}.saved-card-actions{gap:6px;display:flex}.saved-card-actions button{width:34px;min-height:34px}.empty-saved-panel{color:#68766e;border:1px dashed #12231b2e;border-radius:8px;place-items:center;min-height:96px;font-size:.84rem;font-weight:850;display:grid}@media (width>=900px){.story-app.is-empty{grid-template-rows:auto 1fr;display:grid}.welcome-screen{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center}.welcome-preview{justify-self:end}}@media (width<=760px){.story-topbar{align-items:flex-start}.brand-mark{width:34px;height:34px}.topbar-actions{gap:6px}.topbar-actions button{gap:5px;max-width:92px;min-height:34px;padding:8px 9px;font-size:.78rem}.topbar-actions button:not(.primary-action){color:#0000;width:36px;overflow:hidden}.topbar-actions button:not(.primary-action) svg{color:#fffdf7}.welcome-screen{align-content:start;padding-top:24px}.welcome-copy,.welcome-preview{max-width:340px}.welcome-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-sticker{min-height:118px}.editor-shell{padding-inline:8px}.editor-stage{border-radius:12px;width:min(100%,96vw);max-height:calc(100dvh - 318px)}.story-bottom-sheet{max-height:42dvh;padding-top:9px;overflow:hidden}.control-stack{grid-template-columns:minmax(0,1fr);gap:8px}.selected-sticker,.quick-actions{display:none}.empty-control{min-height:38px;font-size:.78rem}.sticker-choice{grid-template-rows:74px auto;width:100px;min-width:100px}.sticker-choice img{height:74px}.sticker-choice.text,.sticker-choice.mark{width:132px;min-width:132px}}@media (width<=430px){.story-topbar{padding-inline:10px}.brand-block h1{font-size:.98rem}.welcome-copy h2{font-size:2.05rem;line-height:1.02}.welcome-copy p{font-size:.96rem}.editor-stage{max-height:calc(100dvh - 328px)}}