:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#b86d44;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#9a5638}body{width:100%;min-width:320px;height:100%;margin:0}#root{width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#b86d44}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#3a332c;background-color:#f4ede4}a:hover{color:#9a5638}button{background-color:#f4ede4}}.faq-page{background:linear-gradient(135deg,#8a7e6f 0%,#5f564c 100%);min-height:100vh;padding:2rem;position:relative}.camera-logo:focus{outline-offset:2px;border-radius:8px;outline:2px solid #fffc}.faq-container{background:#f4ede4f5;border-radius:16px;width:100%;max-width:800px;margin:0 auto;padding:3rem 2rem;box-shadow:0 10px 40px #0003}.faq-container h1{text-align:center;color:#3a332c;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .2s;overflow:hidden}.faq-item:hover{box-shadow:0 2px 8px #0000001a}.faq-question{text-align:left;color:#3a332c;cursor:pointer;background:#f4ede4;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600;transition:background-color .2s;display:flex}.faq-question:hover{background-color:#f8f9fa}.faq-question:focus{outline-offset:-2px;outline:2px solid #b86d44}.faq-icon{color:#b86d44;flex-shrink:0;transition:transform .3s}.faq-icon.open{transform:rotate(180deg)}.faq-answer{background:#f8f9fa;max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-answer.open{max-height:500px;padding:1.5rem}.faq-answer p{color:#6c6258;margin:0;line-height:1.6}@media (width<=768px){.faq-page{padding:8rem 1rem 1rem}.camera-logo{top:.75rem;left:.75rem}.camera-logo svg{width:128px;height:128px}.faq-container{margin-top:0;padding:2rem 1.25rem}.faq-container h1{margin-bottom:1.5rem;font-size:1.8rem}.faq-question{padding:1rem 1.25rem;font-size:1rem}.faq-answer.open{padding:1.25rem}.faq-answer p{font-size:.95rem}}@media (width<=480px){.faq-page{padding:7rem .75rem .75rem}.camera-logo{top:.5rem;left:.5rem}.camera-logo svg{width:112px;height:112px}.faq-container{margin-top:0;padding:1.5rem 1rem}.faq-container h1{margin-bottom:1rem;font-size:1.5rem}.faq-question{padding:.875rem 1rem;font-size:.95rem}.faq-answer.open{padding:1rem}.faq-answer p{font-size:.9rem}}.dark-mode .faq-page{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%)}.dark-mode .faq-container{background:#282828f2;box-shadow:0 10px 40px #0006}.dark-mode .faq-container h1{color:#e0e0e0}.dark-mode .faq-item{border-color:#8080804d}.dark-mode .faq-item:hover{box-shadow:0 2px 8px #0000004d}.dark-mode .faq-question{color:#e0e0e0;background:#323232cc}.dark-mode .faq-question:hover{background-color:#3c3c3ccc}.dark-mode .faq-question:focus{outline-color:#888}.dark-mode .faq-icon{color:#888}.dark-mode .faq-answer{background:#2d2d2dcc}.dark-mode .faq-answer p{color:#b0b0b0}.tabbar{box-sizing:border-box;align-items:center;gap:.25rem;width:100%;max-width:1400px;margin:0 auto;padding:.25rem .5rem 0;display:flex}.tabbar-dragover{outline-offset:-4px;background:#b86d4414;border-radius:10px;outline:2px dashed #b86d44}.tabbar-tabs{scrollbar-width:thin;flex:1;align-items:flex-end;gap:2px;min-width:0;display:flex;overflow-x:auto}.tabbar-tab{color:#3a332c;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff8c;border:1px solid #0000001f;border-bottom:none;border-radius:10px 10px 0 0;flex:0 auto;align-items:center;gap:.4rem;min-width:0;max-width:190px;padding:.4rem .5rem .4rem .6rem;transition:background .15s;display:flex;position:relative}.tabbar-tab:hover{background:#ffffffd9}.tabbar-tab-active{background:#fff;font-weight:600}.tabbar-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:22px;height:22px}.tabbar-icon{opacity:.55;flex-shrink:0;width:16px;height:16px}.tabbar-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8rem;overflow:hidden}.tabbar-close{width:18px;height:18px;color:inherit;opacity:.45;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tabbar-close svg{width:11px;height:11px}.tabbar-close:hover{opacity:1;background:#0000001f}.tabbar-new{color:#3a332c;background:#ffffff8c;border:1px solid #00000026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.tabbar-new svg{width:14px;height:14px}.tabbar-new:hover{background:#fff}.tabbar-spinner{border:2px solid #b86d444d;border-top-color:#b86d44;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.8s linear infinite tabbar-spin}@keyframes tabbar-spin{to{transform:rotate(360deg)}}.dark-mode .tabbar-tab{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff1f}.dark-mode .tabbar-tab:hover{background:#ffffff1f}.dark-mode .tabbar-tab-active,.dark-mode .tabbar-close:hover{background:#ffffff2e}.dark-mode .tabbar-new{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff26}.dark-mode .tabbar-new:hover{background:#ffffff24}@media (width<=768px){.tabbar-tab{max-width:130px}}.history-panel{width:var(--history-panel-width,180px);min-width:var(--history-panel-width,180px);background:linear-gradient(135deg,#e9e0d3 0%,#d8ccbd 100%);border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.history-resizer{cursor:col-resize;z-index:10;touch-action:none;justify-content:center;align-items:center;width:9px;height:100%;display:flex;position:absolute;top:0;left:0}.history-resizer:before{content:"";background:#b86d4440;border-radius:3px;width:3px;height:28px;transition:background .15s,height .15s}.history-panel:hover .history-resizer:before,.history-resizer:hover:before{background:#b86d4499;height:40px}.history-resizer.dragging:before{background:#b86d44;height:52px}.history-panel-header{flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.history-panel-title-row{justify-content:space-between;align-items:center;display:flex}.history-panel-title{color:#3a332c;font-size:.95rem;font-weight:700}.history-panel-count{color:#888;font-size:.7rem;font-weight:500}.history-panel-controls{justify-content:center;gap:.375rem;display:flex}.history-btn{cursor:pointer;color:#555;background:#f4ede4;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:.8rem;line-height:1;transition:all .2s;display:flex}.history-btn:hover:not(:disabled){color:#b86d44;border-color:#b86d44;box-shadow:0 2px 6px #b86d4433}.history-btn:disabled{opacity:.35;cursor:not-allowed}.history-btn.danger:hover:not(:disabled){color:#e74c3c;border-color:#e74c3c;box-shadow:0 2px 6px #e74c3c33}.history-panel-list{scrollbar-width:thin;scrollbar-color:#b86d4466 transparent;flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow-y:auto}.history-panel-list::-webkit-scrollbar{width:5px}.history-panel-list::-webkit-scrollbar-track{background:0 0}.history-panel-list::-webkit-scrollbar-thumb{background:#b86d4466;border-radius:3px}.history-panel-list::-webkit-scrollbar-thumb:hover{background:#b86d4499}.history-thumb{cursor:pointer;background:#f4ede4;border:2px solid #0000;border-radius:8px;flex-shrink:0;padding:.375rem;transition:all .2s;position:relative}.history-thumb:hover{border-color:#b86d444d;box-shadow:0 2px 8px #b86d4440}.history-thumb.active{border-color:#b86d44;box-shadow:0 2px 10px #b86d4459}.history-thumb.future{opacity:.45}.history-thumb-image{aspect-ratio:1;object-fit:cover;background:#f0f0f0;border-radius:4px;width:100%;display:block}.history-thumb-info{justify-content:space-between;align-items:center;gap:.25rem;margin-top:.25rem;padding:0 .125rem;display:flex}.history-thumb-label{color:#3a332c;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.65rem;font-weight:600;overflow:hidden}.history-thumb-time{color:#aaa;flex-shrink:0;font-size:.55rem}.history-thumb-delete{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.85rem;line-height:1;transition:background .15s;display:none;position:absolute;top:6px;right:6px}.history-thumb:hover .history-thumb-delete{display:flex}.history-thumb-delete:hover{background:#e74c3ce6}.history-panel-footer{border-top:1px solid #b86d4426;flex-shrink:0;padding-top:.375rem}.history-panel-shortcuts{text-align:center;color:#999;font-size:.55rem;font-weight:500}.dark-mode .history-panel{background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%)}.dark-mode .history-panel-title{color:#e0e0e0}.dark-mode .history-btn{color:#b0b0b0;background:#323232cc;border-color:#8080804d}.dark-mode .history-btn:hover:not(:disabled){color:#ddd;border-color:#999}.dark-mode .history-btn.danger:hover:not(:disabled){color:#e74c3c;border-color:#e74c3c}.dark-mode .history-thumb{background:#323232cc}.dark-mode .history-thumb.active{border-color:#d59a6e}.dark-mode .history-thumb:hover{border-color:#d59a6e66}.dark-mode .history-thumb-label{color:#e0e0e0}.dark-mode .history-thumb-time{color:#777}.dark-mode .history-thumb-image{background:#333}.dark-mode .history-panel-footer{border-top-color:#80808033}.dark-mode .history-panel-shortcuts{color:#666}@media (width<=900px){.history-panel{border-radius:8px;flex-direction:column;gap:.375rem;width:100%;min-width:100%;padding:.5rem;overflow:visible}.history-resizer{display:none}.history-panel-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.history-panel-title-row,.history-panel-controls{flex-shrink:0}.history-btn{width:28px;height:28px}.history-panel-list{flex-direction:row;flex:none;gap:.375rem;min-height:0;padding-bottom:4px;overflow:auto hidden}.history-thumb{flex-shrink:0;width:72px;padding:.25rem}.history-thumb-image{aspect-ratio:1;width:100%;height:auto}.history-thumb-info{flex-direction:column;gap:0}.history-thumb-label{white-space:normal;text-overflow:unset;word-break:break-word;font-size:.6rem;line-height:1.2;overflow:visible}.history-thumb-time{white-space:normal;font-size:.5rem}.history-thumb-delete{width:16px;height:16px;font-size:.7rem;display:flex;top:4px;right:4px}.history-panel-footer{display:none}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}.app{background:linear-gradient(135deg,#8a7e6f 0%,#5f564c 100%);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.camera-logo{cursor:pointer;z-index:10;transition:transform .2s;position:absolute;top:1rem;left:1rem}.camera-logo svg{width:56px;height:56px}.theme-toggle-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0000001a}.theme-toggle-btn:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #0003}.theme-toggle-btn:focus{outline-offset:2px;outline:2px solid #fffc}.theme-toggle-btn svg{color:#fff;flex-shrink:0;width:100%;height:100%;display:block}.top-actions{z-index:10;align-items:center;gap:.5rem;display:flex;position:absolute;top:calc(1rem + 9px);left:calc(1.75rem + 56px)}.top-actions .btn.faq-link{white-space:nowrap;align-items:center;min-width:fit-content;max-width:fit-content;height:38px;padding:0 12px;font-size:.875rem;display:inline-flex;position:static;top:auto;left:auto}@media (width<=768px){.top-actions{gap:.5rem;top:calc(.5rem + 9px);left:calc(1.5rem + 56px)}.top-actions .btn.faq-link{height:38px;padding:0 8px;font-size:.75rem}}.camera-logo:hover{transform:scale(1.05)}.camera-logo:focus{outline-offset:2px;outline:2px solid #fffc}.header{text-align:center;color:#fff;padding:2rem 1rem}.header h1{text-shadow:2px 2px 4px #0003;margin-bottom:.5rem;font-size:3rem;font-weight:700}.header p{opacity:.9;font-size:1.2rem}.main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative;overflow:auto}.upload-area{cursor:pointer;background:#f4ede4f5;border-radius:16px;width:100%;max-width:600px;padding:4rem 3rem;transition:all .3s;box-shadow:0 10px 40px #0003}.upload-area:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.upload-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.upload-icon{color:#b86d44;width:80px;height:80px}.upload-area p{color:#3a332c;text-align:center;font-size:1.2rem;font-weight:500}.upload-hint{color:#6c6258;font-size:.9rem}.file-input{display:none}.upload-wrapper{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:600px;display:flex}.url-divider{color:#999;align-items:center;gap:1rem;width:100%;font-size:.85rem;display:flex}.url-divider:before,.url-divider:after{content:"";background:#ddd;flex:1;height:1px}.url-input-row{gap:.5rem;width:100%;display:flex}.url-input{color:#3a332c;background:#fbf6ef;border:2px solid #ddd;border-radius:8px;outline:none;flex:1;padding:.65rem 1rem;font-size:.95rem;transition:border-color .2s}.url-input:focus{border-color:#b86d44}.url-input:disabled{opacity:.6;cursor:not-allowed}.url-submit-btn{white-space:nowrap;min-width:80px}.workspace{width:100%;max-width:100%;height:100%;box-shadow:none;background:#f4ede4f5;border-radius:16px;flex-direction:column;padding:0;display:flex;position:relative}.panel-toggle-btn{z-index:100;cursor:pointer;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:none;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #0003}.panel-toggle-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.panel-toggle-btn svg{color:#fff;width:24px;height:24px}.panel-overlay{z-index:50;background:#00000080;display:none;position:absolute;inset:0}.panel-overlay.overlay-visible{display:block}@media (width<=768px){.panel-overlay.overlay-visible{z-index:55;position:fixed}}.workspace-content{flex:1;gap:2rem;min-height:0;display:flex}.left-panel{width:var(--left-panel-width,400px);min-width:var(--left-panel-width,400px);background:linear-gradient(135deg,#e9e0d3 0%,#d8ccbd 100%);border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.left-panel-resizer{cursor:col-resize;z-index:10;touch-action:none;justify-content:center;align-items:center;width:9px;height:100%;display:flex;position:absolute;top:0;right:0}.left-panel-resizer:before{content:"";background:#b86d4440;border-radius:3px;width:3px;height:28px;transition:background .15s,height .15s}.left-panel:hover .left-panel-resizer:before,.left-panel-resizer:hover:before{background:#b86d4499;height:40px}.left-panel-resizer.dragging:before{background:#b86d44;height:52px}.panel-mobile-close-btn{display:none}.panel-header{border-bottom:2px solid #b86d4433;flex-direction:column;gap:.75rem;min-height:45px;margin-bottom:1.5rem;padding-top:.5rem;padding-bottom:1rem;display:flex;position:relative}.panel-header h2{color:#b86d44;margin:0;font-size:1.5rem;font-weight:700}.panel-header-actions{z-index:10;position:absolute;top:.5rem;left:0}.btn-download{padding:8px 16px;font-size:.9rem;display:inline-block}.processing-timer{color:#fff;text-align:center;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:600;animation:2s ease-in-out infinite pulse}.processing-timer.job-done{background:linear-gradient(135deg,#4a7c59 0%,#38614a 100%);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.drop-image-btn{background:linear-gradient(135deg,#d27a6e 0%,#c4685c 100%);border-radius:6px;align-self:flex-start;padding:8px 16px;font-size:.85rem;transition:all .3s}.drop-image-btn:hover{background:linear-gradient(135deg,#c4685c 0%,#d27a6e 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ee5a6f4d}.panel-functions{scrollbar-width:auto;scrollbar-color:#b86d4480 #00000014;flex-direction:column;flex:1;gap:.5rem;padding-right:12px;display:flex;overflow-y:scroll}.panel-functions::-webkit-scrollbar{width:14px}.panel-functions::-webkit-scrollbar-track{background:#00000014;border-radius:7px}.panel-functions::-webkit-scrollbar-thumb{background:#b86d4480;border-radius:7px;min-height:40px}.panel-functions::-webkit-scrollbar-thumb:hover{background:#b86d44b3}.panel-search{margin-bottom:1rem}.panel-search-input{color:#3a332c;box-sizing:border-box;background:#fbf6ef;border:2px solid #ddd;border-radius:8px;outline:none;width:100%;padding:.65rem 1rem;font-size:.95rem;transition:border-color .2s}.panel-search-input:focus{border-color:#b86d44}.panel-search-empty{text-align:center;color:#b86d44;opacity:.8;padding:1.5rem 0;font-weight:600}.function-card{background:#f4ede4;border-radius:10px;padding:.6rem .75rem;transition:all .3s;position:relative;box-shadow:0 2px 8px #00000014}.function-card:hover{box-shadow:0 4px 16px #b86d4433}.function-card.active{border:2px solid #b86d44}.function-card-wrapper{display:block}.function-card-wrapper.current-operation .function-card{border:2px solid #2e7d32;animation:1.6s ease-in-out infinite current-operation-pulse;box-shadow:0 0 0 3px #2e7d3240,0 4px 16px #2e7d324d}@keyframes current-operation-pulse{0%,to{box-shadow:0 0 0 3px #2e7d3240,0 4px 16px #2e7d324d}50%{box-shadow:0 0 0 6px #2e7d3226,0 4px 16px #2e7d324d}}@media (prefers-reduced-motion:reduce){.function-card-wrapper.current-operation .function-card{animation:none}}.function-header{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.function-icon{color:#b86d44;flex-shrink:0;width:20px;height:20px}.function-header h3{color:#3a332c;min-width:0;margin:0;font-size:.95rem;font-weight:600;line-height:1.2}.function-cost-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border-radius:999px;flex-shrink:0;align-self:flex-start;margin-left:auto;padding:.2rem .4rem;font-size:.7rem;font-weight:600;line-height:1}.function-description{color:#6c6258;margin-bottom:.5rem;font-size:.8rem;line-height:1.3}.function-card .btn{padding:6px 12px;font-size:.8rem}.angle-selector{margin-bottom:.5rem}.function-card .angle-label{margin-bottom:.25rem}.function-card .angle-select,.function-card .angle-custom-input{padding:.375rem .5rem;font-size:.8rem}.angle-label{color:#555;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.angle-controls{flex-direction:column;gap:.5rem;display:flex}.angle-select{color:#3a332c;cursor:pointer;background-color:#fbf6ef;border:1px solid #ddd;border-radius:8px;width:100%;padding:.625rem;font-size:.9rem;transition:border-color .2s}.angle-select:hover{border-color:#b86d44}.angle-select:focus{border-color:#b86d44;outline:none;box-shadow:0 0 0 3px #b86d441a}.angle-select:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.angle-custom-input{color:#3a332c;background-color:#fbf6ef;border:1px solid #ddd;border-radius:8px;width:100%;padding:.625rem;font-size:.9rem;transition:border-color .2s}.angle-custom-input:hover{border-color:#b86d44}.angle-custom-input:focus{border-color:#b86d44;outline:none;box-shadow:0 0 0 3px #b86d441a}.angle-custom-input:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.angle-custom-input::placeholder{color:#999}.function-actions{flex-direction:column;gap:.5rem;display:flex}.panel-footer{border-top:2px solid #b86d4433;margin-top:auto;padding-top:1rem}.right-panel{flex-direction:column;flex:1;min-width:0;display:flex}.mode-switcher{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.mode-btn{cursor:pointer;color:#b86d44;text-transform:uppercase;letter-spacing:.5px;background:#f4ede4;border:2px solid #b86d44;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s}.mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b86d444d}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border-color:#b86d44}.btn-full{text-align:center;width:100%}.buttons{gap:1rem;display:flex}.example-showcase{width:100%;max-width:1400px;box-shadow:none;background:0 0;border-radius:16px;margin:0 auto 2rem;padding:2rem}.example-header{text-align:center;margin-bottom:2rem}.example-header h2{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.example-header p{color:#ffffffd9;font-size:1.1rem}.examples-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.examples-row+.examples-row{margin-top:2rem}.examples-row-bottom{justify-content:center}.example-card{min-width:240px;max-width:calc(25% - 1.125rem);box-shadow:none;-webkit-backdrop-filter:blur(16px);background:#00000040;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;flex:calc(25% - 1.125rem);gap:1rem;padding:1.25rem;display:flex}.example-card-header{text-align:center}.example-card-header h3{color:#fff;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.example-card-header p{color:#fffc;margin:0;font-size:.9rem}.example-container{flex-direction:column;gap:1.5rem;display:flex}.example-comparison-wrapper{width:100%}.example-comparison-wrapper .comparison-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026}.example-comparison-wrapper .comparison-container>div{min-height:unset!important;max-height:unset!important;height:auto!important}.example-description{text-align:center;background:#00000026;border-left:4px solid #ffffff80;border-radius:8px;padding:.75rem}.example-description p{color:#ffffffe6;margin:0;font-size:.9rem;line-height:1.5}.example-description strong{color:#fff;font-weight:700}@media (width<=768px){.example-showcase{padding:1.5rem}.example-header h2{font-size:1.5rem}.examples-row{flex-direction:column;align-items:center}.example-card{max-width:100%;min-width:unset}}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:center;border:none;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%)}.btn-success{color:#fff;background:linear-gradient(135deg,#4a9d7e 0%,#3d8a6a 100%)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#5a544c 0%,#3d3833 100%)}.processing-hint{opacity:.9;text-transform:none;letter-spacing:normal;margin-left:.5rem;font-size:.85rem;font-style:italic;font-weight:400}.error-message{color:#c33;text-align:center;background:#fee;border-radius:8px;margin-bottom:1rem;padding:1rem;font-weight:500}.image-container{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative}.image-area{align-items:flex-start;gap:.75rem;width:100%;display:flex}.image-area .image-container{flex:1;min-width:0}.zoomable-image{justify-content:center;align-items:center;width:100%;display:flex}.image-tools-panel{background:linear-gradient(135deg,#e9e0d3 0%,#d8ccbd 100%);border-radius:10px;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.image-tools-btn{cursor:pointer;color:#b86d44;background:#f4ede4;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.image-tools-btn:hover:not(:disabled){border-color:#b86d44;box-shadow:0 2px 8px #b86d444d}.image-tools-btn.active{color:#fff;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border-color:#9a5638;transform:translateY(1px);box-shadow:inset 0 2px 6px #00000059,0 0 0 2px #9a563840}.image-tools-btn:disabled{opacity:.5;cursor:not-allowed}.image-tools-btn svg{width:22px;height:22px}.image-tools-save-group{display:flex;position:relative}.image-tools-btn-done{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border-color:#15803d}.image-tools-btn-done:hover:not(:disabled){border-color:#166534;box-shadow:0 2px 8px #16a34a73}.image-tools-btn-cancel{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c}.image-tools-btn-cancel:hover:not(:disabled){border-color:#991b1b;box-shadow:0 2px 8px #dc262673}.image-tools-save-group .image-tools-btn.is-spinning svg{animation:.8s linear infinite image-tools-spin}@keyframes image-tools-spin{to{transform:rotate(360deg)}}.save-format-menu{z-index:20;background:#f4ede4;border:1px solid #b86d4433;border-radius:8px;flex-direction:column;gap:2px;min-width:92px;padding:6px;display:flex;position:absolute;top:0;left:calc(100% + 6px);box-shadow:0 4px 16px #0003}.save-format-title{text-transform:uppercase;letter-spacing:.04em;color:#8a8f9c;padding:2px 6px 4px;font-size:.7rem}.save-format-option{color:#2d3748;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.save-format-option:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%)}.save-format-option:disabled{opacity:.5;cursor:not-allowed}.crop-overlay{z-index:5;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;inset:0}.crop-selection{pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #00000059}.crop-selection-border{border:2px dashed #fff;position:absolute;inset:0}.single-image{width:100%;max-width:800px}.single-image img{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:70vh;display:block}.comparison-container{aspect-ratio:auto;border-radius:8px;width:100%;max-width:1000px;overflow:hidden}.comparison-container>div{min-height:50vh;max-height:75vh;height:auto!important}.comparison-item{width:100%;height:100%;position:relative}.comparison-item img{object-fit:contain;width:100%;height:100%;display:block}.comparison-label{color:#fff;white-space:nowrap;background:#000000b3;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (width>=769px){.right-panel{min-height:0}.image-area{flex:1;min-height:0}.image-container{align-self:stretch;min-height:0}.image-container .zoomable-image{height:100%}.image-container .comparison-container{flex-direction:column;justify-content:center;height:100%;display:flex}.image-container .comparison-container>div{min-height:0;max-height:100%}.image-container .single-image{flex-direction:column;justify-content:center;height:100%;display:flex}.image-container .single-image img{max-height:100%}}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{text-align:center;background:#f4ede4;border-radius:16px;width:90%;max-width:400px;padding:2rem;box-shadow:0 20px 60px #0000004d}.dialog p{color:#3a332c;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.5}.dialog-buttons{justify-content:center;gap:1rem;display:flex}.dialog-buttons .btn{min-width:100px}@media (width<=768px){.camera-logo{width:48px;height:48px;top:.75rem;left:.75rem}.camera-logo svg{width:34px;height:34px}.theme-toggle-btn{width:48px;height:48px;top:.75rem;right:.75rem}.header{padding:6rem .5rem 1rem}.header h1{font-size:1.8rem}.header p{font-size:.9rem}.main{padding:1rem 1rem 0}.upload-area{padding:2rem 1.5rem}.upload-wrapper{padding:0 .5rem}.url-input-row{flex-direction:column}.url-submit-btn{width:100%}.upload-icon{width:60px;height:60px}.upload-area p{font-size:1rem}.workspace{flex-direction:column;height:auto;max-height:none;padding:0;display:flex;overflow-y:visible}.main{flex:none;justify-content:flex-start;align-items:stretch;padding:0;overflow:visible}.app{height:auto;min-height:0;overflow:visible}.panel-toggle-btn{display:flex}.panel-toggle-btn.panel-open{display:none}.workspace-content{flex-direction:column;flex:none;gap:.5rem}.left-panel{width:100%;min-width:0;transition:all .3s}.left-panel-resizer,.left-panel.panel-hidden{display:none}.left-panel.panel-visible{z-index:60;scrollbar-width:auto;scrollbar-color:#b86d4499 #0000001a;border-radius:16px 16px 0 0;max-height:70vh;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #0000004d}.left-panel.panel-visible::-webkit-scrollbar{width:18px}.left-panel.panel-visible::-webkit-scrollbar-track{background:#0000001a;border-radius:9px}.left-panel.panel-visible::-webkit-scrollbar-thumb{background:#b86d4499;border-radius:9px;min-height:50px}.left-panel.panel-visible::-webkit-scrollbar-thumb:hover{background:#b86d44cc}.panel-mobile-close-btn{z-index:10;cursor:pointer;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;margin-left:auto;padding:0;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0003}.panel-mobile-close-btn svg{color:#fff;width:16px;height:16px}.dark-mode .panel-mobile-close-btn{background:linear-gradient(135deg,#5a5a5a 0%,#6a6a6a 100%)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.panel-header h2{font-size:1.2rem}.panel-header.has-active-timer{z-index:5;background:linear-gradient(135deg,#e9e0d3 0%,#d8ccbd 100%);margin:-1.5rem -1.5rem 1.5rem;padding:.5rem 1.5rem 1rem;position:sticky;top:0}.function-card{padding:.6rem .75rem}.function-header h3{font-size:.95rem}.function-description{font-size:.8rem}.panel-functions{flex:0 auto;overflow-y:visible}.buttons{flex-direction:column;gap:.75rem;margin-bottom:1rem}.btn{width:100%;padding:10px 24px;font-size:.9rem}.right-panel{flex:none}.image-area{flex-direction:column;flex:none;align-items:stretch;min-height:0}.image-area .image-container{flex:none;justify-content:center;align-items:center;min-height:0;max-height:50vh;display:flex;overflow:hidden}.image-tools-panel{flex-direction:row;justify-content:center}.image-tools-btn{width:36px;height:36px}.image-tools-btn svg{width:20px;height:20px}.save-format-menu{top:calc(100% + 6px);left:0}.single-image{width:100%;max-width:100%}.single-image img{object-fit:contain;width:100%;max-height:45vh}.comparison-container{width:100%;max-width:100%}.comparison-container>div{min-height:30vh;max-height:50vh}.comparison-item img{object-fit:contain;width:100%;height:100%}.comparison-label{padding:6px 12px;font-size:.8rem;bottom:8px}}@media (width<=480px){.camera-logo{top:.5rem;left:.5rem}.camera-logo svg{width:70px;height:70px}.theme-toggle-btn{width:56px;height:56px;top:.5rem;right:.5rem}.header{padding-top:5rem}.header h1{font-size:1.5rem}.header p{font-size:.8rem}.workspace{max-height:calc(100vh - 100px);padding:0}.buttons{margin-bottom:.75rem}.btn{padding:8px 20px;font-size:.85rem}.single-image img{max-height:40vh}.comparison-container>div{min-height:25vh;max-height:40vh}}.auth-page{background:linear-gradient(135deg,#8a7e6f 0%,#5f564c 100%);grid-template:"logo.""auth showcase""auth showcase"1fr/auto 1fr;gap:1rem;width:100%;min-height:100vh;padding:5rem 1rem 1rem;display:grid;position:relative}.auth-page>.header{grid-area:header;align-self:start;display:none}.auth-page>.example-showcase{grid-area:showcase;margin-top:1rem}.auth-container{background:#f4ede4f5;border-radius:16px;width:100%;max-width:450px;margin-top:1rem;padding:2rem;box-shadow:0 10px 40px #0003}.auth-container-compact{-webkit-backdrop-filter:blur(20px);z-index:5;background:#00000059;border:1px solid #ffffff26;border-radius:12px;grid-area:auth;place-self:start;width:300px;max-width:calc(100vw - 2rem);margin-top:1rem;padding:1.25rem;box-shadow:0 8px 32px #0003}.auth-form-compact{flex-direction:column;gap:.75rem;display:flex}.form-group-compact{flex-direction:column;gap:.35rem;display:flex}.form-group-compact label{color:#fff;font-size:.85rem;font-weight:500}.form-group-compact input{color:#fff;background:#ffffff1f;border:2px solid #ffffff40;border-radius:6px;padding:.6rem .75rem;font-size:.9rem;transition:border-color .3s}.form-group-compact input::placeholder{color:#ffffff73}.form-group-compact input:focus{border-color:#fff9;outline:none}.form-group-compact input:disabled{color:#fff6;background:#ffffff14}.auth-submit-compact{margin-top:.5rem;padding:.6rem 1rem;font-size:.9rem}.auth-tabs{border-bottom:2px solid #ffffff26;margin-bottom:1.5rem;display:flex}.auth-tab{color:#fff9;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.auth-tab.active{color:#fff;border-bottom-color:#fff}.auth-tab:hover:not(.active){color:#ffffffd9}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#3a332c;font-size:.9rem;font-weight:500}.form-group input{border:2px solid #eee;border-radius:8px;padding:12px;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#b86d44;outline:none}.form-group input:disabled{color:#666;background:#f5f5f5}.auth-message{text-align:center;border-radius:8px;padding:12px;font-size:.9rem}.auth-message.error{color:#c33;background:#fee}.auth-message.success{color:#3a3;background:#efe}.auth-submit{margin-top:.5rem}.user-bar{background:#ffffff1a;border-radius:8px;align-items:center;gap:1rem;margin-top:calc(1rem + 56px);margin-bottom:1rem;padding:.5rem 1rem;display:flex}.user-bar-toggle{display:none}.user-bar-content{display:contents}.user-bar-overlay{display:none}.user-email{color:#fff;font-size:.9rem}.btn-small{padding:6px 12px;font-size:.85rem}.faq-button{margin-left:auto}.btn-danger{color:#fff;background:linear-gradient(135deg,#c75c6e 0%,#b04858 100%)}.account-info{margin-bottom:1.5rem}.status-badge{border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-block}.status-badge.confirmed{color:#3a3;background:#efe}.status-badge.unconfirmed{color:#a83;background:#ffe}.account-actions{flex-direction:column;gap:.75rem;display:flex}.delete-confirm{border-top:2px solid #eee;padding-top:1.5rem}.delete-confirm h3{color:#c33;margin-bottom:.5rem}.change-password-section{border-top:2px solid #eee;padding-top:1.5rem}.change-password-section h3{color:#b86d44;margin-bottom:1rem}.change-password-actions{gap:1rem;margin-top:1rem;display:flex}.warning-text{color:#666;margin-bottom:1rem;font-size:.9rem}.delete-actions{gap:1rem;margin-top:1rem;display:flex}.loading-screen{color:#fff;background:linear-gradient(135deg,#8a7e6f 0%,#5f564c 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.auth-page{flex-direction:column;padding:5rem 1rem 1rem;display:flex}.auth-container{padding:1.5rem}.auth-container-compact{order:2;justify-self:stretch;width:100%;max-width:100%;margin:1rem auto;position:relative;top:0;right:0}.auth-page>.header{display:none}.auth-page>.example-showcase{order:3;margin-top:1rem}.camera-logo{top:.5rem;left:.5rem}.theme-toggle-btn{top:.5rem;right:.5rem}.user-bar{background:0 0;margin:56px 0 1rem;padding:0;position:static}.user-bar-toggle{cursor:pointer;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.user-bar-toggle svg{width:20px;height:20px}.user-bar-overlay{z-index:90;display:block}.user-bar-content{background:var(--panel-bg,#fffffffa);z-index:100;border-radius:8px;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;display:none;position:fixed;top:56px;left:.5rem;right:.5rem;box-shadow:0 4px 16px #00000040}.user-bar-open .user-bar-content{display:flex}.user-bar-content .user-email,.user-bar-content .credits-badge,.user-bar-content .btn{text-align:center;justify-content:center;width:100%}.delete-actions,.change-password-actions{flex-direction:column}}.dark-mode .app{background:linear-gradient(135deg,#2a2a2a 0%,#3d3d3d 100%)}.dark-mode .theme-toggle-btn{background:#5a5a5a99;box-shadow:0 2px 8px #0000004d}.dark-mode .theme-toggle-btn:hover{background:#6e6e6eb3;box-shadow:0 4px 12px #0006}.dark-mode .header h1{text-shadow:2px 2px 4px #00000080}.dark-mode .upload-area{background:#373737f2;box-shadow:0 10px 40px #0006}.dark-mode .upload-area:hover{box-shadow:0 15px 50px #00000080}.dark-mode .upload-area p{color:#f0f0f0}.dark-mode .upload-hint{color:#b0b0b0}.dark-mode .url-divider{color:#777}.dark-mode .url-divider:before,.dark-mode .url-divider:after{background:#555}.dark-mode .url-input{color:#f0f0f0;background:#373737f2;border-color:#555}.dark-mode .url-input:focus{border-color:#b86d44}.dark-mode .panel-search-input{color:#f0f0f0;background:#373737f2;border-color:#555}.dark-mode .panel-search-input:focus{border-color:#b86d44}.dark-mode .panel-search-empty{color:#a0a0ff}.dark-mode .workspace{background:#373737f2}.dark-mode .left-panel{background:linear-gradient(135deg,#3a3a3a 0%,#4a4a4a 100%);box-shadow:0 4px 12px #0000004d}.dark-mode .panel-header{border-bottom-color:#a0a0a033}.dark-mode .panel-header.has-active-timer{background:linear-gradient(135deg,#3a3a3a 0%,#4a4a4a 100%)}.dark-mode .panel-header h2{color:#e8e8e8}.dark-mode .function-card{background:#414141cc;box-shadow:0 2px 8px #0003}.dark-mode .function-card:hover{box-shadow:0 4px 16px #a0a0a04d}.dark-mode .function-card.active{border-color:#aaa}.dark-mode .function-card-wrapper.current-operation .function-card{border-color:#66bb6a;animation:1.6s ease-in-out infinite current-operation-pulse-dark;box-shadow:0 0 0 3px #66bb6a4d,0 4px 16px #66bb6a59}@keyframes current-operation-pulse-dark{0%,to{box-shadow:0 0 0 3px #66bb6a4d,0 4px 16px #66bb6a59}50%{box-shadow:0 0 0 6px #66bb6a2e,0 4px 16px #66bb6a59}}@media (prefers-reduced-motion:reduce){.dark-mode .function-card-wrapper.current-operation .function-card{animation:none}}.dark-mode .function-header h3{color:#f0f0f0}.dark-mode .function-description{color:#c8c8c8}.dark-mode .function-cost-badge{color:#fff;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%)}.dark-mode .angle-label{color:#e8e8e8}.dark-mode .angle-select,.dark-mode .angle-custom-input{color:#f0f0f0;background-color:#414141cc;border-color:#a0a0a04d}.dark-mode .angle-select:hover,.dark-mode .angle-custom-input:hover{border-color:#aaa}.dark-mode .angle-select:focus,.dark-mode .angle-custom-input:focus{border-color:#aaa;box-shadow:0 0 0 3px #a0a0a01a}.dark-mode .angle-select:disabled,.dark-mode .angle-custom-input:disabled{background-color:#32323280}.dark-mode .angle-custom-input::placeholder{color:#909090}.dark-mode .panel-footer{border-top-color:#a0a0a033}.dark-mode .mode-btn{color:#e8e8e8;background:#414141cc;border-color:#aaa}.dark-mode .mode-btn:hover{box-shadow:0 4px 12px #a0a0a066}.dark-mode .mode-btn.active{color:#fff;background:linear-gradient(135deg,#5a5a5a 0%,#6a6a6a 100%);border-color:#aaa}.dark-mode .btn-primary{background:linear-gradient(135deg,#6a6a6a 0%,#7a7a7a 100%)}.dark-mode .btn-secondary{background:linear-gradient(135deg,#4a4a4a 0%,#3a3a3a 100%)}.dark-mode .btn-success{background:linear-gradient(135deg,#3d7a3d 0%,#4d9a4d 100%)}.dark-mode .btn-danger,.dark-mode .drop-image-btn{background:linear-gradient(135deg,#9b4a4a 0%,#b34a4a 100%)}.dark-mode .drop-image-btn:hover{background:linear-gradient(135deg,#b34a4a 0%,#9b4a4a 100%);box-shadow:0 4px 12px #9b4a4a66}.dark-mode .error-message{color:#ff6b6b;background:#641e1ee6}.dark-mode .dialog{background:#323242f2;box-shadow:0 20px 60px #00000080}.dark-mode .dialog p{color:#f0f0f0}.dark-mode .dialog-buttons{gap:1rem}.dark-mode .comparison-label{background:#000c}.dark-mode .image-tools-panel{background:linear-gradient(135deg,#3a3a3a 0%,#4a4a4a 100%);box-shadow:0 2px 8px #0000004d}.dark-mode .image-tools-btn{color:#e8e8e8;background:#414141cc}.dark-mode .image-tools-btn:hover:not(:disabled){border-color:#aaa;box-shadow:0 2px 8px #a0a0a04d}.dark-mode .image-tools-btn.active{color:#fff;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border-color:#9a5638;box-shadow:inset 0 2px 6px #00000073,0 0 0 2px #9a563859}.dark-mode .image-tools-btn-done{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.dark-mode .image-tools-btn-cancel{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.dark-mode .save-format-menu{background:#2d2d32fa;border-color:#ffffff1f;box-shadow:0 4px 20px #00000080}.dark-mode .save-format-title{color:#9aa0ad}.dark-mode .save-format-option{color:#e8e8e8}.dark-mode .auth-page{background:linear-gradient(135deg,#2a2a2a 0%,#3d3d3d 100%)}.dark-mode .auth-container{box-shadow:none;background:0 0}.dark-mode .auth-container-compact{-webkit-backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.dark-mode .auth-tabs{border-bottom-color:#ffffff26}.dark-mode .auth-tab{color:#ffffff80}.dark-mode .auth-tab.active{color:#f0f0f0;border-bottom-color:#f0f0f0}.dark-mode .auth-tab:hover:not(.active){color:#ffffffbf}.dark-mode .form-group-compact label{color:#f0f0f0}.dark-mode .form-group-compact input{color:#f0f0f0;background:#ffffff14;border-color:#ffffff26}.dark-mode .form-group-compact input::placeholder{color:#ffffff59}.dark-mode .form-group-compact input:focus{border-color:#fff6}.dark-mode .form-group label{color:#f0f0f0}.dark-mode .form-group input{color:#f0f0f0;background:#ffffff14;border-color:#ffffff26}.dark-mode .form-group input:focus{border-color:#fff6}.dark-mode .form-group input:disabled{color:#909090;background:#32323280}.dark-mode .auth-message.error{color:#ff6b6b;background:#641e1ee6}.dark-mode .example-showcase{box-shadow:none;background:0 0}.dark-mode .example-card{-webkit-backdrop-filter:blur(16px);background:#0000004d;border-color:#ffffff14}.dark-mode .example-card-header h3{color:#f0f0f0}.dark-mode .example-card-header p{color:#ffffffa6}.dark-mode .example-description{background:#0003;border-left-color:#ffffff4d}.dark-mode .example-description p{color:#fffc}.dark-mode .example-description strong{color:#f0f0f0}.dark-mode .user-bar{background:#0003}@media (width<=768px){.dark-mode .user-bar-content{background:#2a2a2a}}.dark-mode .user-email{color:#f0f0f0}.dark-mode .status-badge.confirmed{color:#4ade80;background:#1e641ee6}.dark-mode .status-badge.unconfirmed{color:#fbbf24;background:#64501ee6}.dark-mode .delete-confirm{border-top-color:#a0a0a033}.dark-mode .delete-confirm h3{color:#ff6b6b}.dark-mode .change-password-section{border-top-color:#a0a0a033}.dark-mode .change-password-section h3{color:#e8e8e8}.dark-mode .warning-text{color:#c8c8c8}.dark-mode .loading-screen{background:linear-gradient(135deg,#2a2a2a 0%,#3d3d3d 100%)}.dark-mode .loading-spinner{border-color:#aaa #aaaaaa4d #aaaaaa4d}.dark-mode-toggle{justify-content:center;align-items:center;min-width:36px;padding:6px 12px;display:flex}.dark-mode-toggle svg{display:block}.dark-mode .processing-timer{background:linear-gradient(135deg,#5a5a5a 0%,#6a6a6a 100%)}.dark-mode .processing-timer.job-done{background:linear-gradient(135deg,#2f4f3f 0%,#3a5a47 100%)}.dark-mode .faq-link{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border-color:#444}.dark-mode .faq-link:hover{background:linear-gradient(135deg,#3a3a3a 0%,#2a2a2a 100%);box-shadow:0 4px 12px #0006}.credits-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.credits-balance-card{text-align:center;color:#fff;background:linear-gradient(135deg,#b86d44 0%,#9a5638 100%);border-radius:12px;margin-bottom:24px;padding:24px}.credits-balance-number{font-size:3rem;font-weight:700;line-height:1.2}.credits-balance-label{opacity:.85;margin-bottom:16px;font-size:1rem}.credits-stats{justify-content:center;gap:32px;display:flex}.credit-stat{flex-direction:column;align-items:center;display:flex}.credit-stat-value{font-size:1.25rem;font-weight:600}.credit-stat-label{opacity:.75;font-size:.8rem}.credits-purchase-section{margin-bottom:24px}.credits-package{text-align:center;border:2px solid #e0e0e0;border-radius:12px;padding:20px}.credits-package h3{margin:0 0 4px;font-size:1.25rem}.credits-package p{color:#666;margin:0 0 16px;font-size:.9rem}.credits-tabs{border:1px solid #e0e0e0;border-radius:8px;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.credits-tab{cursor:pointer;color:#666;background:#f5f5f5;border:none;flex:1;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.credits-tab.active{color:#fff;background:#b86d44}.credits-tab:hover:not(.active){background:#e8e8e8}.credits-history{flex-direction:column;gap:8px;display:flex}.credits-empty{text-align:center;color:#999;padding:24px}.credits-history-item{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.credits-history-left{flex-direction:column;gap:2px;display:flex}.credits-history-title{font-size:.95rem;font-weight:500}.credits-history-date{color:#999;font-size:.8rem}.credits-history-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.credits-history-amount{font-size:.95rem;font-weight:600}.credits-history-status{border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:500}.status-completed{color:#155724;background:#d4edda}.status-pending{color:#856404;background:#fff3cd}.status-failed{color:#721c24;background:#f8d7da}.status-refunded{color:#0c5460;background:#d1ecf1}.dark-mode .credits-package{border-color:#444}.dark-mode .credits-package p{color:#aaa}.dark-mode .credits-tabs{border-color:#444}.dark-mode .credits-tab{color:#aaa;background:#2a2a2a}.dark-mode .credits-tab:hover:not(.active){background:#3a3a3a}.dark-mode .credits-history-item{background:#2a2a2a;border-color:#444}.dark-mode .credits-history-date{color:#777}.admin-nav-btn{font-weight:600;color:#fff!important;background:linear-gradient(135deg,#b86d44,#9a5638)!important;border:none!important}.admin-nav-btn:hover{opacity:.9}.admin-container{width:100%;max-width:100%!important}.admin-search{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.admin-search-input{border:1px solid #e0e0e0;border-radius:8px;outline:none;flex:1;padding:.6rem .8rem;font-size:.9rem;transition:border-color .15s}.admin-search-input:focus{border-color:#b86d44}.admin-user-count{color:#888;white-space:nowrap;font-size:.85rem}.admin-table-wrap{margin:0 -.5rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th{text-align:left;color:#888;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:2px solid #e0e0e0;padding:.7rem .6rem;font-size:.75rem;font-weight:600}.admin-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:.7rem .6rem}.admin-table tr:hover td{background:#fafafa}.admin-email-cell{min-width:200px}.admin-balance{text-align:right;min-width:5em;margin-right:.3rem;font-weight:600;display:inline-block}.admin-allowance-active{color:#27ae60;font-weight:600}.admin-allowance-none{color:#aaa}.admin-date-cell{color:#888;white-space:nowrap;font-size:.85rem}.admin-credits-cell{flex-wrap:nowrap;align-items:center;gap:.3rem;display:inline-flex}.admin-actions-cell{white-space:nowrap;flex-wrap:wrap;gap:.5rem;display:flex}.admin-action-btn{padding:.2rem .5rem;font-size:.75rem}.admin-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.admin-tag-admin{color:#fff;background:#b86d44}.admin-tag-user{color:#666;background:#f0f0f0}.admin-tag-unconfirmed{color:#856404;background:#ffeaa7;margin-left:.4rem;font-size:.65rem}.admin-dialog{width:460px}.admin-dialog h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.admin-dialog-subtitle{color:#888;margin-bottom:1rem;font-size:.85rem}.admin-dialog-note{color:#888;margin:.5rem 0 0;font-size:.8rem;line-height:1.4}.admin-dialog .form-group:last-of-type{margin-bottom:0}.admin-dialog .dialog-buttons{margin-top:1.5rem}.dialog-buttons-stacked{flex-direction:column;align-items:stretch}.dialog-buttons-stacked .btn{width:100%}.auth-message.success{color:#155724;background:#d4edda;border-radius:8px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.9rem}.dark-mode .admin-search-input{color:#e0e0e0;background:#2a2a2a;border-color:#444}.dark-mode .admin-search-input:focus{border-color:#b86d44}.dark-mode .admin-table th{color:#888;border-color:#444}.dark-mode .admin-table td{border-color:#3a332c}.dark-mode .admin-table tr:hover td{background:#2a2a2a}.dark-mode .admin-tag-user{color:#aaa;background:#333}.dark-mode .admin-tag-unconfirmed{color:#ffd93d;background:#4a3f00}.dark-mode .admin-dialog-note{color:#888}.dark-mode .auth-message.success{color:#6fcf6f;background:#1a3a1a}.credits-daily-info{text-align:center;color:#666;margin-top:.5rem;font-size:.85rem}.credits-daily-info strong{color:#27ae60}.credits-next-credit{color:#888;margin-top:.2rem;font-size:.8rem}.dark-mode .credits-daily-info{color:#aaa}.dark-mode .credits-next-credit{color:#666}@media (width<=768px){.admin-container{padding:0 .5rem}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem .3rem}.admin-dialog{width:95vw}}.tab-bodies{flex:1;width:100%;min-height:0;display:flex}.tab-body{flex:1;min-width:0;min-height:0;display:none}.tab-body-active{display:flex}.workspace-root{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}