main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px;gap:28px}.iduri-layout{width:100%;max-width:760px;display:flex;flex-direction:column;gap:20px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.card-title{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding-bottom:12px}.upload-area{border:2px dashed var(--border);border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-area:hover,.upload-area.dragover{border-color:var(--accent);background:var(--bg3)}.upload-icon{font-size:40px}.upload-text{font-size:14px;color:var(--muted)}.iduri-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.iduri-preview-row{grid-template-columns:1fr}}.iduri-image-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;min-height:150px;padding:8px}.iduri-image-box img{max-width:100%;max-height:250px;border-radius:4px}.iduri-info-box{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;padding:6px 10px;background:var(--bg3);border-radius:var(--r)}.info-label{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:600}.info-val{font-family:JetBrains Mono,monospace;font-size:12px;color:#fff}.iduri-options-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.opt-group{display:flex;flex-direction:column;gap:6px}.opt-group label{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:600}.opt-input{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:8px 10px;border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:13px;width:100px;outline:none}.opt-input:focus{border-color:var(--accent)}.opt-range{width:120px;accent-color:var(--accent)}.range-val{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent)}.opt-select{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:8px 10px;border-radius:var(--r);font-size:13px;outline:none;cursor:pointer}.opt-select:focus{border-color:var(--accent)}.iduri-output-tabs{display:flex;gap:4px;flex-wrap:wrap}.tab-btn{padding:6px 14px;border:1px solid var(--border);background:var(--bg3);color:var(--muted);border-radius:var(--r);cursor:pointer;font-size:12px;transition:all .2s}.tab-btn:hover{border-color:var(--accent);color:var(--accent)}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.iduri-output-box{position:relative}.iduri-textarea{width:100%;min-height:120px;background:var(--bg3);border:1px solid var(--border);color:#fff;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px;border-radius:var(--r);resize:vertical;outline:none}.iduri-textarea:focus{border-color:var(--accent)}.copy-btn{position:absolute;top:8px;right:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg3);color:var(--text);transition:all .2s}.btn:hover{background:#30363d}.btn-primary{background:var(--accent);border-color:var(--accent);color:#000}.btn-primary:hover{background:#0091ea}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--accent-dim);color:var(--accent)}@media(max-width:768px){main{padding:20px 12px}.card{padding:16px}}.hidden{display:none}