:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--page-bg: #ffffff;--text-color: #213547;--card-bg: #f9f9f9;--card-border: #e0e0e0;--input-bg: #ffffff;--input-border: #ccc;--button-bg: #f9f9f9;--button-text: #333;--header-bg: #ffffff;--link-color: #646cff;--link-hover-color: #747bff;--color-error: #d32f2f;--color-success: #388e3c;--color-muted: #666666;--bg-highlight: #fff59d;--subscription-card-bg: rgba(255, 255, 255, .92);--subscription-card-border: rgba(15, 23, 42, .12);--subscription-card-gradient: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(245, 250, 255, .92) 45%, rgba(255, 250, 245, .9) 100%);--subscription-card-shadow: 0 25px 55px rgba(15, 23, 42, .12);--primary-color: #ff7043;--primary-color-light: #ffab91;--primary-color-dark: #e65100;color:var(--text-color);background-color:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{--page-bg: #242424;--text-color: rgba(255, 255, 255, .87);--card-bg: #333333;--card-border: #444444;--input-bg: #3a3a3a;--input-border: #555;--button-bg: #555555;--button-text: #ffffff;--header-bg: #2c2c2c;--link-color: #646cff;--link-hover-color: #535bf2;--primary-color: #ff8a65;--primary-color-light: #ffab91;--primary-color-dark: #f4511e;--color-error: #f44336;--color-success: #66bb6a;--color-muted: #9e9e9e;--bg-highlight: #5a4800;--subscription-card-bg: rgba(10, 15, 30, .9);--subscription-card-border: rgba(226, 232, 240, .22);--subscription-card-gradient: linear-gradient(135deg, rgba(8, 12, 24, .96) 0%, rgba(12, 23, 46, .88) 55%, rgba(20, 25, 40, .85) 100%);--subscription-card-shadow: 0 30px 65px rgba(0, 0, 0, .6)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}html,body,#root{height:100%;margin:0;padding:0}body{min-width:320px}#root{display:flex;flex-direction:column}h1{font-size:3.2em;line-height:1.1}input,textarea,select{border-radius:8px;border:1px solid var(--input-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--input-bg);color:var(--text-color);transition:border-color .25s}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--link-color)}button:disabled{background-color:var(--input-bg);color:#888;cursor:not-allowed;border-color:var(--card-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-muted{color:var(--color-muted)}.bg-highlight{background-color:var(--bg-highlight)}.text-center{text-align:center}.search-drawer{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--card-border);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0000001a;z-index:100;max-height:400px;overflow-y:auto}.search-drawer-item{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--card-border)}.search-drawer-item:hover{background-color:var(--input-bg)}.search-drawer-item-header{font-size:.75rem;color:var(--color-muted);margin-bottom:.25rem}.search-drawer-item-title{font-weight:700;margin-bottom:.25rem;font-size:.9rem;color:var(--text-color)}.search-drawer-item-content{font-size:.85rem;color:var(--text-color-secondary);white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-highlight{background-color:var(--bg-highlight);color:var(--text-color)}.product-card{border:1px solid var(--card-border);border-radius:8px;padding:1rem;text-align:center;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:box-shadow .2s;background-color:var(--card-bg)}.product-card.focused{box-shadow:0 0 0 1px var(--link-color),0 4px 12px #007bff33}.product-card-thumbnail{width:100%;height:200px;background-color:var(--input-bg);background-size:cover;background-position:center;margin-bottom:1rem;cursor:pointer}.product-card h4,.product-card p{margin:.25rem 0}.product-card h4{margin:.5rem 0}.product-card-date{font-size:.8em;color:#888;margin:.25rem 0}.product-card-stats span{margin-left:.5rem}.product-card-actions button{cursor:pointer}.product-card-actions button:not(:first-child){margin-left:.5rem}.product-card-menu-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;z-index:10;font-size:1.2rem;padding:.25rem;color:inherit}.product-card-dropdown{position:absolute;top:2rem;right:.5rem;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:20;padding:.5rem}.product-card-dropdown button{background:none;border:none;width:100%;text-align:left;color:inherit}.product-card-dropdown button:disabled{cursor:not-allowed;color:#666}.product-card-edit-input{width:90%;text-align:center;padding:.25rem;margin:.25rem 0}.product-image-container{width:100%;height:150px;background-color:var(--input-bg);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.asset-thumbnail{width:80px;height:80px;background-color:var(--input-bg);background-size:cover;background-position:center;cursor:pointer;border-radius:4px}.editor-zone-container{border:1px solid var(--card-border);padding:1rem;border-radius:8px;height:100%;display:flex;flex-direction:column;position:relative}.editor-staging-area{display:flex;gap:.5rem;min-height:100px;background-color:var(--input-bg);padding:.5rem;border:2px dashed transparent;transition:border-color .2s;width:100%;box-sizing:border-box}.editor-staging-area.drag-over{border-color:var(--link-color)}.editor-staging-area-placeholder{color:#888;margin:auto}.editor-result-container{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--card-border);border-radius:4px;position:relative}.editor-result-main{display:flex;flex:1;min-height:0;gap:1rem;padding:.75rem}.editor-result-image-bg{flex:2;background-color:var(--input-bg);display:flex;align-items:center;justify-content:center;position:relative;border-radius:4px}.loading-status-badge{position:absolute;top:1rem;left:1rem;display:flex;gap:.75rem;align-items:center;padding:.65rem .85rem;border-radius:999px;background:#14181ed1;color:#f8fafc;box-shadow:0 18px 36px #0f172a40;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);z-index:20}.loading-status-time{display:flex;align-items:center;gap:.45rem;font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;font-weight:600;letter-spacing:.02em}.loading-status-pulse{width:8px;height:8px;border-radius:50%;background-color:#60a5fa;box-shadow:0 0 #60a5fa99;animation:loading-pulse 1.5s ease-out infinite}.loading-status-text{font-size:.95rem;font-weight:500;white-space:nowrap}@keyframes loading-pulse{0%{transform:scale(.9);box-shadow:0 0 #60a5fa66}70%{transform:scale(1);box-shadow:0 0 0 8px #60a5fa00}to{transform:scale(.9);box-shadow:0 0 #60a5fa00}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:0;pointer-events:none;z-index:200}.confetti-piece{position:absolute;top:-20px;background-color:var(--confetti-color, #fbbf24);border-radius:2px;animation:confetti-fall var(--confetti-duration, 2s) ease-in forwards}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--confetti-end-x, 0px),100vh,0) rotate(var(--confetti-rotation, 360deg));opacity:0}}.modal-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--card-bg);color:var(--text-color);padding:1.5rem 2rem;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d;border:1px solid var(--card-border)}.modal-header{margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--card-border)}.modal-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--card-border);display:flex;justify-content:flex-end;gap:1rem}.billing-modal-shell{width:min(420px,90vw);background:var(--card-bg);border-radius:20px;padding:.5rem;box-shadow:0 25px 55px #00000040;border:1px solid var(--card-border)}.billing-qr-card{background:linear-gradient(145deg,#ff894a1f,#ffffff05);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-align:left;box-shadow:0 20px 45px #00000026}.billing-qr-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.billing-plan-label{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.billing-plan-title{margin:.2rem 0 0;font-size:1.2rem}.billing-qr-amount{text-align:right}.billing-qr-amount span{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-color, #f97316)}.billing-qr-amount small{color:var(--color-muted)}.billing-plan-subtitle{margin:0;color:var(--color-muted);font-size:.9rem}.billing-qr-body{border-radius:12px;background:var(--page-bg);padding:1rem;display:flex;justify-content:center;align-items:center;border:1px dashed var(--card-border)}.billing-qr-image{width:240px;height:240px;border-radius:12px;background:#fff;padding:.75rem;box-shadow:inset 0 0 0 1px #0000000d}.billing-qr-placeholder{width:240px;height:240px;border-radius:12px;background:repeating-linear-gradient(135deg,var(--card-border),var(--card-border) 10px,transparent 10px,transparent 20px);display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:.9rem}.billing-status-message{margin:0;font-weight:600;color:var(--text-color);text-align:center}.billing-qr-countdown{display:flex;justify-content:center}.countdown-pill{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;font-weight:600;background:#f9731626;color:var(--accent-color, #f97316)}.billing-inline-warning{margin:0;text-align:center}.billing-help-text{margin:0;font-size:.85rem;color:var(--color-muted);text-align:center}.billing-qr-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:.5rem}.billing-primary-button,.billing-secondary-button{flex:1;border-radius:999px;padding:.65rem 1rem;font-weight:600;border:none;cursor:pointer;transition:opacity .2s ease}.billing-primary-button{background:var(--accent-color, #f97316);color:#fff}.billing-secondary-button{background:transparent;border:1px solid var(--card-border);color:var(--text-color)}.billing-primary-button:disabled,.billing-secondary-button:disabled{opacity:.5;cursor:not-allowed}.billing-qr-card button{font-size:.95rem}.image-preview-backdrop{background-color:#000000bf}.image-preview-content{background-color:var(--page-bg);border:3px solid var(--link-color);box-shadow:0 12px 32px #00000059;padding:0;max-width:80vw;max-height:80vh;border-radius:12px}.prompt-history-list{list-style:none;padding:0;margin:0}.prompt-history-item{padding:.75rem .5rem;border-bottom:1px solid var(--card-border);cursor:pointer;transition:background-color .2s;font-size:.8rem;display:flex;flex-direction:column;gap:.5rem}.prompt-history-item:hover{background-color:var(--input-bg)}.prompt-history-text{white-space:pre-wrap;word-break:break-word;line-height:1.4}.prompt-history-text.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:calc(1.4em * 3)}.prompt-history-actions{display:flex;justify-content:flex-end}.prompt-history-save-button{padding:.35rem .75rem;font-size:.75rem;border-radius:4px;border:1px solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:background-color .2s}.prompt-history-save-button:hover:not(:disabled){background-color:var(--button-hover-bg)}.prompt-history-save-button:disabled{opacity:.6;cursor:default}.prompt-history-feedback{margin-bottom:.75rem;padding:.5rem .75rem;border-radius:4px;background-color:var(--info-bg, rgba(0, 123, 255, .1));color:var(--text-color);font-size:.8rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group input{padding:.5rem;border:1px solid var(--card-border);border-radius:4px;background-color:var(--input-bg);color:var(--text-color)}.modal-error{margin:.5rem 0;color:#f05a5a;font-size:.85rem}.resize-modal-body{display:flex;font-size:.9rem}.resize-modal-left-column{width:180px;border-right:1px solid var(--card-border);padding:.5rem 0;flex-shrink:0}.resize-modal-right-column{flex:1;padding:.5rem 0;max-height:400px;overflow-y:auto}.resize-category-button{display:block;width:100%;padding:.75rem 1.5rem;border:none;background:none;text-align:left;cursor:pointer;font-size:inherit;color:inherit}.resize-category-button.selected{background-color:var(--input-bg);font-weight:600;color:var(--link-color)}.resize-option{display:flex;justify-content:space-between;padding:.75rem 1.5rem;cursor:pointer}.resize-option:hover{background-color:var(--input-bg)}.resize-option-dims{color:#888}.resize-custom-section{padding:.5rem 1.5rem 1rem;display:flex;flex-direction:column;gap:.75rem}.resize-custom-input{width:100%;padding:.5rem;border:1px solid var(--card-border);background-color:var(--input-bg);color:var(--text-color);border-radius:4px}.resize-custom-button{padding:.6rem;border:1px solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border-radius:4px;transition:background-color .2s}.resize-custom-button:hover{background-color:var(--button-hover-bg)}.resize-divider{border:none;border-top:1px solid var(--card-border);margin:0 1.5rem .5rem}.saved-dimension{display:flex;align-items:center;justify-content:space-between}.saved-dimension-select{flex-grow:1;display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 .75rem 1.5rem}.delete-dimension-btn{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:.5rem 1.5rem;line-height:1}.delete-dimension-btn:hover{color:#f44336}.transfer-asset-list{flex:1;overflow-y:auto;border:1px solid var(--card-border);padding:.5rem;border-radius:4px;margin-bottom:1rem}.transfer-asset-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;cursor:pointer;border-bottom:1px solid var(--card-border)}.transfer-asset-item:hover{background-color:var(--input-bg)}.transfer-asset-item img{width:40px;height:40px;object-fit:cover}.transfer-asset-item-name{font-weight:700}.transfer-asset-item-asin{font-size:.8rem;color:var(--color-muted)}.knowledge-library-container{border:1px solid var(--card-border);padding:.75rem;border-radius:8px;display:flex;flex-direction:column;height:100%}.knowledge-library-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.75rem;flex-shrink:0}.knowledge-library-button-group{display:flex;gap:.5rem}.knowledge-library-filter-group{display:flex;justify-content:center;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.knowledge-library-filter-button{padding:.2rem .4rem;border:1px solid var(--input-border);border-radius:4px;cursor:pointer;background-color:var(--input-bg);color:var(--text-color);font-size:.8rem}.knowledge-library-filter-button.active{background-color:var(--link-color);color:#fff;border-color:var(--link-color)}.knowledge-library-list{flex:1 1 0;overflow-y:auto;background-color:var(--input-bg);padding:.25rem;border-radius:4px}.knowledge-library-item{background-color:var(--card-bg);padding:.4rem .6rem;margin-bottom:.25rem;border-radius:4px;border:1px solid var(--card-border);height:4.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;cursor:pointer;overflow:hidden;transition:background-color .5s ease-in-out}.knowledge-library-item:hover{background-color:var(--input-bg)}.knowledge-library-item.highlighted{background-color:var(--bg-highlight)}.knowledge-library-item-text{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.knowledge-library-item-ref-text{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.65rem;color:var(--color-muted);margin-top:.25rem;display:flex;justify-content:space-between}.knowledge-library-item-buttons{position:absolute;top:.2rem;right:.2rem;display:flex;gap:.25rem}.knowledge-library-item-button{background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--color-muted);padding:.2rem}.konva-overlay{position:absolute;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:20;padding:2rem;overflow:auto}.konva-container{box-shadow:0 10px 30px #0000004d;background-color:var(--card-bg);position:relative;border-radius:12px;max-width:80vw;max-height:80vh;display:flex;flex-direction:row;align-items:flex-start;gap:1rem;padding:1rem}.konva-stage-wrapper{flex:1;min-width:0;min-height:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:auto;background-color:var(--input-bg);border-radius:8px}.floating-toolbar{align-self:stretch;background-color:var(--card-bg);border-radius:8px;box-shadow:inset 0 0 0 1px var(--card-border);display:flex;flex-direction:column;gap:.75rem;padding:.75rem;min-width:150px;max-width:220px;overflow:visible}.floating-toolbar button{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);padding:6px 8px;border-radius:4px;cursor:pointer;white-space:nowrap;width:100%}.floating-toolbar button.active{background-color:var(--link-color);color:#fff;border-color:var(--link-color)}.floating-toolbar input[type=color]{border:1px solid var(--button-border);padding:0;width:24px;height:24px;border-radius:50%;cursor:pointer;overflow:hidden;align-self:flex-start}.floating-toolbar input[type=color]::-webkit-color-swatch-wrapper{padding:0}.floating-toolbar input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.floating-toolbar input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.floating-toolbar input[type=range]{cursor:pointer;width:100%}.toolbar-group{display:flex;flex-direction:column;gap:.5rem}.toolbar-label{display:flex;flex-direction:column;gap:.35rem;color:var(--text-muted, #6b7280);font-size:.875rem}.toolbar-footer{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.brush-button-wrapper{position:relative;width:100%}.brush-button-wrapper>button{width:100%}.brush-popover{position:absolute;top:50%;right:calc(100% + .75rem);transform:translateY(-50%);display:grid;grid-template-columns:auto;gap:.5rem;min-width:200px;padding:.9rem 1rem;background-color:var(--card-bg);box-shadow:0 18px 40px #0f172a40;border-radius:10px;border:1px solid var(--card-border);z-index:40}.brush-popover:after{content:"";position:absolute;top:50%;right:-8px;width:16px;height:16px;background-color:var(--card-bg);border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border);transform:translateY(-50%) rotate(45deg);box-shadow:2px 2px 8px #0f172a1f}.brush-popover-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:center}.brush-popover-field{display:flex;align-items:center;gap:.75rem;color:var(--text-muted, #6b7280);font-size:.875rem;justify-content:center}.brush-popover-label{color:var(--text-muted, #6b7280);font-size:.875rem;display:flex;align-items:center;justify-content:center}.brush-popover-field.slider input[type=range]{width:100%}.brush-popover-field.slider{justify-content:center}.composition-sidebar{width:120px;height:100%;max-height:70vh;display:flex;flex-direction:column;background-color:var(--card-bg);border-right:1px solid var(--card-border);padding:1rem;box-sizing:border-box}.composition-sidebar h4{margin:0 0 1rem;text-align:center;color:var(--text-color);font-size:1rem}.sidebar-asset-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.25rem}.sidebar-asset-item{width:100%;position:relative;flex:0 0 auto;cursor:grab;border-radius:4px;overflow:hidden;border:1px solid var(--card-border);background-color:var(--card-bg);transition:border-color .2s,box-shadow .2s}.sidebar-asset-item:before{content:"";display:block;padding-top:100%}.sidebar-asset-item:active{cursor:grabbing}.sidebar-asset-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.sidebar-asset-item:focus,.sidebar-asset-item:hover{border-color:var(--link-color);box-shadow:0 0 0 1px var(--link-color)}.composition-canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000b3;z-index:1000;padding:2rem;box-sizing:border-box}.composition-main-area{display:flex;gap:1rem;background-color:var(--card-bg);padding:1rem;border-radius:8px;box-shadow:0 8px 25px #0003}.composition-stage-area{display:flex;gap:1rem;align-items:stretch}.composition-stage-wrapper{border:1px solid var(--card-border);border-radius:8px;background-color:var(--input-bg);padding:.75rem;display:flex;justify-content:center;align-items:center;overflow:auto;flex:1;min-width:0}.composition-toolbar{align-self:stretch;background-color:var(--card-bg);border-radius:8px;box-shadow:inset 0 0 0 1px var(--card-border);display:flex;flex-direction:column;gap:.75rem;padding:.75rem;min-width:180px;max-width:220px}.composition-toolbar button{border-radius:8px;border:1px solid var(--input-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s;width:100%}.composition-toolbar button:hover{border-color:var(--primary-color)}.composition-toolbar button:first-of-type{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.composition-toolbar button:first-of-type:hover{background-color:var(--primary-color-dark)}@media (max-width: 1200px){.composition-stage-area{flex-direction:column}.composition-toolbar{flex-direction:row;align-items:center;min-width:unset;max-width:none;box-shadow:0 4px 15px #0000001a}.composition-toolbar button{width:auto;flex:1}}.pricing-page{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);height:auto;overflow-y:auto;padding:4rem 2rem;background-color:var(--page-bg);color:var(--text-color);box-sizing:border-box}.pricing-container{width:100%;max-width:1200px;text-align:center}.pricing-header{margin-bottom:3rem}.pricing-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.pricing-header .text-primary{color:var(--primary-color)}.pricing-header p{font-size:1.1rem;color:var(--color-muted);max-width:600px;margin:0 auto}.plan-cycle-toggle{display:flex;justify-content:center;align-items:center;margin:2.5rem 0;background-color:var(--card-bg);padding:.5rem;border-radius:99px;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid var(--card-border)}.toggle-btn{padding:.75rem 1.5rem;border:none;background-color:transparent;color:var(--color-muted);font-size:1rem;font-weight:600;border-radius:99px;cursor:pointer;transition:all .3s ease}.toggle-btn.active{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 10px var(--primary-color-light)}.discount-badge{margin-left:1rem;background-color:var(--color-success);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;font-weight:700}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;justify-content:center}.pricing-tier{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;text-align:left;transition:transform .3s ease,box-shadow .3s ease;position:relative}.pricing-tier:hover{transform:translateY(-10px);box-shadow:0 10px 20px #00000014}.pricing-tier.popular{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 0 15px -5px var(--primary-color),0 8px 25px -10px var(--primary-color-light);transform:scale(1.02)}.pricing-tier.popular:hover{transform:scale(1.05);box-shadow:0 0 25px -5px var(--primary-color),0 12px 30px -10px var(--primary-color-light)}.pricing-tier.popular h3,.pricing-tier.popular .price,.pricing-tier.popular ul li{color:#fff}.pricing-tier.popular ul li:before{color:#fff;opacity:.9}.pricing-tier.popular ul li.sub-item{color:#fff;opacity:.8}.pricing-tier.popular .cta-button.primary{background-color:#fff;color:var(--primary-color);box-shadow:0 2px 8px #00000026}.pricing-tier.popular .cta-button.primary:hover{background-color:#f2f2f2;color:var(--primary-color-dark);transform:translateY(-1px)}.pricing-tier.popular:before{content:"最受欢迎";position:absolute;top:15px;right:-35px;background-color:#ffc107;color:#333;padding:5px 40px;transform:rotate(45deg);font-size:.8rem;font-weight:700;z-index:1;box-shadow:0 2px 5px #0003}.pricing-tier h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);line-height:1.3}.pricing-tier .price{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.pricing-tier .price span{font-size:2.8rem;font-weight:800}.pricing-tier ul{list-style:none;padding:0;margin-bottom:2rem;flex-grow:1}.pricing-tier ul li{margin-bottom:1rem;display:flex;align-items:center;color:var(--text-color)}.pricing-tier ul li:before{content:"✓";color:var(--primary-color);margin-right:.8rem;font-weight:700}.pricing-tier ul li.sub-item{font-size:.9rem;color:var(--color-muted);padding-left:1.2rem}.pricing-tier ul li.sub-item:before{content:"";margin-right:0}.pricing-tier .discount-list{list-style:none;padding:0;margin:0 0 1.5rem}.pricing-tier .discount-list li{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--card-border);font-size:.95rem;color:var(--text-color)}.pricing-tier .discount-list li:last-child{border-bottom:none}.pricing-tier .discount-list li:before{content:none;margin:0}.pricing-tier .discount-list li.active-discount{color:var(--primary-color);font-weight:600}.cta-button{width:100%;padding:1rem;border:1px solid var(--primary-color);border-radius:8px;background-color:transparent;color:var(--primary-color);font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease;margin-top:auto}.cta-button:hover{background-color:var(--primary-color-light);color:var(--text-color)}.cta-button.primary{background-color:var(--primary-color);color:#fff}.cta-button.primary:hover{background-color:var(--primary-color-dark)}.recharge-details-cards{display:none}.credit-header{display:flex;align-items:baseline;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.credit-header h3{margin:0;font-size:1.1rem}.credit-amount{font-size:1.9rem;font-weight:700;color:var(--primary-color)}.pricing-tier .original-price{font-size:.9rem;color:var(--color-muted);text-decoration:line-through;margin:0}.recharge-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.recharge-subtitle{font-size:.95rem;color:var(--color-muted);margin-bottom:1.5rem}.recharge-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.recharge-card{border:1px solid var(--card-border);border-radius:14px;padding:1.5rem;background-color:var(--card-bg);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,box-shadow .25s ease;position:relative}.recharge-card:after{content:"";position:absolute;inset:0;border-radius:14px;border:1px solid transparent;pointer-events:none;transition:border-color .25s ease}.recharge-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.recharge-card:hover:after{border-color:#ff985c66}.recharge-card h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.recharge-card .original-price{color:var(--color-muted);text-decoration:line-through;margin-bottom:.25rem;font-size:.9rem}.recharge-card .discounted-price{font-weight:700;color:var(--primary-color)}.recharge-card .discount-list{list-style:none;padding:0;width:100%;margin-bottom:1.5rem;text-align:left;flex-grow:1}.recharge-card .discount-list li{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--card-border);font-size:.95rem;color:var(--text-color)}.recharge-card .discount-list li:last-child{border-bottom:none}.discount-tag{font-size:.85rem;color:var(--color-muted);margin-left:.25rem}.subscription-status-card{position:relative;background:linear-gradient(120deg,#ff985c26,#ffffff05);border:1px solid rgba(255,152,92,.35);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 18px 35px #00000014;color:var(--text-color);overflow:hidden}.subscription-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;align-items:center}.subscription-metric{display:flex;flex-direction:column;gap:.15rem;min-width:130px;flex:1}.subscription-label{font-size:.75rem;color:var(--color-muted);margin:0}.subscription-value{font-size:.95rem;margin:0;font-weight:600}.subscription-value.highlight{font-size:1.35rem;color:var(--accent-color, #f97316)}.subscription-value.status{font-weight:600}.subscription-value.status.active{color:#10b981}.subscription-value.status.pending{color:#ca8a04}.subscription-value.status.inactive{color:var(--color-muted)}@media (max-width: 640px){.subscription-status-card{padding:1rem}.subscription-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.app-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--header-bg);border-bottom:1px solid var(--card-border)}.app-header a{text-decoration:none;color:inherit}.app-header-title{margin:0;font-size:1.5rem}.header-controls{display:flex;align-items:center}.header-controls button{margin-right:1rem}.credits-display{position:relative;margin-right:1rem}.credits-display>span{cursor:pointer}.user-avatar-container{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--input-border);cursor:pointer}.dropdown-menu{position:absolute;top:50px;right:0;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000;width:160px}.credits-display .dropdown-menu{top:30px}.dropdown-menu-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid var(--card-border);color:var(--text-color)}.dropdown-menu-item:last-child{border-bottom:none}.dropdown-menu-item a{text-decoration:none;color:inherit}.dropdown-menu-info{padding:12px 15px;border-bottom:1px solid var(--card-border);font-size:.85rem;line-height:1.4;background-color:var(--card-bg);color:var(--text-color)}.dropdown-menu-info.warning{background-color:#ffc1072e}.dropdown-menu-hint{margin-top:6px;color:var(--warning-text, #d9534f);font-weight:600}.user-profile-email{cursor:default;color:#666;border-bottom:2px solid var(--card-border)}.app-header-link{display:flex;align-items:center;text-decoration:none;color:inherit}.app-logo{height:40px;margin-right:10px}.auth-form-layout{width:400px;margin:8rem auto;padding:2rem;border:1px solid var(--card-border);border-radius:8px;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--card-bg)}.usage-table{width:100%;border-collapse:collapse;margin-top:1rem}.usage-table-th{border-bottom:2px solid var(--card-border);padding:12px;text-align:left;background-color:var(--input-bg)}.usage-table-td{border-bottom:1px solid var(--card-border);padding:12px}.note-editor-form{display:flex;flex-direction:column;gap:.75rem;flex-grow:1;min-height:0}