.step-drawer{background:var(--bg-light);border-top-left-radius:var(--space-3);border-top-right-radius:var(--space-3);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-4);left:50%;max-width:var(--page-width);opacity:0;padding:var(--space-4);position:fixed;transform:translate(-50%,100%);transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .28s ease;width:100%;will-change:transform,opacity}.step-drawer.open{opacity:1;transform:translate(-50%)}.step-drawer.closing{opacity:0;transform:translate(-50%,100%)}.step-drawer .display{align-items:center;background:var(--bg-dark);border:1px solid var(--border-muted);border-radius:var(--space-3);color:var(--text-muted);display:flex;justify-content:center;min-height:324px;overflow:hidden}.inputs{gap:var(--space-4)}.input-row,.inputs{display:flex;flex-direction:column}.input-row{gap:var(--space-2)}.input-row-label{color:var(--text-muted);font-size:var(--space-4)}.input-row input,.input-row-label{font-family:Owners Wide,sans-serif;letter-spacing:1px}.input-row input{background:var(--bg-light);border:none;border:1px solid var(--border-muted);border-radius:var(--space-2);color:var(--text);outline:none;padding:var(--space-3) var(--space-4);transition:box-shadow .2s}.input-row input:focus{box-shadow:0 0 0 1px var(--primary) inset}.buttons{display:flex;gap:var(--space-4);justify-content:flex-end}.btn-reset,.buttons,.buttons button{font-family:Owners Wide,sans-serif;letter-spacing:1px}.btn-reset,.buttons button{background:var(--border-muted);border:1px solid var(--border);border-radius:var(--space-3);color:var(--text);cursor:pointer;height:45px;min-width:100px;transition:background .2s,border-color .2s,transform .1s}.btn-reset:hover,.buttons button:hover{background:var(--highlight);border-color:var(--highlight)}.btn-reset:active,.buttons button:active{transform:scale(.97)}button[data-role=primary]{background:var(--primary);color:var(--bg-dark)}button[data-role=secondary]{background:var(--secondary);color:var(--bg-dark)}button[data-role=danger]{background:var(--danger);color:var(--bg-dark)}.dropbox,button[data-full="1"]{width:100%}.dropbox{align-items:center;background:var(--bg-light);border:1px dashed var(--border);border-radius:var(--space-3);display:flex;gap:var(--space-3);justify-content:center;min-height:128px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropbox.dragover{background:color-mix(in oklch,var(--bg-light) 80%,var(--primary));border-color:var(--primary)}.dropbox-icon{color:var(--text-muted);font-size:1.25rem}.dropbox-text{color:var(--text-muted);font-family:Owners Wide,sans-serif;letter-spacing:1px}.dropbox-preview{border:1px solid var(--border-muted);border-radius:var(--space-2);height:256px;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:auto}.dropbox-controls{bottom:0;display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-3);position:absolute;right:0}.mic-wrap{min-height:200px}.mic-wrap.mic-horizontal{align-items:center;background:var(--bg-light);border:1px solid var(--border-muted);border-radius:var(--space-3);display:grid;gap:var(--space-4);grid-template-columns:1fr auto auto;padding:var(--space-3)}.mic-wrap .dropbox-controls{position:unset}.mic-canvas{background:var(--bg);border:1px solid var(--border-muted);border-radius:var(--space-2);height:128px;width:100%}.mic-time{color:var(--text-muted);font-size:.875rem;min-width:48px;text-align:right}.mic-btn-group{align-items:center;display:flex;gap:var(--space-3)}.mic-round{background:var(--border-muted);border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer;display:grid;height:42px;place-items:center;transition:background .2s,transform .1s;width:42px}.mic-round:hover{background:var(--highlight)}.mic-round:active{transform:scale(.92)}.img-preview{height:100%;width:100%}.img-preview img{height:261px;-o-object-fit:contain;object-fit:contain;width:100%}.img-camera{height:100%;width:100%}.img-camera video{height:261px;-o-object-fit:contain;object-fit:contain;width:100%}.img-chooser{border-radius:var(--space-3);gap:var(--space-4);justify-content:space-between;padding:var(--space-2) 0}.img-btn,.img-chooser{align-items:center;display:flex}.img-btn{border:1px solid var(--border-muted);border-radius:var(--space-2);color:var(--text);cursor:pointer;flex-direction:column;font-family:Owners Wide,sans-serif;gap:var(--space-2);height:calc(var(--space-10)*4);justify-content:center;letter-spacing:1px;padding:var(--space-4);transition:background .2s,transform .1s;width:100%}.img-btn:hover{background:var(--highlight);border-color:var(--highlight)}.img-btn.upload .icon{font-size:var(--space-10);line-height:var(--space-8)}.img-upload{display:flex;flex-direction:column;gap:var(--space-2)}.image-wrap button{align-items:center;background:transparent;border:1px solid var(--border-muted);border-radius:var(--space-2);color:var(--text);display:flex;height:var(--space-8);justify-content:center;margin-left:auto;padding:var(--space-1) var(--space-2);width:100%}.image-wrap button:disabled{opacity:.5}.camera-controls{display:flex;gap:var(--space-2)}.mic-chooser{border-radius:var(--space-3);gap:var(--space-4);justify-content:space-between;padding:var(--space-2) 0}.mic-btn,.mic-chooser{align-items:center;display:flex}.mic-btn{border:1px solid var(--border-muted);border-radius:var(--space-2);color:var(--text);cursor:pointer;flex-direction:column;font-family:Owners Wide,sans-serif;gap:var(--space-2);height:calc(var(--space-10)*4);justify-content:center;letter-spacing:1px;padding:var(--space-4);transition:background .2s,transform .1s;width:100%}.mic-btn:hover{background:var(--highlight);border-color:var(--highlight)}.mic-btn.upload .icon{font-size:var(--space-10);line-height:var(--space-8)}.mic-preview,.mic-recorder{flex-direction:column;position:relative}.mic-controls,.mic-preview,.mic-recorder{display:flex;gap:var(--space-2)}.mic-controls button{align-items:center;background:transparent;border:1px solid var(--border-muted);border-radius:var(--space-2);color:var(--text);display:flex;height:var(--space-8);justify-content:center;width:100%}.mic-controls button:disabled{opacity:.5}.mic-time{background-color:var(--highlight);color:var(--text);font-size:var(--space-4);left:var(--space-2);padding:var(--space-1) var(--space-2);position:absolute;top:var(--space-2)}.toggle-switch{cursor:pointer;display:inline-block;height:22px;position:relative;width:42px}.toggle-switch input{display:none}.toggle-switch .slider{background:#999;border-radius:22px;inset:0;position:absolute;transition:.3s}.toggle-switch .slider:before{background:#fff;border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:.3s;width:18px}.toggle-switch input:checked+.slider{background:var(--primary,#4caf50)}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-picker .icon-option{background:#222;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:24px;padding:6px}.icon-picker .icon-option.selected{border-color:var(--primary,#4caf50)}.step-loading-overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(0,0,0,.35);display:flex;inset:0;justify-content:center;position:absolute;z-index:50}.steps-instruction{color:var(--text)}.display{position:relative}.display img,.display video{height:320px;position:absolute;width:auto;z-index:0}.media-preview{height:320px;position:absolute;width:100%;z-index:0}.media-preview img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.progress-bar{background:hsla(0,0%,100%,.15);border-radius:4px;bottom:calc(var(--space-1)*-1);height:8px;margin-top:14px;overflow:hidden;position:absolute;width:100%}.progress-bar .progress{background:var(--primary);height:100%;transition:width .5s ease-out}.progress-label{background-color:var(--bg-dark);color:var(--text);font-size:14px;opacity:1;padding:var(--space-1) var(--space-2);position:absolute;text-align:center}