.app-phone{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.app-phone__tabs{display:inline-flex;padding:3px;border-radius:9999px;background-color:#7f7f7f24}.app-phone__tab.app-phone__tab{border:none;background:transparent;color:var(--nt-gray-700, var(--text-secondary, #686868));padding:6px 16px;font-size:12px;font-weight:700;border-radius:9999px;cursor:pointer}.app-phone__tab.app-phone__tab.is-active{background-color:#fff;color:#111;box-shadow:0 1px 3px #0000001f}.app-phone__frame{width:260px;max-width:100%;aspect-ratio:9/19.5;background-color:#1f1f1f;border-radius:32px;padding:8px;box-shadow:0 8px 24px #0000002e}.app-phone__screen{container-type:inline-size;position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;color:#111827;letter-spacing:normal}.app-phone__screen p,.app-phone__screen span,.app-phone__screen div{margin:0}.app-phone__status{display:flex;justify-content:space-between;align-items:center;padding:2.5641025641cqw 5.641025641cqw 1.0256410256cqw;font-size:3.3333333333cqw;font-weight:700;color:#111;flex-shrink:0;z-index:3}.app-phone__status.is-dark{color:#fff}.app-phone__status.is-overlay{position:absolute;top:0;left:0;right:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.app-phone__status span{color:inherit;font-weight:inherit}.app-phone__status-icons{display:inline-flex;align-items:center;gap:3px}.app-phone .app-phone__marker{display:none;position:absolute;z-index:4;width:16px;height:16px;border-radius:50%;background-color:#f97316;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center;box-shadow:0 0 0 2px #fff,0 1px 4px #00000059;pointer-events:none}.app-phone__frame.is-annotated .app-phone__marker{display:block}.app-phone__marker-toggle.app-phone__marker-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:none;background:transparent;font-size:12px;font-weight:700;color:var(--nt-gray-700, var(--text-secondary, #686868));cursor:pointer}.app-phone__marker-toggle.app-phone__marker-toggle:hover{color:var(--nt-black, var(--txt-color, #111111))}.app-phone__legend.app-phone__legend{list-style:none;margin:0;padding:0;width:100%;max-width:320px;display:flex;flex-direction:column;gap:4px}.app-phone__legend.app-phone__legend li{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;color:var(--nt-black, var(--txt-color, #111111))}.app-phone .app-phone__legend-no{flex-shrink:0;width:16px;height:16px;border-radius:50%;background-color:#f97316;color:#fff!important;font-size:10px;font-weight:800;line-height:16px;text-align:center;margin-top:1px}.app-phone__footer{width:100%;max-width:320px;font-size:12px;line-height:1.6;color:var(--nt-gray-700, var(--text-secondary, #686868))}.app-phone .app-phone-boot{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f3f4f6}.app-phone .app-phone-boot__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-phone .app-phone-boot__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6b7280;font-size:3.8461538462cqw;font-weight:700;text-align:center;padding:0 6.1538461538cqw}.app-phone .app-phone-boot__empty-sub{font-size:3.0769230769cqw;font-weight:400}.app-phone .app-phone-boot__start-zone{position:absolute;left:0;right:0;top:80%;bottom:0;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.08) 0 6px,transparent 6px 12px);border-top:1px dashed rgba(255,255,255,.8);display:none}.app-phone .app-phone-boot__start{position:absolute;left:50%;top:83%;transform:translate(-50%);min-width:56.4102564103cqw;padding:3.5897435897cqw 6.1538461538cqw;border-radius:4.1025641026cqw;font-size:4.1025641026cqw;font-weight:700;letter-spacing:.05em;text-align:center}.app-phone .app-phone-boot__voice{position:absolute;top:14.358974359cqw;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;background-color:#0000008c;color:#fff;padding:1.0256410256cqw 3.0769230769cqw;border-radius:9999px;font-size:3.0769230769cqw}.app-phone .app-phone-boot__pager{position:absolute;left:0;right:0;bottom:5.1282051282cqw;display:flex;justify-content:center;gap:6px;z-index:5}.app-phone .app-phone-boot__dot.app-phone-boot__dot{width:8px;height:8px;padding:0;border:1px solid rgba(0,0,0,.3);border-radius:50%;background-color:#fff9;cursor:pointer}.app-phone .app-phone-boot__dot.app-phone-boot__dot.is-active{background-color:#fff;border-color:#fff;box-shadow:0 0 0 1px #0006}.app-phone .app-phone-boot__marker-image{top:28.2051282051cqw;left:4.1025641026cqw}.app-phone .app-phone-boot__marker-start{top:-8px;right:-8px}.app-phone .app-phone-boot__marker-voice{top:-8px;right:-10px}.app-phone .app-phone-home{flex:1;position:relative;overflow:hidden}.app-phone .app-phone-home__card{margin:3.0769230769cqw 4.1025641026cqw 0;border-radius:6.1538461538cqw;background-color:#fff;position:relative}.app-phone .app-phone-home__banner{position:relative;width:100%;aspect-ratio:1.8;overflow:hidden;border-radius:6.1538461538cqw 6.1538461538cqw 0 0;background-color:#e5e7eb}.app-phone .app-phone-home__banner.is-empty{background:linear-gradient(135deg,#00c7b7,#7eead7,#b9c3ff,#ffb6e6)}.app-phone .app-phone-home__banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-phone .app-phone-home__banner-empty{position:absolute;top:3.5897435897cqw;left:50%;transform:translate(-50%);white-space:nowrap;padding:1.0256410256cqw 3.0769230769cqw;border-radius:9999px;background-color:#ffffffe6;color:#b45309;font-size:3.0769230769cqw;font-weight:800}.app-phone .app-phone-home__logo-box{position:absolute;border:1px dashed rgba(255,255,255,.9);border-radius:3px;box-shadow:0 0 0 1px #00000040;pointer-events:none}.app-phone .app-phone-home__logo-img{position:absolute;-o-object-fit:contain;object-fit:contain;-o-object-position:right bottom;object-position:right bottom}.app-phone .app-phone-home__logo-empty{position:absolute;display:flex;align-items:center;justify-content:center;font-size:3.0769230769cqw;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.app-phone .app-phone-home__logo-marker-anchor{position:absolute;pointer-events:none}.app-phone .app-phone-home__body{padding:0 4.1025641026cqw 4.1025641026cqw;display:flex;flex-direction:column;gap:3.0769230769cqw}.app-phone .app-phone-home__profile{display:flex;align-items:flex-end;gap:3.5897435897cqw;margin-top:-8.7179487179cqw;position:relative}.app-phone .app-phone-home__avatar-wrap{position:relative;flex-shrink:0;width:21.5384615385cqw;height:21.5384615385cqw}.app-phone .app-phone-home__avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:.8974358974cqw solid #ffffff;background-color:#e5e7eb;-o-object-fit:cover;object-fit:cover;box-sizing:border-box}.app-phone .app-phone-home__avatar--empty{font-size:6.6666666667cqw;font-weight:700;color:#6b7280}.app-phone .app-phone-home__voice{position:absolute;right:-1.0256410256cqw;bottom:0;width:7.6923076923cqw;height:7.6923076923cqw;border-radius:50%;border:.5128205128cqw solid #ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0f172a33}.app-phone .app-phone-home__name-col{flex:1;min-width:0;padding-bottom:1.0256410256cqw}.app-phone .app-phone-home__name{font-size:5.1282051282cqw;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-phone .app-phone-home__handle{font-size:3.0769230769cqw;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-phone .app-phone-home__message{position:relative;font-size:3.3333333333cqw;line-height:5.1282051282cqw;color:#374151;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;white-space:pre-wrap}.app-phone .app-phone-home__message.is-empty{color:#9ca3af;font-style:italic}.app-phone .app-phone-home__actions{position:relative;display:flex;gap:2.5641025641cqw}.app-phone .app-phone-home__action{flex:1;display:flex;align-items:center;justify-content:center;gap:1px;min-height:10.7692307692cqw;border:.3846153846cqw solid;border-radius:999px;background-color:#fff;font-size:3.3333333333cqw;font-weight:800;white-space:nowrap}.app-phone .app-phone-home__next{margin:4.1025641026cqw 4.1025641026cqw 0;display:flex;flex-direction:column;gap:2.5641025641cqw}.app-phone .app-phone-home__next span{display:block;height:18.4615384615cqw;border-radius:4.1025641026cqw;background-color:#ffffffb3}.app-phone .app-phone-home.is-dark .app-phone-home__next span{background-color:#ffffff1a}.app-phone .app-phone-home__marker-banner{top:3.0769230769cqw;left:3.0769230769cqw}.app-phone .app-phone-home__marker-logo{top:-8px;left:-8px}.app-phone .app-phone-home__marker-avatar{top:0;left:-6px}.app-phone .app-phone-home__marker-voice{bottom:-10px;right:-12px}.app-phone .app-phone-home__marker-message{top:0;right:0}.app-phone .app-phone-home__marker-actions{top:-8px;right:-6px}.app-phone .app-phone__frame.is-annotated .app-phone-boot__start-zone{display:block}.app-phone a.app-phone__footer-link{color:#00857a;text-decoration:underline;text-underline-offset:2px}.app-cust-preview-layout{container-type:inline-size}.app-cust-preview-layout__grid{display:flex;flex-direction:column-reverse;gap:16px}.app-cust-preview-layout__form{min-width:0}.app-cust-preview-layout__panel{display:flex;flex-direction:column;gap:12px}.app-cust-preview-layout__panel-head{display:none;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--nt-black, var(--txt-color, #111111))}.app-cust-preview-layout__toggle.app-cust-preview-layout__toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:1px solid var(--nt-gray-200, var(--black-line, rgba(17, 17, 17, .12)));border-radius:12px;background:var(--nt-gray-100, var(--bg-secondary, #f5f6f9));color:var(--nt-black, var(--txt-color, #111111));font-size:13px;font-weight:700;cursor:pointer}.app-cust-preview-layout__toggle.app-cust-preview-layout__toggle span{flex:1;text-align:left;color:inherit;font-weight:inherit}.app-cust-preview-layout__body{display:none;flex-direction:column;align-items:center;gap:12px}.app-cust-preview-layout__panel.is-open .app-cust-preview-layout__body{display:flex}.app-cust-preview-layout .app-cust-preview-layout__note{margin:0;font-size:12px;line-height:1.6;color:var(--nt-gray-700, var(--text-secondary, #686868))}.app-cust-preview-layout .guide-card-link{width:100%}@container (min-width: 820px){.app-cust-preview-layout__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px}.app-cust-preview-layout__panel{position:sticky;top:80px}.app-cust-preview-layout__panel-head{display:flex}.app-cust-preview-layout__toggle.app-cust-preview-layout__toggle{display:none}.app-cust-preview-layout__body,.app-cust-preview-layout__panel.is-open .app-cust-preview-layout__body{display:flex}}.form-section .app-cust-header-section__lead,.form-section .app-cust-header-section__hint{margin:.5rem 0 1rem;font-size:.85rem;line-height:1.6;color:var(--text-secondary)}.form-section .app-cust-header-section__hint{margin:.75rem 0 0}.form-section .app-cust-header-section__warning{display:flex;align-items:flex-start;gap:8px;margin:0 0 1rem;padding:10px 12px;border-radius:10px;border:1px solid #fcd34d;background-color:#fffbeb;color:#92400e;font-size:.85rem;line-height:1.5;font-weight:700}.form-section .app-cust-header-section__warning span{color:inherit;font-weight:inherit}.form-section .app-cust-header-section__thumb{display:block;width:100%;max-width:480px;aspect-ratio:3;-o-object-fit:cover;object-fit:cover;border-radius:10px}.form-section .app-cust-header-section__links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:.75rem}.form-section a.app-cust-header-section__editor-link{font-size:12px;color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}