*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0f1115;color:#e6e8eb}.page{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:8px;border:1px solid transparent;font-size:.95rem;cursor:pointer;text-decoration:none;background:#1f2430;color:#e6e8eb;transition:background .15s ease,border-color .15s ease}.btn:hover{background:#2a3140}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2f6fd6}.btn-secondary{background:#232838;border-color:#2f3648}.btn-danger{background:transparent;border-color:#5a2c34;color:#f08a96}.btn-danger:hover{background:#3a1c22}.btn-link{background:transparent;border:none;color:#9db4ff;padding:.55rem 0}.btn-large{padding:.8rem 1.6rem;font-size:1.05rem}.file-btn{width:fit-content}.home-page{display:flex;align-items:center;justify-content:center;padding:2rem}.home-card{max-width:720px;background:#161a23;border:1px solid #232838;border-radius:16px;padding:2.5rem}@media (max-width: 640px){.home-page{padding:1rem}.home-card{padding:1.5rem;border-radius:12px}.home-card h1{font-size:1.5rem}}.home-card h1{margin-top:0}.home-card p{line-height:1.6;color:#c4c9d4}.home-steps{line-height:1.8;color:#c4c9d4}.editor-page{padding:1.5rem 2rem 3rem}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.editor-header h1{margin:0;font-size:1.4rem}.error-banner{background:#3a1c22;border:1px solid #5a2c34;color:#f5b8c0;padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem}.editor-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}@media (max-width: 1100px){.editor-layout{grid-template-columns:1fr}}@media (max-width: 640px){.editor-page{padding:1rem 1rem 2rem}.editor-header{flex-wrap:wrap;gap:.6rem}.editor-header h1{order:-1;width:100%;font-size:1.2rem}.editor-layout,.editor-column-stack{gap:1.25rem}.editor-column{padding:1rem}.controls-grid{grid-template-columns:1fr}.pattern-grid{grid-template-columns:repeat(2,1fr)}.radio-row{flex-wrap:wrap}.radio-row input[type=number]{width:70px}}.editor-column-stack{display:flex;flex-direction:column;gap:2rem}.editor-column{background:#161a23;border:1px solid #232838;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}.editor-column h2{margin:.4rem 0 0;font-size:1.05rem;color:#c4c9d4}.scene-viewport{width:100%;border-radius:10px;overflow:hidden;border:1px solid #232838;background:#0b0d12;position:relative}.scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8b93a4}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.2rem}.controls-grid--1col{grid-template-columns:1fr}.controls-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#aab1c0}.controls-grid .radio-row{flex-direction:row;align-items:center}.controls-grid .radio-row select{flex:1}.controls-grid input[type=range]{width:100%}.radio-group-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#aab1c0}.radio-group{display:flex;gap:1rem}.radio-option{display:flex;flex-direction:row;align-items:center;gap:.3rem;font-size:.85rem;color:#aab1c0;cursor:pointer}.scale-control{display:flex;align-items:center;gap:.6rem}.scale-control .btn{padding:.2rem .7rem;line-height:1.4}.scale-value{min-width:3.5em;text-align:center;color:#e6e8eb;font-variant-numeric:tabular-nums}.depth-map-preview{width:100%;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;border:1px solid #232838;background:#0b0d12;display:flex;align-items:center;justify-content:center}.depth-map-preview img{width:100%;height:100%;object-fit:contain}.depth-map-placeholder{color:#6b7385;font-size:.9rem;padding:1rem;text-align:center}.pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pattern-option{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border-radius:8px;border:2px solid #232838;background:#0f131c;color:#aab1c0;cursor:pointer;font-size:.78rem;text-align:center}.pattern-option.selected{border-color:#3b82f6;color:#e6e8eb}.pattern-option img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.pattern-upload-icon{font-size:1.6rem;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#1c2230}.size-picker{display:flex;flex-direction:column;gap:.6rem}.radio-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#c4c9d4}.size-inputs{display:inline-flex;align-items:center;gap:.5rem}.radio-row select,.radio-row input[type=number]{background:#0f131c;border:1px solid #2f3648;color:#e6e8eb;border-radius:6px;padding:.3rem .5rem;width:90px}.result-block{display:flex;flex-direction:column;gap:.6rem}.result-image{width:100%;border-radius:10px;border:1px solid #232838}.lang-switcher{display:inline-flex;align-items:center;gap:.25rem}.lang-btn{background:transparent;border:none;color:#6b7385;font-size:.8rem;font-weight:600;letter-spacing:.04em;cursor:pointer;padding:.2rem .35rem;border-radius:4px;transition:color .15s ease}.lang-btn:hover{color:#c4c9d4}.lang-btn.active{color:#e6e8eb}.lang-sep{color:#2f3648;font-size:.75rem;-webkit-user-select:none;user-select:none}.home-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.home-card-header h1{margin:0}.editor-header-right{display:flex;align-items:center;gap:.75rem}.section-heading{display:flex;align-items:center;gap:.5rem;margin:.4rem 0 0}.section-heading h2{margin:0}.help-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:0;line-height:1;opacity:.6;transition:opacity .15s ease}.help-btn:hover{opacity:1}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.help-modal{background:#1a1f2e;border:1px solid #2f3648;border-radius:12px;padding:1.5rem 1.5rem 1.5rem 1.75rem;max-width:480px;width:100%;position:relative}.help-modal h3{margin:0 2rem 1rem 0;font-size:1rem;color:#e6e8eb}.help-modal ol{margin:0;padding-left:1.2rem;color:#c4c9d4;line-height:1.75;font-size:.9rem}.help-modal-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#6b7385;font-size:1rem;cursor:pointer;padding:.25rem .4rem;border-radius:4px;line-height:1;transition:color .15s ease}.help-modal-close:hover{color:#e6e8eb}