.ai-page{background:#f8f9fa;border-bottom:1px solid #eee}.ai-hero{padding-top:60px;padding-bottom:40px;text-align:center}.ai-hero-content{max-width:820px;margin:0 auto;padding:0 20px}.ai-title{font-size:36px;padding-bottom:10px!important;font-weight:800!important;margin-bottom:0;letter-spacing:-.5px;background:linear-gradient(90deg,#1a1a1a,#2bc48a 50%,#1a1a1a);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.ai-subtitle{font-size:14px;color:#888;margin-bottom:34px;font-weight:400}.ai-input-container{display:flex;flex-direction:column;gap:12px;margin:0 auto}.ai-input-wrapper{background:#fff;border:1px solid #e6e6e6;border-radius:10px;overflow:hidden;transition:all .25s ease;box-shadow:0 1px 4px rgba(0,0,0,.03)}.ai-input-wrapper:focus-within{border-color:#2bc48a;box-shadow:0 2px 12px rgba(43,196,138,.12)}.ai-textarea{width:calc(100% - 40px);padding:16px 20px;border:none;outline:none;font-size:12px;line-height:1.6;color:#333;resize:vertical;min-height:90px;font-family:inherit;background:transparent}.ai-textarea::placeholder{color:#bbb;font-size:13px}.ai-input-actions{display:flex;align-items:center;padding:16px;border-top:1px solid #f5f5f5;background:#fafafa}.ai-attachment{display:flex;flex-direction:column}.ai-file-upload{display:flex;align-items:center;gap:10px}.ai-attachment-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:5px;cursor:pointer;color:#666;font-size:13px;transition:all .2s ease;border:1px solid #e0e0e0;background:#fff}.ai-attachment-btn:hover{background:#f5f5f5;border-color:#ccc;color:#2bc48a}.ai-attachment-btn svg{color:#999;transition:color .2s}.ai-attachment-btn:hover svg{color:#2bc48a}.ai-file-list{display:flex;gap:6px;flex-wrap:wrap}.ai-file-tag{display:flex;align-items:center;gap:5px;padding:3px 8px;background:#f0faf5;border:1px solid #d0f0e0;border-radius:4px;font-size:12px;color:#2bc48a;margin-bottom:10px}.ai-file-tag .remove{cursor:pointer;opacity:.5;transition:opacity .2s;font-size:14px;line-height:1}.ai-file-tag .remove:hover{opacity:1}.ai-generate-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 24px;background:#2bc48a;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px rgba(43,196,138,.2)}.ai-generate-btn:hover{background:#25b07d;box-shadow:0 4px 14px rgba(43,196,138,.3);transform:translateY(-1px)}.ai-generate-btn:active{transform:translateY(0)}.ai-generate-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.ai-prompts{padding:0 20px 40px;max-width:820px;margin:0 auto}.ai-section-title{font-size:18px;font-weight:600;color:#333;text-align:center}.ai-prompts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ai-prompt-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;cursor:pointer;transition:all .25s ease;text-align:left}.ai-prompt-card:hover{border-color:#2bc48a;box-shadow:0 2px 10px rgba(43,196,138,.08);transform:translateY(-2px)}.ai-prompt-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:6px;margin-bottom:10px;color:#555}.ai-prompt-icon svg{width:16px;height:16px}.ai-prompt-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.ai-prompt-desc{font-size:12px;color:#888;line-height:1.5}@media (max-width:768px){.ai-hero{padding-top:40px}.ai-title{font-size:28px}.ai-subtitle{font-size:14px}.ai-prompts-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ai-prompt-card{padding:14px}}@media (max-width:580px){.ai-prompts-grid{grid-template-columns:1fr}.ai-hero{padding-top:30px}.ai-title{font-size:24px;margin-top:40px}.ai-hero-content{padding:0}}.ai-result-container{background:#fff;border:1px solid #e6e6e6;border-radius:10px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.03)}.ai-result-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.ai-result-title{font-size:14px;font-weight:600;color:#333}.ai-result-close{font-size:18px;color:#999;cursor:pointer;line-height:1;padding:2px 6px;border-radius:4px;transition:all .2s}.ai-result-close:hover{color:#333;background:#f0f0f0}.ai-result-body{display:flex;height:560px}.ai-result-left{width:60%;border-right:1px solid #f0f0f0;overflow:hidden;display:flex;flex-direction:column}.ai-result-md{flex:1;padding:16px 20px;font-size:13px;line-height:1.7;color:#444;white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;overflow-y:auto;text-align:left;border:none;outline:none;resize:none;background:transparent;width:100%;box-sizing:border-box}.ai-result-md:focus{background:rgba(43,196,138,.02)}.ai-result-right{width:40%;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:hidden;background:#f5f5f5}.ai-result-phone{width:320px;height:520px;background:#fff;border:4px solid #333;border-radius:28px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,.06)}.ai-result-phone-notch{height:28px;background:transparent;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);top:4px;z-index:10}.ai-result-phone-notch:before{content:"";display:block;width:60px;height:16px;background:#000;border-radius:26px;opacity:.8}.ai-result-phone-notch:after{display:none}.ai-result-phone-screen{background:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.ai-result-phone-body{width:100%;height:100%;overflow:hidden;position:relative}.ai-result-phone-body>iframe{width:100%;height:100%;border:none;overflow:hidden}@media (max-width:768px){.ai-result-body{flex-direction:column;height:auto}.ai-result-left{width:100%;border-right:none;border-bottom:1px solid #f0f0f0;max-height:200px;height:0}.ai-result-right{width:calc(100% - 32px);padding:16px}.ai-result-phone{width:100%;max-width:320px;height:520px;border-radius:16px}.ai-result-phone-screen{border-radius:0}.ai-file-upload{display:block}.ai-file-upload>label{display:block;margin-bottom:5px}}.ai-result-phone-body .ui-form-layout{width:100%!important;overflow:hidden!important}.ai-result-phone-body .ui-form-layout .ui-form-form{width:100%;flex:1;max-width:720px;padding:20px 0;height:fit-content;overflow:hidden}.ai-result-phone-body .ui-form-layout .ui-form-form>div{padding:0 20px!important}.ai-result-phone-body .ui-form-layout .ui-form-image img{line-height:0!important;max-height:160px!important;max-width:100%!important}.ai-result-phone-body .ui-form-layout .ui-order-num{left:8px!important;top:6px!important}.ai-result-phone-body .ui-form-page-title{font-size:1.8em!important}.ai-result-phone-body .ui-form-layout .ui-form-text .text,.ai-result-phone-body .ui-form-text .text{font-size:1.5em!important;padding:4px 0!important;max-height:24px!important}.ai-result-phone-body .ui-form-layout .ui-form-select.horizontal>div{margin-right:0!important;flex:0 1 100%!important;max-width:100%!important}.ai-result-phone-body .ui-form-layout .ui-form-select .select-text>label{margin:0 8px!important}.ai-result-phone-body .ui-form-layout.layout-float-left,.ai-result-phone-body .ui-form-layout.layout-float-right,.ai-result-phone-body .ui-form-layout.layout-split-left,.ai-result-phone-body .ui-form-layout.layout-split-right{flex-direction:column!important}.ai-result-phone-body .ui-form-layout.layout-float-left .ui-form-image,.ai-result-phone-body .ui-form-layout.layout-float-right .ui-form-image{height:34%!important;position:absolute;left:0!important;top:0!important;overflow:hidden!important}.ai-result-phone-body .ui-form-layout.layout-float-left .ui-form-form,.ai-result-phone-body .ui-form-layout.layout-float-right .ui-form-form{flex:1;height:64%;position:absolute!important;top:40%!important;width:100%!important;display:block!important;overflow-y:auto!important;height:60%}.ai-result-phone-body .ui-form-layout.layout-float-left>div.ui-form-image,.ai-result-phone-body .ui-form-layout.layout-float-left>div.ui-form-image img,.ai-result-phone-body .ui-form-layout.layout-float-right>div.ui-form-image,.ai-result-phone-body .ui-form-layout.layout-float-right>div.ui-form-image img{width:100%!important}.ai-result-phone-body .ui-form-layout.layout-split-right .ui-form-image{height:34%!important;position:absolute;left:0!important;top:0!important;overflow:hidden!important}.ai-result-phone-body .ui-form-layout.layout-split-right .ui-form-form{flex:1;height:64%;position:absolute!important;top:40%!important;width:100%!important;display:block!important;overflow-y:auto!important;height:60%!important}.ai-result-phone-body .ui-form-layout.layout-split-right .ui-form-page-des{height:auto!important}.ai-result-phone-body .ui-form-layout .ui-form-form .ui-form-page-button-g{width:100%!important;height:40px!important;width:calc(100% - 40px)!important;margin-top:20px!important}.ai-result-phone-body .ui-form-layout .ui-form-form .ui-form-page-button-g label{display:none}.ai-result-phone-body .ui-form-page-button-g .ui-form-page-button{width:100%!important;padding:8px 16px!important;font-size:1.3em!important;min-height:36px!important}.ai-result-phone-body .ui-form-layout .ui-form-form .ui-form-page-des{font-size:1.2em!important;height:auto!important;text-align:left!important}.ai-result-phone-body .ui-form-layout .ui-form-form .ui-form-page-des p{margin:.3em 0!important}.ai-result-phone-body .ui-form-layout .ui-form-select>div{min-height:36px!important;margin-bottom:6px!important}.ai-result-phone-body .ui-form-layout .ui-form-select{width:calc(100% - 40px)!important}.ai-result-phone-body .ui-form-layout .ui-form-select .select-text>.ui-form-select-text{font-size:1.1em!important}.ai-result-phone-body .ui-form-layout .text{font-size:1.3em!important}.ai-result-phone-body .ui-form-layout.slide{height:100%;overflow-y:auto;overflow-x:hidden}.ai-result-phone-body .ui-form-layout .ui-form-input-icon .text,.ai-result-phone-body .ui-form-layout .ui-form-phone .text{text-indent:24px!important}.ai-result-phone-body .ui-form-layout .ui-form-text-num{right:28px!important}.ai-result-phone-body .ui-form-layout .ui-form-dropdown .icon_box{width:11px!important;right:-5px!important}.ai-result-phone-body .ui-form-layout .ui-dropdown-menu li{line-height:20px!important;font-size:1.1em!important}.ai-result-phone-body .ui-form-layout .ui-form-input-icon i,.ai-result-phone-body .ui-form-layout .ui-form-phone i{font-size:21px!important}.ai-result-phone-body .ui-form-layout .ui-form-opinion{width:calc(100% - 40px)!important}.ai-result-phone-body .ui-form-layout .ui-form-opinion>div .icon{font-size:2.1em!important}.ai-result-phone-body .ui-form-layout .ui-form-opinion>div{padding-right:6px!important;margin-top:6px!important}.ai-result-phone-body .ui-form-layout .ui-form-opinion.opinion-scale{justify-content:flex-start!important;min-height:30px!important;height:unset!important;width:calc(100% - 40px)!important}.ai-result-phone-body .ui-form-layout .ui-form-opinion.opinion-scale>div{min-width:30px!important;max-width:30px!important;margin-right:0!important;height:30px!important}.ai-result-phone-body .ui-form-layout .ui-form-opinion.opinion-scale:has(>div:nth-child(6):last-child)>div{max-width:unset!important}.ai-result-phone-body .ui-form-layout .ui-form-opinion.opinion-scale>div label{font-size:12px!important}.ai-result-phone-body .ui-form-layout .ui-form-dropdown.column .icon_box:active{opacity:.5!important;transform:scale(.8)!important}.ai-result-phone-body .ui-form-layout .ui-form-dropdown.column .ui-dropdown-con{margin-left:0!important;margin-bottom:10px!important}.ai-result-phone-body .ui-form-layout .ui-form-dropdown.column{display:block!important}.ai-result-footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0;background:#fff}.ai-result-footer .ai-btn-edit,.ai-result-footer .ai-btn-save,.ai-result-footer .ai-btn-share{padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;border:none;outline:none}.ai-result-footer .ai-btn-save{background:#fff;color:#333;border:1px solid #ddd}.ai-result-footer .ai-btn-save:hover{background:#f5f5f5}.ai-result-footer .ai-btn-edit{background:#2bc48a;color:#fff}.ai-result-footer .ai-btn-edit:hover{background:#26ad7a}.ai-result-footer .ai-btn-share{background:#fff;color:#2bc48a;border:1px solid #2bc48a}.ai-result-footer .ai-btn-share:hover{background:#e8f8f3}.ai-result-footer button:disabled{opacity:.6;cursor:not-allowed}