*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0f;min-height:100vh}.app{padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;color:#e4e4e7}select{background-color:#18181b!important;color:#a1a1aa!important}select option{background-color:#18181b;color:#a1a1aa;padding:8px}select option:hover,select option:checked{background-color:#27272a}.tabs{display:flex;gap:4px;margin-bottom:24px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:6px;border:1px solid rgba(255,255,255,.06)}.tabs button{padding:12px 32px;border:none;background:transparent;cursor:pointer;border-radius:12px;font-size:14px;font-weight:500;color:#71717a;transition:all .3s ease;position:relative;overflow:hidden}.tabs button:hover{color:#e4e4e7;background:#ffffff0d}.tabs button.active{background:linear-gradient(135deg,#8b5cf633,#3b82f633);color:#fff;border:1px solid rgba(139,92,246,.3);box-shadow:0 0 20px #8b5cf633,inset 0 1px #ffffff1a}.config-toolbar{display:flex;gap:12px;margin-bottom:24px}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s;box-shadow:0 4px 15px #8b5cf64d,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666,inset 0 1px #fff3}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff0d;color:#e4e4e7;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:#8b5cf680}.btn-icon{width:18px;height:18px;flex-shrink:0}.btn-primary .btn-icon{stroke:#fff}.btn-secondary .btn-icon{stroke:#a78bfa}.template-editor{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0000004d}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.editor-header h3{font-size:18px;color:#fff;font-weight:600}.btn-close{width:36px;height:36px;border:none;background:#ffffff0d;border-radius:10px;cursor:pointer;font-size:18px;color:#71717a;transition:all .2s;border:1px solid rgba(255,255,255,.06)}.btn-close:hover{background:#ef444433;color:#ef4444;border-color:#ef44444d}.steps{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.step{display:flex;align-items:center;gap:10px}.step-num{width:36px;height:36px;border-radius:12px;background:#ffffff0d;color:#71717a;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s;border:1px solid rgba(255,255,255,.06)}.step-text{color:#71717a;font-size:13px;font-weight:500;transition:color .3s}.step.active .step-num{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-color:transparent;box-shadow:0 4px 15px #8b5cf666}.step.active .step-text{color:#e4e4e7}.step.done .step-num{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent}.step-line{width:60px;height:2px;background:#ffffff0f;margin:0 16px;transition:background .3s;border-radius:1px}.step-line.active{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.step-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.btn-prev,.btn-cancel{padding:12px 24px;background:#ffffff0d;color:#a1a1aa;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;font-weight:500;transition:all .2s}.btn-prev:hover,.btn-cancel:hover{background:#ffffff1a;color:#e4e4e7}.btn-next{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #8b5cf64d}.btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.btn-next:disabled,.btn-save:disabled{background:#ffffff1a;color:#52525b;cursor:not-allowed;transform:none;box-shadow:none}.upload-area{margin:20px 0}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;border:2px dashed rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s;background:#ffffff05}.upload-box:hover{border-color:#8b5cf680;background:#8b5cf60d}.upload-icon{width:56px;height:56px;margin-bottom:16px;stroke:#8b5cf6;opacity:.8}.upload-box:hover .upload-icon{opacity:1;stroke:#a78bfa}.upload-text{font-size:15px;color:#e4e4e7;font-weight:500;margin-bottom:8px}.upload-hint{font-size:13px;color:#71717a}.uploaded-preview{text-align:center;margin:20px 0}.uploaded-preview img{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1)}.preview-actions{margin-top:16px}.btn-reupload{display:inline-block;padding:10px 20px;background:#ffffff0d;color:#a1a1aa;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s;border:1px solid rgba(255,255,255,.1)}.btn-reupload:hover{background:#ffffff1a;color:#e4e4e7}.step-save{max-width:600px;margin:0 auto}.form-item{margin-bottom:20px}.form-item label{display:block;margin-bottom:8px;font-weight:500;color:#a1a1aa;font-size:13px}.input-name{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;color:#e4e4e7;transition:all .3s}.input-name:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.select-group{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;color:#e4e4e7;transition:all .3s}.select-group:focus{outline:none;border-color:#8b5cf680}.template-summary{margin-top:28px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.template-summary h4{margin-bottom:16px;color:#e4e4e7;font-size:14px}.summary-images{display:flex;gap:16px;flex-wrap:wrap}.summary-item{text-align:center}.summary-item img{width:100px;height:100px;object-fit:cover;border-radius:10px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1)}.summary-item span{display:block;font-size:12px;color:#71717a}.template-list-section{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0000004d}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.list-header h3{font-size:18px;color:#fff;font-weight:600}.list-actions{display:flex;align-items:center;gap:12px}.list-filter{display:flex;gap:6px}.list-filter button{padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:#71717a;transition:all .2s}.list-filter button:hover{background:#ffffff1a;color:#e4e4e7}.list-filter button.active{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#fff;border-color:#8b5cf64d}.btn-manage{padding:8px 16px;background:#ffffff0d;color:#71717a;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-manage:hover{background:#ffffff1a;color:#e4e4e7}.btn-delete-batch{padding:8px 16px;background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-delete-batch:disabled{background:#ffffff0d;color:#52525b;border-color:#ffffff0f;cursor:not-allowed}.btn-cancel-manage{padding:8px 16px;background:#ffffff0d;color:#71717a;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.template-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .3s;cursor:pointer;position:relative;padding:12px}.template-card:hover{border-color:#8b5cf666;box-shadow:0 8px 32px #8b5cf626;transform:translateY(-4px)}.template-card.selected{border-color:#8b5cf680;background:#8b5cf61a}.card-checkbox{position:absolute;top:8px;left:8px;width:22px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-checkbox.checked{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent}.card-thumbs{display:flex;gap:6px;margin-bottom:10px}.thumb-item{flex:1;position:relative}.thumb-item img{width:100%;height:80px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.thumb-label{position:absolute;left:4px;bottom:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.thumb-empty{height:80px;background:#ffffff08;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#52525b;font-size:12px;border:1px dashed rgba(255,255,255,.1)}.card-header-row{display:flex;align-items:center;gap:6px}.card-group{background:#8b5cf626;color:#a78bfa;padding:2px 8px;border-radius:6px;font-size:10px;flex-shrink:0}.card-title{font-size:13px;font-weight:500;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-list{text-align:center;padding:60px 20px;color:#52525b}.empty-icon{width:56px;height:56px;margin:0 auto 16px;stroke:#52525b;opacity:.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#18181bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;width:90%;max-width:480px;max-height:80vh;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-header h3{font-size:16px;color:#fff;font-weight:600}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.group-form{display:flex;gap:12px;margin-bottom:20px}.group-form .group-input{flex:1;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;color:#e4e4e7}.group-form .group-input:focus{outline:none;border-color:#8b5cf680}.group-form .btn-add{padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px}.group-form .btn-add:disabled{background:#ffffff1a;color:#52525b}.group-item{display:flex;align-items:center;padding:14px 16px;background:#ffffff08;border-radius:10px;margin-bottom:10px;border:1px solid rgba(255,255,255,.06)}.group-name{flex:1;font-weight:500;color:#e4e4e7}.group-count{font-size:12px;color:#71717a;margin-right:12px}.empty-groups{text-align:center;padding:30px;color:#52525b}.image-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.image-tab{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;color:#a1a1aa;transition:all .3s}.image-tab:hover{border-color:#8b5cf666;color:#e4e4e7}.image-tab.active{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#fff;border-color:#8b5cf666}.image-tab .check-mark{color:#10b981;font-weight:700}.image-tab.active .check-mark{color:#34d399}.area-badge{background:#ffffff1a;padding:2px 8px;border-radius:6px;font-size:11px}.btn-remove-tab{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;margin-left:4px;opacity:.5;transition:opacity .2s}.btn-remove-tab:hover{opacity:1;color:#ef4444}.btn-add-page{padding:10px 16px;background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:10px;cursor:pointer;font-weight:500;font-size:13px;transition:all .3s}.btn-add-page:hover{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);transform:translateY(-2px)}.editor-container{display:flex;gap:24px}.canvas-wrapper{flex:1;overflow:hidden;border:1px dashed rgba(255,255,255,.1);background:#0003;border-radius:16px;min-height:350px;display:flex;align-items:center;justify-content:center}.canvas{position:relative;display:inline-block;cursor:crosshair;-webkit-user-select:none;user-select:none}.canvas img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:8px}.text-area{position:absolute;border:2px dashed;cursor:move;display:flex;align-items:center;justify-content:center;border-radius:6px}.text-area.active{border-style:solid;border-width:3px}.area-label{color:#fff;padding:4px 10px;font-size:11px;border-radius:6px;font-weight:600}.drawing-area{position:absolute;border:2px dashed #10b981;background:#10b98126;pointer-events:none;border-radius:6px}.control-panel{width:280px;padding:20px;background:#ffffff08;border-radius:14px;max-height:450px;overflow-y:auto;border:1px solid rgba(255,255,255,.06)}.control-panel h4{margin-bottom:12px;font-size:14px;color:#e4e4e7;font-weight:600}.tip{color:#71717a;font-size:12px;margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.area-item{padding:14px;margin-bottom:10px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.area-header{display:flex;justify-content:space-between;margin-bottom:10px;align-items:center;font-weight:500;font-size:13px}.area-controls{display:flex;gap:12px;flex-wrap:wrap}.area-controls label{display:flex;align-items:center;gap:6px;font-size:12px;color:#a1a1aa}.area-controls input[type=number]{width:60px;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e4e4e7;font-size:12px}.area-controls input[type=number]:focus{outline:none;border-color:#8b5cf680}.btn-del-sm{width:24px;height:24px;border:none;background:#ef444433;color:#ef4444;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-del-sm:hover{background:#ef44444d}.btn-clear{width:100%;padding:10px;background:#ffffff0d;color:#71717a;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;margin-top:10px;font-weight:500;font-size:13px}.btn-clear:hover{background:#ffffff1a;color:#e4e4e7}.btn-save{padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s;box-shadow:0 4px 15px #10b9814d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.fill-page{display:flex;gap:24px;min-height:calc(100vh - 140px)}.template-sidebar{width:280px;flex-shrink:0;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;overflow-y:auto;border:1px solid rgba(255,255,255,.06)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sidebar-header h3{font-size:14px;color:#e4e4e7;font-weight:600;margin:0}.btn-clear-select{padding:4px 10px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s}.btn-clear-select:hover{background:#ef444433}.template-sidebar h3{margin-bottom:16px;font-size:14px;color:#e4e4e7;font-weight:600}.group-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.group-filter button{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;color:#71717a;transition:all .3s}.group-filter button:hover{background:#ffffff1a;color:#e4e4e7}.group-filter button.active{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#fff;border-color:#8b5cf64d}.template-cards{display:flex;flex-direction:column;gap:10px}.template-card-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;align-items:center;padding:12px;position:relative}.template-card-item:hover{background:#ffffff0f;border-color:#8b5cf64d;transform:translate(4px)}.template-card-item.selected{border-color:#8b5cf680;background:#8b5cf61a}.card-info{flex:1;min-width:0;padding-right:10px}.card-name{font-size:13px;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-weight:500}.card-pages{font-size:11px;color:#71717a;margin-top:4px}.card-thumb{width:50px;height:50px;flex-shrink:0;overflow:hidden;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-check{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 2px 8px #8b5cf666}.batch-mode-hint{margin-top:16px;padding:12px;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border-radius:10px;font-size:12px;color:#a78bfa;text-align:center;font-weight:500;border:1px solid rgba(139,92,246,.2)}.fill-main{flex:1;overflow-y:auto;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.06)}.empty-tip{display:flex;align-items:center;justify-content:center;height:300px;color:#52525b;font-size:15px}.fill-form{width:100%}.fill-image-tabs{display:flex;gap:10px;margin-bottom:24px}.fill-image-tabs button{padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;font-weight:500;font-size:13px;color:#a1a1aa;transition:all .3s}.fill-image-tabs button:hover{background:#ffffff1a;color:#e4e4e7}.fill-image-tabs button.active{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#fff;border-color:#8b5cf666}.fill-layout{display:flex;gap:24px}.fill-layout .preview-wrapper{flex:1;border:1px solid rgba(255,255,255,.06);background:#0003;max-width:55%;overflow:auto;border-radius:16px}.fill-layout .text-inputs{flex:1;max-width:45%}.preview-canvas{position:relative;display:inline-block}.preview-canvas img{display:block;width:100%}.preview-area{position:absolute;border:2px dashed;display:flex;overflow:hidden;white-space:pre-wrap;word-break:break-all;border-radius:4px}.input-item{margin-bottom:16px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.input-item>label{display:block;margin-bottom:10px;font-weight:500;font-size:13px}.input-item textarea{width:100%;height:50px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;resize:vertical;margin-bottom:12px;font-size:13px;color:#e4e4e7;transition:all .3s}.input-item textarea:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.style-controls{display:flex;gap:10px;flex-wrap:wrap}.style-controls label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#71717a}.style-controls input[type=number]{width:55px;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e4e4e7;font-size:11px;transition:border-color .3s}.style-controls input[type=number]:focus{outline:none;border-color:#8b5cf680}.style-controls select{padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:11px;color:#e4e4e7;transition:border-color .3s}.style-controls select:focus{outline:none;border-color:#8b5cf680}.style-controls input[type=color]{width:28px;height:24px;padding:2px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer}.btn-generate,.btn-generate-all{width:100%;padding:12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:14px;cursor:pointer;margin-bottom:10px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #8b5cf64d}.btn-generate-all{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.btn-generate:hover,.btn-generate-all:hover{transform:translateY(-2px)}.preset-actions{display:flex;gap:10px;margin-top:14px}.preset-name{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;color:#e4e4e7;transition:all .3s}.preset-name:focus{outline:none;border-color:#8b5cf680}.btn-preset{padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;font-weight:600;font-size:13px;transition:all .3s}.btn-preset:hover{transform:translateY(-1px)}.btn-preset:disabled{background:#ffffff1a;color:#52525b;transform:none}.preset-list{margin-top:12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;max-height:140px;overflow-y:auto;background:#ffffff05}.preset-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s}.preset-item:hover{background:#ffffff08}.preset-item:last-child{border-bottom:none}.preset-item span{cursor:pointer;color:#a78bfa;flex:1;font-weight:500;font-size:13px}.preset-item span:hover{color:#c4b5fd}.btn-del-sm{background:#ef444426;color:#ef4444;border:none;width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1;transition:all .3s}.btn-del-sm:hover{background:#ef444440}.area-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.area-type-header>label{font-weight:500;font-size:13px}.type-select{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:12px;color:#e4e4e7;transition:border-color .3s}.type-select:focus{outline:none;border-color:#8b5cf680}.image-upload-area{display:flex;align-items:center;gap:12px;margin-bottom:12px}.upload-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s}.upload-btn:hover{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);transform:translateY(-2px)}.area-img-preview{width:60px;height:60px;object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:8px}.result{margin-top:24px;padding:24px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.result h3{font-size:15px;color:#e4e4e7;font-weight:600;margin:0}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-download-all{padding:10px 18px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #8b5cf64d}.btn-download-all:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.result-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.result-group{background:#ffffff08;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .3s}.result-group:hover{border-color:#8b5cf64d}.result-group-images{display:flex;gap:6px;margin-bottom:10px}.result-item-img{flex:1;min-width:0}.result-item-img img{width:100%;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.result-group-info{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-group-info .group-name{font-size:12px;color:#a1a1aa;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.btn-download-group{padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;transition:all .3s}.btn-download-group:hover{transform:translateY(-1px)}.result-item{text-align:center;background:#ffffff08;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .3s}.result-item:hover{transform:translateY(-4px);border-color:#8b5cf64d}.result-item img{max-width:200px;max-height:200px;border-radius:8px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.btn-download{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;border-radius:8px;font-size:12px;font-weight:600;transition:all .3s}.btn-download:hover{transform:translateY(-1px)}.result-info{font-size:11px;color:#71717a;margin-bottom:10px;font-weight:500}.multi-hint{font-size:11px;color:#71717a;font-weight:400}.batch-form{padding:0}.batch-form h3{margin-bottom:24px;font-size:18px;color:#fff;font-weight:600}.batch-layout{display:flex;gap:24px;margin-bottom:24px}.batch-column{flex:1;min-width:0;background:#ffffff08;padding:20px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.section-title{font-size:14px;color:#e4e4e7;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(139,92,246,.3);font-weight:600}.batch-input-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.batch-input-item label{min-width:55px;padding-top:10px;font-weight:500;color:#a1a1aa;font-size:13px}.batch-input-item textarea{flex:1;height:70px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;resize:vertical;font-size:13px;color:#e4e4e7;transition:all .3s}.batch-input-item textarea:focus{outline:none;border-color:#8b5cf680}.btn-add-text{padding:10px 18px;background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500}.batch-preset-section{margin-bottom:24px;padding:20px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.batch-preset-section h4{margin-bottom:16px;font-size:14px;font-weight:600;color:#e4e4e7}.batch-preset-item{display:flex;align-items:center;gap:12px;margin-bottom:10px}.preset-template-name{min-width:100px;font-size:13px;color:#a1a1aa;font-weight:500}.batch-preset-item select{flex:1;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;color:#e4e4e7;transition:all .3s}.batch-preset-item select:focus{outline:none;border-color:#8b5cf680}.btn-generate-batch{width:100%;padding:16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:12px;font-size:15px;cursor:pointer;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #8b5cf64d}.btn-generate-batch:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf666}.btn-generate-batch:disabled{background:#ffffff1a;color:#52525b;cursor:not-allowed;transform:none;box-shadow:none}.batch-page-tabs{display:flex;gap:8px;margin-bottom:18px}.batch-page-tabs button{padding:8px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:#a1a1aa;transition:all .3s}.batch-page-tabs button:hover{background:#ffffff1a;color:#e4e4e7}.batch-page-tabs button.active{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#fff;border-color:#8b5cf666}.batch-image-item{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.batch-image-item label{min-width:55px;font-weight:500;font-size:13px;color:#a1a1aa}.batch-page2-item{margin-bottom:14px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.page2-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.page2-header label{min-width:55px;font-weight:500;font-size:13px;color:#a1a1aa}.page2-text textarea{width:100%;height:70px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;resize:vertical;font-size:13px;color:#e4e4e7;transition:all .3s}.page2-text textarea:focus{outline:none;border-color:#8b5cf680}.batch-image-upload{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.batch-image-preview{display:flex;gap:6px;align-items:center}.batch-image-preview img{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.batch-image-preview span{font-size:12px;color:#71717a;font-weight:500}.mode-select{padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;color:#e4e4e7;cursor:pointer;font-weight:500;transition:all .3s}.mode-select:focus{outline:none;border-color:#8b5cf680}.inner-page{padding:16px}.inner-page-layout{display:flex;gap:20px;min-height:calc(100vh - 120px)}.inner-page-sidebar{width:340px;flex-shrink:0;background:#ffffff08;border-radius:12px;padding:0;border:1px solid rgba(255,255,255,.06);overflow-y:auto;max-height:calc(100vh - 120px)}.sidebar-top-actions{display:flex;gap:8px;padding:12px;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.btn-top-action{padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;font-size:12px;color:#a1a1aa;transition:all .2s}.btn-top-action:hover{background:#ffffff1a;color:#e4e4e7}.btn-export{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.settings-panel{border-bottom:1px solid rgba(255,255,255,.06)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s}.panel-header:hover{background:#ffffff08}.panel-header span:first-child{font-size:13px;color:#e4e4e7;font-weight:500}.panel-arrow{font-size:10px;color:#71717a}.panel-content{padding:0 16px 16px}.setting-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.setting-row:last-child{margin-bottom:0}.btn-setting{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;font-size:11px;color:#a1a1aa;transition:all .2s;white-space:nowrap}.btn-setting:hover{background:#ffffff1a;color:#e4e4e7}.btn-setting.active{background:linear-gradient(135deg,#8b5cf64d,#6366f14d);color:#a78bfa;border-color:#8b5cf666}.btn-setting.btn-danger{color:#ef4444;border-color:#ef44444d}.btn-setting.btn-danger:hover{background:#ef44441a}.btn-setting:disabled{opacity:.5;cursor:not-allowed}.input-sm{width:50px;padding:4px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e4e4e7;font-size:11px}.input-md{width:70px;padding:4px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e4e4e7;font-size:11px}.input-color{width:24px;height:20px;border:none;border-radius:3px;cursor:pointer;padding:0}.select-sm{padding:4px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e4e4e7;font-size:11px}.setting-row label{display:flex;align-items:center;gap:4px;font-size:11px;color:#71717a;white-space:nowrap}.bg-preview{padding:8px;background:#ffffff08;border-radius:6px;font-size:11px;color:#71717a}.generate-section{padding:16px;border-top:1px solid rgba(255,255,255,.06)}.btn-generate-table{width:100%;padding:12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s;margin-top:12px}.btn-generate-table:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-generate-table:disabled{background:#ffffff1a;color:#52525b;cursor:not-allowed;transform:none}.inner-page-main{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.table-edit-section{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.06);flex:1}.table-edit-section h3{font-size:14px;color:#e4e4e7;margin-bottom:12px;font-weight:600}.edit-hint{font-size:11px;color:#71717a;font-weight:400}.table-edit-wrapper{overflow:auto;background:#fff;border-radius:8px}.edit-table{border-collapse:collapse;color:#333;table-layout:fixed}.edit-table th,.edit-table td{border:1px solid #ccc;text-align:left;vertical-align:middle;box-sizing:border-box;overflow:hidden;word-wrap:break-word}.edit-table th{font-weight:600;background:#f5f5f5}.edit-table td{background:#fff}.edit-table th:focus,.edit-table td:focus{outline:2px solid #8b5cf6;outline-offset:-2px}.ruler-row{background:#e8e8e8!important}.ruler-corner{width:32px!important;min-width:32px!important;max-width:32px!important;background:#d8d8d8!important;border:1px solid #bbb!important;padding:0!important}.col-ruler-cell{background:linear-gradient(180deg,#f0f0f0,#e0e0e0)!important;border:1px solid #bbb!important;padding:4px!important;text-align:center!important;font-size:11px!important;color:#666!important;font-weight:500!important;position:relative;height:24px!important}.col-ruler-cell span{-webkit-user-select:none;user-select:none}.col-resize-handle{position:absolute;right:-3px;top:0;width:6px;height:100%;cursor:col-resize;z-index:10}.col-resize-handle:hover{background:#8b5cf699}.row-ruler-cell{width:32px!important;min-width:32px!important;max-width:32px!important;background:linear-gradient(90deg,#f0f0f0,#e0e0e0)!important;border:1px solid #bbb!important;padding:4px!important;text-align:center!important;font-size:11px!important;color:#666!important;font-weight:500!important;position:relative}.row-ruler-cell span{-webkit-user-select:none;user-select:none}.row-resize-handle{position:absolute;left:0;bottom:-3px;width:100%;height:6px;cursor:row-resize;z-index:10}.row-resize-handle:hover{background:#8b5cf699}.cell-selected{outline:2px solid #8b5cf6!important;outline-offset:-2px;background-color:#8b5cf61a!important}.table-results{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.06)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}.results-header h3{font-size:14px;color:#e4e4e7;font-weight:600;margin:0}.btn-clear-results{padding:6px 12px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:6px;cursor:pointer;font-size:11px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.result-table-item{background:#ffffff08;border-radius:10px;padding:10px;border:1px solid rgba(255,255,255,.06);text-align:center}.result-table-item img{max-width:100%;border-radius:6px;margin-bottom:10px}.btn-download-single{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;border-radius:6px;font-size:11px;font-weight:600}.history-page{padding:20px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.history-header h3{font-size:18px;color:#e4e4e7;font-weight:600;margin:0}.history-actions{display:flex;align-items:center;gap:16px}.history-hint{font-size:12px;color:#71717a}.btn-clear-all{padding:8px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s}.btn-clear-all:hover{background:#ef444433}.btn-clear-all:disabled{opacity:.5;cursor:not-allowed}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;transition:all .3s}.history-item:hover{border-color:#8b5cf64d}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.history-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-type{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.history-type.fill{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#a78bfa}.history-type.innerPage{background:linear-gradient(135deg,#10b98133,#05966933);color:#34d399}.history-name{font-size:14px;color:#e4e4e7;font-weight:500}.history-count{font-size:12px;color:#71717a}.history-meta{display:flex;align-items:center;gap:12px}.history-time{font-size:12px;color:#71717a}.history-countdown{font-size:11px;color:#71717a;padding:3px 8px;background:#ffffff0d;border-radius:4px}.history-countdown.urgent{color:#f59e0b;background:#f59e0b1a}.history-images{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.history-img-item{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s}.history-img-item:hover{transform:scale(1.05);border-color:#8b5cf680}.history-img-item img{width:100%;height:100%;object-fit:cover}.history-more{width:80px;height:80px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:14px;color:#71717a;font-weight:500}.history-item-actions{display:flex;gap:10px}.btn-download-history{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s}.btn-download-history:hover{transform:translateY(-2px)}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#52525b}.empty-history .empty-icon{width:64px;height:64px;margin-bottom:16px;opacity:.5}.empty-history p{font-size:14px}.preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.preview-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.btn-close-preview{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;transition:all .3s}.btn-close-preview:hover{background:#fff3}.text-to-image-page{padding:20px}.tti-page-layout{display:flex;gap:24px;min-height:calc(100vh - 140px)}.tti-input-section{width:420px;flex-shrink:0}.tti-result-section{flex:1}.tti-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.06);height:100%}.tti-card h3{font-size:16px;color:#e4e4e7;font-weight:600;margin:0}.tti-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-tti-settings{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-tti-settings:hover{background:#ffffff1a;border-color:#8b5cf666}.btn-tti-settings svg{width:18px;height:18px;stroke:#a1a1aa}.btn-tti-settings:hover svg{stroke:#e4e4e7}.tti-form-group{margin-bottom:20px}.tti-form-label{display:block;font-size:13px;color:#a1a1aa;margin-bottom:8px;font-weight:500}.tti-hint-inline{font-size:11px;color:#71717a;font-weight:400}.tti-form-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;color:#e4e4e7;transition:all .3s}.tti-form-input:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.tti-form-textarea{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;color:#e4e4e7;resize:vertical;transition:all .3s;min-height:80px}.tti-form-textarea:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.tti-char-count{text-align:right;font-size:12px;color:#71717a;margin-top:6px}.tti-form-select{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;color:#e4e4e7;cursor:pointer;transition:all .3s}.tti-form-select:focus{outline:none;border-color:#8b5cf680}.tti-form-hint{font-size:12px;color:#71717a;margin-top:8px}.tti-api-tabs{display:flex;gap:8px}.tti-api-tabs button{flex:1;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:13px;color:#a1a1aa;transition:all .2s}.tti-api-tabs button:hover{background:#ffffff1a;color:#e4e4e7}.tti-api-tabs button.active{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#fff;border-color:#8b5cf666}.tti-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tti-style-item{cursor:pointer;text-align:center;padding:6px;border-radius:12px;border:3px solid transparent;transition:all .3s;background:#ffffff08}.tti-style-item:hover{border-color:#8b5cf64d;transform:translateY(-2px)}.tti-style-item.active{border-color:#8b5cf6;background:#8b5cf61a}.style-preview{width:100%;height:80px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:6px;position:relative;box-shadow:0 2px 8px #0000001a}.preview-text{font-size:18px;font-weight:700}.preview-icon{position:absolute;bottom:6px;right:6px;font-size:16px}.style-name{font-size:11px;color:#a1a1aa}.tti-style-item.active .style-name{color:#e4e4e7}.tti-inline-settings{display:flex;gap:16px;flex-wrap:wrap}.tti-inline-settings label{display:flex;align-items:center;gap:8px;font-size:13px;color:#a1a1aa}.tti-select-sm{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;color:#e4e4e7}.tti-input-sm{width:70px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;color:#e4e4e7}.tti-size-options{display:flex;gap:8px;flex-wrap:wrap}.tti-size-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:12px;color:#a1a1aa;transition:all .2s}.tti-size-btn:hover{background:#ffffff1a;color:#e4e4e7}.tti-size-btn.active{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#fff;border-color:#8b5cf666}.tti-result-actions-bar{display:flex;gap:10px}.btn-download-all-tti{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-download-all-tti:hover{transform:translateY(-1px)}.btn-tti-generate-large{width:100%;padding:14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s;box-shadow:0 4px 15px #8b5cf64d}.btn-tti-generate-large:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-tti-generate-large:disabled{background:#ffffff1a;color:#52525b;cursor:not-allowed;transform:none;box-shadow:none}.tti-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tti-result-header h3{margin:0}.btn-clear-tti{padding:8px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-clear-tti:hover{background:#ef444433}.tti-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.tti-result-card{background:#ffffff08;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .3s}.tti-result-card:hover{border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.tti-result-card img{width:100%;aspect-ratio:3.5 / 5;object-fit:cover;display:block}.tti-result-card-actions{padding:12px}.tti-result-name{display:block;font-size:12px;color:#a1a1aa;margin-bottom:8px}.tti-result-btns{display:flex;gap:8px}.btn-tti-action{flex:1;padding:8px;background:#ffffff0d;color:#a1a1aa;text-decoration:none;border-radius:6px;font-size:12px;text-align:center;transition:all .2s;border:none;cursor:pointer}.btn-tti-action:hover{background:#ffffff1a;color:#e4e4e7}.btn-tti-action.btn-download{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-tti-action.btn-download:hover{transform:translateY(-1px)}.tti-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#52525b}.tti-empty-icon{width:64px;height:64px;margin-bottom:16px;opacity:.5;stroke:#52525b}.tti-empty p{font-size:14px}.tti-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1001;padding:40px}.tti-preview-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.tti-settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1002;padding:20px}.tti-settings-content{background:#18181b;border-radius:16px;width:100%;max-width:480px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.tti-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.tti-settings-header h3{font-size:16px;color:#e4e4e7;font-weight:600;margin:0}.tti-settings-body{padding:24px}.tti-settings-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06)}.tti-settings-footer .btn-cancel{padding:10px 20px;background:#ffffff0d;color:#a1a1aa;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.tti-settings-footer .btn-cancel:hover{background:#ffffff1a;color:#e4e4e7}.tti-settings-footer .btn-save{padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.tti-settings-footer .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.redink-page{height:calc(100vh - 60px);padding:0}.redink-container{width:100%;height:100%}.redink-iframe{width:100%;height:100%;border:none}@font-face{font-family:一品启航体;src:url(/assets/%E4%B8%80%E5%93%81%E5%90%AF%E8%88%AA%E4%BD%93-HL5oXSL1.ttf) format("truetype")}@font-face{font-family:优设标题黑;src:url(/assets/%E4%BC%98%E8%AE%BE%E6%A0%87%E9%A2%98%E9%BB%91-fahbdFno.ttf) format("truetype")}@font-face{font-family:游趣体;src:url(/assets/%E6%B8%B8%E8%B6%A3%E4%BD%93-CGwePqij.ttf) format("truetype")}@font-face{font-family:玉ねぎ楷書激無料版v7;src:url(/assets/%E7%8E%89%E3%81%AD%E3%81%8E%E6%A5%B7%E6%9B%B8%E6%BF%80%E7%84%A1%E6%96%99%E7%89%88v7%E6%96%B0-BHqpdeK5.ttf) format("truetype")}@font-face{font-family:宅在家麦克笔;src:url(/assets/%E5%AE%85%E5%9C%A8%E5%AE%B6%E9%BA%A6%E5%85%8B%E7%AC%94-CGk6xyay.ttf) format("truetype")}@font-face{font-family:也字工厂小石头;src:url(/assets/%E4%B9%9F%E5%AD%97%E5%B7%A5%E5%8E%82%E5%B0%8F%E7%9F%B3%E5%A4%B4-Dj0Fe90L.ttf) format("truetype")}@font-face{font-family:优设标题圆;src:url(/assets/%E4%BC%98%E8%AE%BE%E6%A0%87%E9%A2%98%E5%9C%86-CuJWzDQe.otf) format("opentype")}@font-face{font-family:"香萃零度黑2.0";src:url(/assets/%E9%A6%99%E8%90%83%E9%9B%B6%E5%BA%A6%E9%BB%912.0-BnphUWn1.ttf) format("truetype")}@font-face{font-family:香萃打字机体 W40;src:url(/assets/%E9%A6%99%E8%90%83%E6%89%93%E5%AD%97%E6%9C%BA%E4%BD%93%20W40-DfjAbzMz.ttf) format("truetype")}@font-face{font-family:托加里特体-black;src:url(/assets/%E6%89%98%E5%8A%A0%E9%87%8C%E7%89%B9%E4%BD%93-black-BQt-GJmm.otf) format("opentype")}@font-face{font-family:天王星像素11Px;src:url(/assets/%E5%A4%A9%E7%8E%8B%E6%98%9F%E5%83%8F%E7%B4%A011Px-xBQSe2ck.ttf) format("truetype")}@font-face{font-family:素材集市酷方体;src:url(/assets/%E7%B4%A0%E6%9D%90%E9%9B%86%E5%B8%82%E9%85%B7%E6%96%B9%E4%BD%93-BKUKepSv.ttf) format("truetype")}@font-face{font-family:素材集市社会体;src:url(/assets/%E7%B4%A0%E6%9D%90%E9%9B%86%E5%B8%82%E7%A4%BE%E4%BC%9A%E4%BD%93-DZJCLEWQ.otf) format("opentype")}@font-face{font-family:思源柔黑-粗体;src:url(/assets/%E6%80%9D%E6%BA%90%E6%9F%94%E9%BB%91-%E7%B2%97%E4%BD%93-Cj3_a0Pg.ttf) format("truetype")}@font-face{font-family:摄图摩登小方体;src:url("/assets/%E6%91%84%E5%9B%BE%E6%91%A9%E7%99%BB%E5%B0%8F%E6%96%B9%E4%BD%93(%E5%85%8D%E8%B4%B9%E5%95%86%E7%94%A8)-BdJFc8Cs.ttf") format("truetype")}@font-face{font-family:三极力量体简-粗;src:url(/assets/%E4%B8%89%E6%9E%81%E5%8A%9B%E9%87%8F%E4%BD%93%E7%AE%80-%E7%B2%97-DlT1IFoD.ttf) format("truetype")}@font-face{font-family:千图小兔体;src:url(/assets/%E5%8D%83%E5%9B%BE%E5%B0%8F%E5%85%94%E4%BD%93-Clcogs5k.ttf) format("truetype")}@font-face{font-family:平方赖江湖怀古体;src:url(/assets/%E5%B9%B3%E6%96%B9%E8%B5%96%E6%B1%9F%E6%B9%96%E6%80%80%E5%8F%A4%E4%BD%93-DgCjZuog.ttf) format("truetype")}@font-face{font-family:庞门正道轻松体;src:url(/assets/%E5%BA%9E%E9%97%A8%E6%AD%A3%E9%81%93%E8%BD%BB%E6%9D%BE%E4%BD%93-CVqbnAzi.otf) format("opentype")}@font-face{font-family:猫啃忘形圆;src:url(/assets/%E7%8C%AB%E5%95%83%E5%BF%98%E5%BD%A2%E5%9C%86-k2Nl5TBH.ttf) format("truetype")}@font-face{font-family:猫啃网扛重族宋;src:url("/assets/%E7%8C%AB%E5%95%83%E7%BD%91%E6%89%9B%E9%87%8D%E6%97%8F%E5%AE%8B(%E5%AE%8C%E6%95%B4%E7%89%88)-htt07Xpq.ttf") format("truetype")}@font-face{font-family:梨沙pop体;src:url(/assets/%E6%A2%A8%E6%B2%99pop%E4%BD%93-B7iKTQgy.otf) format("opentype")}@font-face{font-family:点点像素体方形;src:url(/assets/%E7%82%B9%E7%82%B9%E5%83%8F%E7%B4%A0%E4%BD%93%E6%96%B9%E5%BD%A2-C5zXwWlK.ttf) format("truetype")}@font-face{font-family:点点像素体菱形;src:url(/assets/%E7%82%B9%E7%82%B9%E5%83%8F%E7%B4%A0%E4%BD%93%E8%8F%B1%E5%BD%A2-DiaconPC.ttf) format("truetype")}@font-face{font-family:点点像素体圆形;src:url(/assets/%E7%82%B9%E7%82%B9%E5%83%8F%E7%B4%A0%E4%BD%93%E5%9C%86%E5%BD%A2-B7SuRJow.ttf) format("truetype")}@font-face{font-family:包图小白体;src:url(/assets/%E5%8C%85%E5%9B%BE%E5%B0%8F%E7%99%BD%E4%BD%93-6nwVDthB.ttf) format("truetype")}