:root{--bg: #f6f4ef;--ink: #141414;--muted: #6a665f;--panel: #fffdfa;--line: #d9d2c6;--accent: #165dff;--accent-dark: #0d43bd;--good: #11724e;--shadow: 0 18px 52px rgba(31, 27, 20, .12)}.shopify-section:has(.app-shell),.shopify-section:has(.app-shell) .page-width,.shopify-section:has(.app-shell) .container{max-width:none!important;width:100%!important}.velodic-sample-generator-section{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app-shell{min-height:100vh;padding:32px clamp(18px,3vw,54px)}.workspace{width:min(100%,1560px);max-width:none;margin:0 auto}.topbar,.velodic-hero,.results-header{display:flex;align-items:center;justify-content:space-between;gap:22px}.eyebrow{margin:0 0 7px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:34px}.velodic-hero h1,h2{max-width:760px;margin-bottom:8px;font-size:clamp(28px,3.4vw,46px);line-height:1.02}h3{margin-bottom:16px;font-size:25px}.velodic-hero{align-items:flex-end;margin:18px 0;padding:8px 22px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);height:auto;text-transform:none}.velodic-hero>div{margin:0;padding:0}.velodic-hero p{max-width:700px;margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.42;letter-spacing:0;text-transform:none}.status-pill{min-width:116px;padding:10px 14px;border-radius:999px;background:#e9f7ef;color:var(--good);font-weight:900;text-align:center}.main-grid{display:grid;grid-template-columns:minmax(520px,1.45fr) minmax(340px,.55fr);gap:24px}.control-panel,.info-panel,.results-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.control-panel{display:grid;gap:18px;padding:24px}label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.field-hint{color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}select{appearance:none;-webkit-appearance:none;width:100%;height:46px;padding:0 42px 0 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(45deg,transparent 50%,var(--ink) 50%) calc(100% - 19px) 19px / 7px 7px no-repeat,linear-gradient(135deg,var(--ink) 50%,transparent 50%) calc(100% - 14px) 19px / 7px 7px no-repeat,#fff;color:var(--ink);cursor:pointer}input[type=number]{width:100%;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.dropzone{min-height:178px;place-items:center;border:1px dashed #948d83;border-radius:8px;background:#faf8f2;color:var(--ink);cursor:pointer;text-align:center}.dropzone.is-dragging{border-color:var(--accent);background:#edf2ff;box-shadow:inset 0 0 0 2px #165dff29}.dropzone input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.drop-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:28px;line-height:1}.dropzone small{color:var(--muted)}.audio-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.audio-card span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}audio{width:100%}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.effect-combos{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.effect-combos span{margin-right:4px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.effect-combos button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#faf8f2;color:var(--ink);cursor:pointer;font-size:13px;font-weight:900}.effect-combos button:hover,.effect-combos button.is-active{border-color:var(--accent);background:#edf2ff;color:var(--accent-dark)}.effect-combos [data-combo=fx100]{border-color:#141414;background:#141414;color:#fff}.effect-combos [data-combo=fx100]:hover,.effect-combos [data-combo=fx100].is-active{border-color:var(--accent);background:var(--accent);color:#fff}fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:16px;border:1px solid var(--line);border-radius:8px}.effect-pool{align-items:start}legend{padding:0 6px;color:var(--muted);font-size:13px;font-weight:900}.effect-group{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.effect-group strong{color:var(--ink);font-size:13px;font-weight:900;text-transform:uppercase}.effect-group label{padding:0}.effect-group--movement{background:#fff7e8}.effect-group--tone{background:#f4f0ff}.effect-group--glitch{background:#eef7ff}.effect-group--space{background:#eefaf3}fieldset label{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:14px}.inline-check{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:14px}.primary-button,.ghost-button{min-height:44px;border:0;border-radius:8px;cursor:pointer;font-weight:900}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.primary-button:disabled{cursor:wait;background:#95a4c7}.ghost-button{padding:0 14px;border:1px solid var(--line);background:#fff;color:var(--ink)}.form-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.form-actions .ghost-button{min-width:120px}.info-panel,.results-panel{padding:24px}.signal-list{display:grid;gap:14px}.signal-list div{padding-bottom:14px;border-bottom:1px solid var(--line)}.signal-list span{display:block;margin-bottom:4px;color:var(--muted);font-size:13px;font-weight:800}.signal-list strong{font-size:18px}.note{margin:22px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.velodic-ad-slot{max-width:1180px;min-height:90px;margin:24px auto;padding:8px}.velodic-ad-slot--sidebar{margin:24px 0 0;padding:0}.velodic-ad-slot--results{min-height:96px;margin:18px 0 20px;padding:0}.privacy-note{max-width:860px;margin:22px auto 0;color:#6a665fb8;font-size:12px;line-height:1.5;text-align:center}.results-panel{margin-top:24px}.variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.variant-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.variant-card strong{font-size:16px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row span{padding:5px 8px;border-radius:999px;background:#edf2ff;color:var(--accent-dark);font-size:12px;font-weight:800}@media(max-width:860px){.app-shell{padding:18px}.topbar,.velodic-hero,.results-header{align-items:flex-start;flex-direction:column}.main-grid,.two-col,.form-actions,fieldset,.variant-grid{grid-template-columns:1fr}.velodic-hero{padding:18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/velodic-sample-generator.css.map */