:root{--primary: rgb(163, 230, 53);--primary-hover: rgb(140, 210, 40);--foreground: rgb(10, 10, 10);--foreground-muted: rgba(10, 10, 10, .6);--border: rgb(229, 229, 229);--bg-muted: rgb(245, 245, 245);--max-container: 1400px}*{box-sizing:border-box}.app-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);background:#fff}.app-header-inner{max-width:var(--max-container);margin:0 auto;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}@media(min-width:768px){.app-header-inner{padding:.5rem 1.5rem}}.app-header-spacer{flex:1}.app-header-right{display:flex;align-items:center;gap:1rem;font-size:.875rem}.balance-pill{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;background:var(--bg-muted);color:var(--foreground);font-weight:500;font-variant-numeric:tabular-nums}.balance-pill.balance-loading{color:var(--foreground-muted)}.balance-pill.balance-error{background:#dc262614;color:#dc2626}.header-link{color:var(--foreground-muted);text-decoration:none}.header-link:hover{color:var(--foreground);text-decoration:underline}.history-page{flex-direction:column;align-items:stretch;width:100%}.history-card{width:100%;max-width:100%;box-sizing:border-box}.history-empty{margin:0;color:var(--foreground-muted);font-size:.9375rem;line-height:1.5}.history-table-wrap{overflow-x:auto;border-radius:.75rem;border:1px solid var(--border)}.history-table{width:100%;border-collapse:collapse;font-size:.875rem}.history-th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--foreground);background:#0000000a;border-bottom:1px solid var(--border)}.history-th-preview{width:120px}.history-th-format{width:100px}.history-th-cost{width:100px;text-align:right}.history-th-date{width:140px;white-space:nowrap}.history-row{border-bottom:1px solid var(--border)}.history-row:last-child{border-bottom:none}.history-td{padding:.75rem 1rem;vertical-align:middle;border-bottom:1px solid var(--border)}.history-row:last-child .history-td{border-bottom:none}.history-td-preview{width:120px}.history-preview-img{display:block;width:80px;height:80px;object-fit:cover;border-radius:.5rem;background:var(--bg-muted)}.history-prompt-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;color:var(--foreground);max-width:420px}.history-format-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;background:#0000000f;font-weight:500;font-variant-numeric:tabular-nums}.history-td-cost{text-align:right;font-variant-numeric:tabular-nums}.history-td-date{color:var(--foreground-muted);font-size:.8125rem;white-space:nowrap}.history-th-actions{width:1%;white-space:nowrap}.history-btn-zoom{padding:.25rem .5rem;border:1px solid var(--border);border-radius:.375rem;background:#fff;color:var(--foreground);font-size:.8125rem;cursor:pointer}.history-btn-zoom:hover{background:var(--bg-muted)}.history-lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.history-lightbox-backdrop{position:absolute;inset:0;background:#000000bf}.history-lightbox-img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;box-shadow:0 8px 32px #0006}.history-lightbox-close{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:#ffffffe6;color:var(--foreground);font-size:1.5rem;line-height:1;cursor:pointer}.history-lightbox-close:hover{background:#fff}body{margin:0;min-height:100vh;font-family:Geist,Geist Fallback,system-ui,-apple-system,sans-serif;background:#fff;color:var(--foreground);display:flex;flex-direction:column}main{flex:1;position:relative;padding:2rem 1rem;background:#fff}@media(min-width:768px){main{padding:3rem 1.5rem}}@media(min-width:1024px){main{padding:3rem 2rem}}.main-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.main-bg .blur-1{position:absolute;right:-8rem;top:-8rem;width:16rem;height:16rem;border-radius:50%;background:#a3e63526;filter:blur(64px)}.main-bg .blur-2{position:absolute;bottom:-8rem;left:-8rem;width:18rem;height:18rem;border-radius:50%;background:#34d3991a;filter:blur(64px)}.main-inner{position:relative;max-width:var(--max-container);margin:0 auto;display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.main-inner{flex-direction:row;align-items:flex-start;gap:2rem}}@media(min-width:1024px){.main-inner{gap:3rem}}.panel-left{flex:0 0 auto;width:100%}@media(min-width:768px){.panel-left{width:380px}}.card{background:var(--bg-muted);border-radius:1rem;overflow:hidden;padding:1.5rem 1.25rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card-title{margin:0;font-size:1rem;font-weight:600;color:var(--foreground)}.card-num{font-size:.875rem;font-weight:700;font-style:italic;color:var(--foreground-muted)}.drop-zone-wrapper{position:relative}.drop-zone{min-height:clamp(280px,35vh,380px);border:2px dashed var(--border);border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;cursor:pointer;transition:background .2s,border-color .2s}.drop-zone:hover{background:#00000005;border-color:var(--foreground-muted)}.drop-zone--grid{min-height:clamp(200px,28vh,320px);padding:1rem}.drop-zone-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.photo-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:100%}.photo-slot{position:relative;aspect-ratio:1;width:100%;max-width:120px;max-height:120px;flex-shrink:0;overflow:hidden;border-radius:.75rem;background:var(--bg-muted)}.photo-slot--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border)}.photo-slot--empty .drop-zone-icon{margin-bottom:.25rem}.photo-slot--empty .drop-zone-single{margin:0;font-size:.75rem;line-height:1.2;padding:0 .25rem}.photo-slot--filled{border:none}.photo-slot-img{display:block;width:100%;height:100%;object-fit:cover}.photo-slot-delete{position:absolute;right:.25rem;top:.25rem;z-index:2;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#000000b3;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.photo-slot:hover .photo-slot-delete{opacity:1}.photo-slot-delete:hover{background:#dc2626}.photo-slot-delete-icon{width:.75rem;height:.75rem}.drop-zone-icon{width:48px;height:48px;margin-bottom:.75rem;opacity:.5}.drop-zone-text{font-size:.875rem;color:var(--foreground);margin-bottom:.25rem}.drop-zone-or{font-size:.875rem;color:var(--foreground-muted);margin:.25rem 0}.drop-zone-link{font-size:.875rem;color:var(--primary);text-decoration:underline;cursor:pointer}.drop-hint{margin-top:1rem;font-size:.8125rem;color:var(--foreground-muted)}.drop-zone-single{margin:0;font-size:.9375rem;color:var(--foreground-muted);text-align:center;line-height:1.4}.section-spacing{margin-top:1.5rem}@media(min-width:768px){.section-spacing{margin-top:2rem}}.label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.content-type-value{display:inline-block;margin:0 0 1rem;font-size:.875rem;color:var(--foreground-muted)}.content-type-value--selected{padding:.5rem .75rem;border-radius:.5rem;background:var(--foreground);color:#fff;font-weight:500}.tabs{display:flex;gap:.25rem;margin-bottom:.5rem}.tab{padding:.5rem .75rem;border:none;border-radius:.5rem;font-size:.875rem;background:transparent;color:var(--foreground-muted);cursor:pointer}.tab.active{background:var(--foreground);color:#fff}.tab:not(.active):hover{background:#0000000f}.desc-text{font-size:.8125rem;color:var(--foreground-muted);margin-bottom:1rem}.select-placeholder{display:block;width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;color:var(--foreground-muted);background:#fff;margin-bottom:1rem}.wishes-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.wishes-label{font-size:.875rem;color:var(--foreground)}.btn-ai{padding:.25rem .5rem;border:none;border-radius:.375rem;font-size:.8125rem;background:transparent;color:var(--foreground-muted);cursor:pointer}.btn-ai:hover{background:#0000000f}.wishes-textarea{width:100%;min-height:80px;padding:.625rem .75rem;border:1px solid var(--border);border-radius:.5rem;font-family:inherit;font-size:.875rem;resize:vertical;margin-bottom:.25rem}.wishes-textarea::placeholder{color:var(--foreground-muted)}.char-count{font-size:.75rem;color:var(--foreground-muted);text-align:right;margin-bottom:1rem}.form-hint{margin:.25rem 0 0;font-size:.75rem;color:var(--foreground-muted);line-height:1.3}.btn-expand{display:flex;align-items:center;gap:.375rem;padding:.5rem 0;border:none;background:none;font-size:.875rem;color:var(--foreground-muted);cursor:pointer}.btn-expand:hover{color:var(--foreground)}.formats{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;margin-bottom:1rem}.format-btn{padding:.375rem .625rem;border:1px solid var(--border);border-radius:.5rem;font-size:.8125rem;background:#fff;color:var(--foreground-muted);cursor:pointer}.format-btn.pressed{background:var(--foreground);color:#fff;border-color:var(--foreground)}.btn-generate{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;border-radius:.75rem;background:var(--primary);color:var(--foreground);font-size:1rem;font-weight:600;cursor:pointer}.btn-generate:hover{background:var(--primary-hover)}.panel-right{flex:1;min-width:0}.results-card{background:var(--bg-muted);border-radius:1rem;overflow:hidden;padding:1.5rem 1.25rem;min-height:320px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.results-card .card-header{width:100%;flex-shrink:0}.results-card .results-placeholder,.results-card .results-loading,.results-card .results-error{margin-top:.5rem;width:100%;text-align:center}.results-placeholder{font-size:.875rem;color:var(--foreground-muted)}.results-card .results-placeholder{flex:1;display:flex;align-items:center;justify-content:center;margin-top:0}.results-loading{font-size:.875rem;color:var(--foreground-muted)}.results-error{font-size:.875rem;color:#dc2626;max-width:100%}.results-grid{display:flex;flex-wrap:wrap;gap:.75rem;width:100%;justify-content:center;margin-top:.5rem}.results-img{max-width:100%;height:auto;border-radius:.5rem;object-fit:contain}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.btn-download-frames{margin-top:1rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:#fff;color:var(--foreground);font-size:.875rem;font-weight:500;cursor:pointer}.btn-download-frames:hover:not(:disabled){background:var(--bg-muted)}.btn-download-frames:disabled{opacity:.7;cursor:not-allowed}.drop-zone--small{min-height:140px}.photo-slot--single{max-width:160px;max-height:160px}