*{margin:0;padding:0}#root{min-height:100svh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#1a1d23;background:#f4f5f7;margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{flex-direction:column;align-items:center;min-height:100vh;padding:0 16px 48px;display:flex}.header{border-bottom:1px solid #e3e5ea;justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-bottom:32px;padding:20px 0;display:flex}.header__left{flex-direction:column;gap:2px;display:flex}.header__brand{color:#1a1d23;margin:0;font-size:1.6rem;font-weight:700}.header__tagline{color:#5b6270;margin:0;font-size:.9rem}.header__right{flex-shrink:0}.signin-btn{color:#fff;cursor:pointer;background:#6c7cff;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.signin-btn:hover{background:#5567f5;transform:translateY(-1px)}.profile-btn{cursor:pointer;background:#fff;border:1px solid #e3e5ea;border-radius:24px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:border-color .15s,box-shadow .15s;display:flex}.profile-btn:hover{border-color:#6c7cff;box-shadow:0 2px 8px #6c7cff26}.profile-btn__avatar{color:#fff;background:#6c7cff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.profile-btn__name{color:#3a3f4b;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.88rem;font-weight:500;overflow:hidden}.card{background:#fff;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:520px;padding:32px;display:flex;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000f}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;max-width:900px;display:grid}.tile{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e5ea;border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;font-family:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0000000f}.tile:hover{border-color:#6c7cff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tile__icon{font-size:2rem;line-height:1}.tile__title{color:#1a1d23;font-size:1.05rem;font-weight:700}.tile__description{color:#6b7280;font-size:.88rem;line-height:1.4}.view{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:520px;display:flex}.view__title{color:#1a1d23;align-self:flex-start;margin:0;font-size:1.3rem}.back-link{color:#6c7cff;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:.9rem;font-weight:600}.back-link:hover{text-decoration:underline}.dropzone{text-align:center;cursor:pointer;border:2px dashed #c7cbd3;border-radius:12px;flex-direction:column;gap:6px;padding:40px 20px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:#6c7cff}.dropzone--active{background:#f2f3ff;border-color:#6c7cff}.dropzone--filled{background:#f2fbf6;border-style:solid;border-color:#4caf7d}.dropzone__title{font-size:1rem;font-weight:600}.dropzone__filename{word-break:break-all;font-size:1rem;font-weight:600}.dropzone__meta{color:#7d838f;font-size:.85rem}.fields{flex-direction:column;gap:16px;display:flex}.fields--disabled{opacity:.5}.hint{color:#9aa0aa;text-align:center;margin:0;font-size:.85rem}.field{color:#3a3f4b;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.field select{color:#1a1d23;background:#fff;border:1px solid #d7dae0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.95rem;font-weight:400}.field select:disabled,.field input:disabled{cursor:not-allowed;background:#f4f5f7}.radio-row input:disabled{cursor:not-allowed}.field small{color:#8a8f99;font-weight:400}.field--checkbox{flex-direction:row;align-items:flex-start;gap:8px}.field--checkbox input[type=checkbox]{margin-top:2px;transform:scale(1.1)}.field--checkbox span{flex:1}.field--checkbox small{margin-top:4px;margin-left:24px}.field-group{background:#fafbfc;border:1px solid #e8eaed;border-radius:8px;padding:16px}.field-group h4{color:#5f6368;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:.9rem;font-weight:600}.field-group .field{margin-bottom:12px}.field-group .field:last-child{margin-bottom:0}.field--radio{border:none;margin:0;padding:0}.radio-row{gap:20px;font-size:.95rem;font-weight:400;display:flex}.radio-row--stacked{flex-direction:column;gap:10px}.radio-row label{align-items:center;gap:6px;display:flex}.advanced{border:1px solid #e3e5ea;border-radius:10px;overflow:hidden}.advanced--disabled .advanced__toggle,.advanced__toggle:disabled{cursor:not-allowed;color:#b7bbc3}.advanced__toggle{cursor:pointer;color:#3a3f4b;background:#fafbfc;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.advanced__toggle:hover{background:#f2f3f5}.advanced__toggle small{color:#9aa0aa;font-weight:400}.advanced__body{border-top:1px solid #e3e5ea;flex-direction:column;gap:16px;padding:16px;display:flex}.advanced__hint{color:#7d838f;margin:0;font-size:.85rem}.advanced .field input[type=text]{color:#1a1d23;background:#fff;border:1px solid #d7dae0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.95rem;font-weight:400}.advanced .field select{max-width:100%}.actions{gap:12px;display:flex}.submit{color:#fff;cursor:pointer;background:#6c7cff;border:none;border-radius:8px;flex:1;padding:12px 20px;font-size:1rem;font-weight:600;transition:background .15s}.submit:hover:not(:disabled){background:#5567f5}.submit:disabled{cursor:not-allowed;background:#c7cbd3}.reset{color:#3a3f4b;cursor:pointer;background:#fff;border:1px solid #d7dae0;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;transition:background .15s,border-color .15s}.reset:hover:not(:disabled){background:#f4f5f7;border-color:#c7cbd3}.reset:disabled{color:#c7cbd3;cursor:not-allowed}.alert{border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;font-size:.9rem;display:flex}.alert--error{color:#b3261e;background:#fdecea}.alert--success{color:#1c5e3d;background:#eafaf0}.download-link{color:#fff;background:#1c5e3d;border-radius:6px;align-self:flex-start;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none}.footer{color:#9aa0aa;margin-top:32px;font-size:.8rem}.sub-tool{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.sub-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sub-tab{color:#3a3f4b;cursor:pointer;background:#fff;border:1px solid #d7dae0;border-radius:20px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.sub-tab:hover{border-color:#6c7cff}.sub-tab--active{color:#fff;background:#6c7cff;border-color:#6c7cff}.info-panel{flex-direction:column;gap:12px;display:flex}.info-panel__title{color:#3a3f4b;margin:0;font-size:.95rem}.info-grid{grid-template-columns:140px 1fr;gap:4px 12px;margin:0;font-size:.88rem;display:grid}.info-grid dt{color:#9aa0aa}.info-grid dd{color:#1a1d23;word-break:break-word;margin:0}.slideshow{margin-top:24px}.slideshow__title{color:#1a1d23;margin:0;font-size:1.2rem}.image-list{flex-direction:column;gap:8px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.image-list__item{cursor:grab;background:#fafbfc;border:1px solid #e3e5ea;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.image-list__item:active{cursor:grabbing}.image-list__handle{color:#b7bbc3;font-size:1rem;line-height:1}.image-list__index{color:#6c7cff;min-width:1.5em;font-size:.85rem;font-weight:600}.image-list__name{text-overflow:ellipsis;white-space:nowrap;color:#1a1d23;flex:1;font-size:.9rem;overflow:hidden}.image-list__size{color:#9aa0aa;white-space:nowrap;font-size:.8rem}.image-list__remove{color:#b7bbc3;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.9rem}.image-list__remove:hover{color:#b3261e;background:#fdecea}.field input[type=file]{padding:6px 0;font-size:.9rem}.field input[type=file]:disabled{color:#b7bbc3}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.modal-header{justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1}.modal-close:hover{color:#333}.modal-content{padding:1.5rem}.auth-reason{background:#f0f7ff;border:1px solid #b3d9ff;border-radius:4px;margin-bottom:1rem;padding:.75rem}.auth-reason p{color:#1f4788;margin:0}.auth-providers{flex-direction:column;gap:1.5rem;display:flex}.email-auth h3,.oauth-providers h3{color:#333;margin:0 0 1rem;font-size:1rem}.form-group{margin-bottom:1rem}.form-group label{color:#333;margin-bottom:.25rem;font-weight:500;display:block}.form-group input{border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem;font-size:1rem}.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.form-group input:disabled{color:#666;background:#f8f9fa}.button{cursor:pointer;text-align:center;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;text-decoration:none;transition:background-color .2s;display:inline-block}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{color:#fff;background:#007bff}.button--primary:hover:not(:disabled){background:#0056b3}.button--secondary{color:#fff;background:#6c757d}.button--secondary:hover:not(:disabled){background:#5a6268}.button--oauth{width:100%;margin-bottom:.5rem;padding:.75rem}.button--google{color:#fff;background:#db4437}.button--google:hover:not(:disabled){background:#c23321}.button--github{color:#fff;background:#333}.button--github:hover:not(:disabled){background:#24292e}.button--microsoft{color:#fff;background:#0078d4}.button--microsoft:hover:not(:disabled){background:#106ebe}.button-group{flex-wrap:wrap;gap:.5rem;display:flex}.button-group .button{flex:1;min-width:120px}.auth-step{text-align:center}.auth-step p{color:#666;margin-bottom:1.5rem}.user-info{text-align:left}.user-info p{margin:.5rem 0}.user-info button{margin-top:1rem}.header-auth{text-align:center;margin-top:1rem}.user-display{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem;font-size:.9rem;display:flex}.user-info-compact{color:#666}.auth-button{color:#007bff;cursor:pointer;background:0 0;border:1px solid #007bff;border-radius:4px;padding:.25rem .5rem;font-size:.9rem}.auth-button:hover{color:#fff;background:#007bff}@media (width<=600px){.header{flex-direction:column;align-items:flex-start;gap:12px}.header__right{align-self:flex-end}.profile-btn__name{display:none}}.alert--warning{color:#856404;background:#fff3cd;border:1px solid #ffeaa7}