:root{color:#f2f2f2;font-synthesis:none;background:#090909;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#090909}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.password-screen{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));color:#ededed;background:#0d0d0d;place-items:center;display:grid}.password-form{text-align:center;width:min(100%,320px)}.password-icon{color:#101a14;background:#27c66f;border-radius:15px;place-items:center;width:52px;height:52px;margin:0 auto 20px;display:grid}.password-form h1{letter-spacing:-.02em;margin:0;font-size:22px}.password-form p{color:#999;margin:8px 0 22px;font-size:14px}.password-form input{text-align:center;letter-spacing:.34em;height:52px;font-size:22px}.password-form button{color:#092014;background:#27c66f;border:0;border-radius:14px;width:100%;min-height:50px;margin-top:12px;font-weight:700}.password-form button:disabled{color:#777;background:#292929}.password-error{color:#ff9c9c;margin-top:10px;font-size:13px}.password-loading{color:#8d8d8d;font-size:14px}.app-shell{color:#ededed;background:#111;border-inline:1px solid #202020;max-width:640px;min-height:100dvh;margin:0 auto}.workspace-tabs{z-index:20;padding:max(8px, env(safe-area-inset-top)) 12px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111111f5;grid-template-columns:1fr 1fr;gap:5px;display:grid;position:sticky;top:0}.workspace-tabs:before{content:"";inset:max(8px, env(safe-area-inset-top)) 12px 8px;pointer-events:none;background:#202020;border-radius:13px;position:absolute}.workspace-tabs button{color:#8e8e8e;background:0 0;border:0;border-radius:10px;min-height:44px;font-weight:650;position:relative}.workspace-tabs button.is-active{color:#fff;background:#343434}.workspace-tabs small{color:#b8b8b8;background:#292929;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;font-size:11px;display:inline-grid}.workspace-content{padding:7px 12px calc(86px + env(safe-area-inset-bottom))}.composer,.order-panel{width:100%}.compact-settings{grid-template-columns:1.35fr .8fr;gap:7px;display:grid}.compact-settings label{color:#858585;background:#202020;border:1px solid #343434;border-radius:11px;align-items:center;gap:7px;height:44px;padding:0 10px;font-size:12px;display:flex}.compact-settings span{white-space:nowrap;flex:none}.compact-settings input{background:0 0;border:0;min-width:0;height:42px;padding:0}.full-field{color:#949494;flex-direction:column;gap:7px;font-size:12px;display:flex}input,textarea{color:#f0f0f0;background:#222;border:1px solid #363636;border-radius:12px;outline:none;width:100%}input{height:46px;padding:0 12px}textarea{resize:vertical;min-height:76px;margin-top:8px;padding:10px 11px;line-height:1.45}input:focus,textarea:focus{border-color:#27c66f;box-shadow:0 0 0 2px #27c66f1f}.avatar-compact-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;display:grid}.avatar-mini{background:#1b1b1b;border:1px solid #303030;border-radius:12px;align-items:center;gap:7px;min-width:0;height:56px;padding:6px;display:flex}.avatar-preview{background:#292929;border-radius:7px;flex:0 0 42px;width:42px;height:42px;overflow:hidden}.media-surface{background-position:50%;background-repeat:no-repeat;display:block}.avatar-preview .media-surface,.avatar-preview .empty-media{background-size:cover;width:100%;height:100%}.avatar-mini strong{flex:1;min-width:0;font-size:13px}.avatar-mini button,.avatar-mini label{color:#cfcfcf;background:#2c2c2c;border:0;border-radius:9px;place-items:center;min-width:44px;height:42px;padding:0 7px;font-size:12px;display:grid}.avatar-mini input,.media-upload input,.add-avatar-choice input{display:none}.type-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px;display:grid}.type-grid button{color:#969696;background:#1c1c1c;border:1px solid #303030;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:48px;display:flex}.type-grid button.is-active{color:#eafff2;background:#1c3a2a;border-color:#276d48}.side-switch,.duration-control>div{background:#202020;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding:3px;display:grid}.side-switch button,.duration-control button{color:#858585;background:0 0;border:0;border-radius:10px;min-height:44px}.side-switch button.is-active,.duration-control button.is-active{color:#fff;background:#3a3a3a}.duration-control{color:#929292;margin-top:9px;font-size:12px}.duration-control>div{margin-top:7px}.full-field{margin-top:9px}.media-upload{color:#bbb;background:#191919;border:1px dashed #4b4b4b;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:60px;margin-top:8px;display:flex}.add-button{color:#092014;background:#27c66f;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:48px;margin-top:8px;font-weight:700;display:flex}.avatar-picker-layer{z-index:90;position:fixed;inset:0}.avatar-picker-backdrop{background:#000000a3;border:0;width:100%;position:absolute;inset:0}.avatar-picker-sheet{max-height:70dvh;padding:14px 16px calc(18px + env(safe-area-inset-bottom));background:#1b1b1b;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 55px #0000007a}.avatar-picker-heading{align-items:center;min-height:44px;display:flex}.avatar-picker-heading strong{font-size:16px}.avatar-picker-heading button{color:#bbb;background:#292929;border:0;border-radius:10px;place-items:center;width:44px;height:44px;margin-left:auto;display:grid}.avatar-choice-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-height:calc(70dvh - 86px);padding-top:10px;display:grid;overflow-y:auto}.avatar-choice,.add-avatar-choice{aspect-ratio:1;background:#292929;border:2px solid #0000;border-radius:13px;min-width:0;padding:0;position:relative;overflow:hidden}.avatar-choice.is-selected{border-color:#27c66f}.avatar-choice-select{background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.avatar-choice-select .media-surface{background-size:cover;width:100%;height:100%}.avatar-choice-check{color:#082014;background:#27c66f;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:4px;right:4px}.avatar-choice-delete{z-index:2;color:#fff;background:#181818d1;border:0;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:3px;right:3px}.avatar-choice-delete:disabled{display:none}.add-avatar-choice{color:#aaa;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.add-avatar-choice small{font-size:11px}.order-help{color:#8a8a8a;margin:2px 2px 12px;font-size:12px;line-height:1.5}.order-list{background:#191919;border:1px solid #2d2d2d;border-radius:15px;overflow:hidden}.order-item{border-bottom:1px solid #292929;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:76px;padding:9px 7px 9px 8px;display:grid}.order-item:last-child{border-bottom:0}.order-item.is-start{background:#18271f}.start-selector{color:#54db90;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:48px;height:52px;display:flex}.start-selector span{border:2px solid #595959;border-radius:50%;width:18px;height:18px}.is-start .start-selector span{border:5px solid #27c66f}.start-selector small{font-size:10px}.order-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.order-copy strong{font-size:13px;font-weight:600}.order-copy span{color:#838383;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.order-actions{grid-template-columns:repeat(3,44px);display:grid}.order-actions button{color:#9a9a9a;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.order-actions button:active{background:#303030}.order-actions button:disabled{opacity:.2}.order-actions .delete-button{color:#b97979}.workspace-actions{z-index:40;width:min(640px,100%);padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#171717f7;border-top:1px solid #2d2d2d;grid-template-columns:.8fr 1.2fr;gap:9px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.workspace-actions button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:48px;font-weight:700;display:flex}.preview-button{color:#e5e5e5;background:#333}.save-button{color:#082014;background:#27c66f}.capture-canvas-host{pointer-events:none;width:393px;height:852px;position:fixed;top:0;left:-10000px}.preview-modal{z-index:100;color:#eee;background:#050505;position:fixed;inset:0;overflow:hidden}.preview-toolbar{z-index:4;height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;background:#151515;border-bottom:1px solid #262626;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;inset:0 0 auto}.preview-toolbar>button{color:#ddd;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;min-width:44px;height:44px;display:flex}.preview-toolbar>button:first-child{justify-self:start}.preview-toolbar strong{font-size:15px}.preview-toolbar .preview-save{color:#52d98e;justify-self:end;gap:5px;width:auto;padding:0 8px}.preview-canvas-stage{inset:calc(60px + env(safe-area-inset-top)) 0 0;background:#090909;position:absolute;overflow:hidden}.preview-canvas-stage .phone-frame{transform:translateX(-50%) scale(var(--preview-scale,1));transform-origin:top;position:absolute;top:12px;left:50%;box-shadow:0 12px 40px #00000080}.toast{left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:200;color:#fff;text-align:center;background:#2d2d2df5;border-radius:10px;max-width:calc(100% - 32px);padding:10px 14px;font-size:13px;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}.phone-frame{color:#d8d8d8;background:#111;flex:none;width:393px;height:852px;position:relative;overflow:hidden}.ios-status{z-index:3;background:#111;align-items:center;height:53px;padding:5px 33px 0 49px;display:flex;position:absolute;inset:0 0 auto}.ios-status>strong{color:#fff;letter-spacing:-.35px;font-size:17px;font-weight:650}.ios-status-icons{object-fit:contain;width:90px;height:24px;margin-left:auto;display:block}.chat-header{z-index:3;background:#111;border-bottom:1px solid #242424;align-items:center;height:65px;display:flex;position:absolute;inset:53px 0 auto}.chat-header strong{color:#d6d6d6;letter-spacing:-.35px;margin:0 auto;font-size:17px;font-weight:500}.back-icon{fill:none;stroke:#d3d3d3;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:20px;position:absolute;left:16px}.more-icon{gap:5px;display:flex;position:absolute;right:19px}.more-icon i{background:#d5d5d5;border-radius:50%;width:3.5px;height:3.5px}.chat-scroll{overscroll-behavior:contain;scrollbar-width:none;background:#111;position:absolute;inset:118px 0 90px;overflow-y:auto}.chat-scroll::-webkit-scrollbar{display:none}.message-list{flex-direction:column;gap:17px;min-height:100%;padding:17px 12px 28px;display:flex}.time-message{color:#5f5f61;align-self:center;margin:0 0 2px;font-size:14px;line-height:22px}.message-row{align-items:flex-start;gap:12px;width:100%;display:flex}.message-row.is-right{flex-direction:row-reverse}.message-avatar{background:#272727;border-radius:4px;flex:0 0 41px;width:41px;height:41px;overflow:hidden}.message-avatar .media-surface,.message-avatar .empty-media{background-size:cover;width:100%;height:100%}.message-content{min-width:0;max-width:268px}.message-row.is-right .message-content{justify-content:flex-end;display:flex}.bubble{border-radius:4px;align-items:center;min-height:41px;font-size:17px;line-height:1.43;display:flex;position:relative}.bubble:before,.transfer-card:before{content:"";background:inherit;clip-path:polygon(100% 0,100% 100%,0 50%);width:8px;height:11px;position:absolute;top:13px}.message-row.is-left .bubble:before,.message-row.is-left .transfer-card:before{left:-7px}.message-row.is-right .bubble:before,.message-row.is-right .transfer-card:before{right:-7px;transform:scaleX(-1)}.text-bubble{color:#e4e4e4;white-space:pre-wrap;overflow-wrap:anywhere;background:#2c2c2e;padding:8px 12px}.message-row.is-right .text-bubble{color:#0b2617;background:#26c66f}.voice-bubble{background:#2c2c2e;gap:8px;padding:0 12px}.voice-bubble.duration-2{width:84px}.voice-bubble.duration-3{width:93px}.message-row.is-left .voice-bubble{justify-content:flex-start}.message-row.is-right .voice-bubble{color:#0b2617;background:#26c66f;justify-content:flex-end}.voice-bubble span{font-size:16px}.voice-mark{fill:none;stroke:currentColor;stroke-width:2.15px;stroke-linecap:round;width:22px;height:22px}.voice-mark.is-right{transform:scaleX(-1)}.photo-message{border-radius:4px;max-width:132px;line-height:0;overflow:hidden}.photo-message .media-surface{background-size:contain;max-width:132px;max-height:218px}.sticker-message{border-radius:0;max-width:132px;line-height:0;overflow:hidden}.sticker-message .media-surface{background-size:contain;max-width:132px;max-height:132px}.empty-media{background:#292929;width:100%;height:100%;display:block}.transfer-card{color:#ffd394a1;background:#bd7729;border-radius:4px;width:245px;height:87px;position:relative;overflow:visible}.transfer-main{border-bottom:1px solid #ffffff17;align-items:center;gap:10px;height:67px;padding:7px 12px 4px;display:flex}.transfer-main svg{fill:none;stroke:currentColor;stroke-width:2.2px;flex:none;width:43px;height:43px}.transfer-main div{flex-direction:column;min-width:0;display:flex}.transfer-main strong{font-size:17px;font-weight:500;line-height:21px}.transfer-main span{font-size:14px;line-height:18px}.transfer-card small{padding:2px 12px 0;font-size:12px;line-height:16px;display:block}.chat-footer{z-index:3;background:#222;height:90px;position:absolute;inset:auto 0 0;overflow:hidden}.chat-footer>img{object-fit:fill;width:393px;height:90px;display:block}@media (width<=380px){.compact-settings{grid-template-columns:1.25fr .8fr}.avatar-mini strong{display:none}.order-item{grid-template-columns:48px minmax(0,1fr) auto;gap:4px}.order-actions{grid-template-columns:repeat(3,40px)}.order-actions button{width:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}