:root{--bg: #0a0e15;--surface: #12161f;--surface-raised: #181d28;--surface-hover: #1e2431;--line: #232a38;--line-soft: #191f2a;--line-strong: #333d50;--paper: #f2f4f8;--paper-dim: #8790a3;--paper-faint: #545d70;--brass: #d8a85f;--brass-bright: #e9c480;--brass-soft: rgba(216, 168, 95, .12);--brass-soft-strong: rgba(216, 168, 95, .22);--on-brass: #191305;--teal: #57c2b7;--teal-soft: rgba(87, 194, 183, .14);--danger: #ef7b72;--danger-soft: rgba(239, 123, 114, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-panel: 0 1px 0 0 rgba(255, 255, 255, .04) inset, 0 1px 2px rgba(0, 0, 0, .35), 0 28px 48px -28px rgba(0, 0, 0, .65);--shadow-raised: 0 1px 0 0 rgba(255, 255, 255, .03) inset, 0 1px 2px rgba(0, 0, 0, .3);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .4);--shadow-pop: 0 32px 64px -20px rgba(0, 0, 0, .7);--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--content-max: 1440px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--bg);background-image:radial-gradient(ellipse 1100px 520px at 50% -8%,rgba(216,168,95,.06),transparent 60%),radial-gradient(circle at 1px 1px,var(--line-soft) 1px,transparent 0);background-size:100% 100%,30px 30px;background-attachment:fixed;color:var(--paper);font-family:var(--font-body);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);margin:0}p{margin:0}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer}svg{display:block}code{font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--line);padding:1px 6px;border-radius:5px;font-size:12px}::selection{background:var(--brass-soft-strong);color:var(--paper)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-full);border:2px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:#414c62}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,select:focus-visible,input:focus,select:focus{outline:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes drawerSlide{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.55}}.spin{animation:spin .85s linear infinite}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:40;padding:18px 32px;border-bottom:1px solid var(--line);background:#0a0e15d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;max-width:var(--content-max);margin:0 auto;width:100%}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.brand-mark-wrap{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--line)}.brand-mark{color:var(--brass);flex-shrink:0}.brand h1{font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--paper)}.brand-sub{margin:3px 0 0;color:var(--paper-faint);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em}.header-btn,.preview-actions button,.generate-btn,.drawer-close,.drawer-item-delete,.remove-project-btn,.add-project-btn,.logo-preview button{font-family:var(--font-body);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.header-btn{background:var(--surface-raised);border:1px solid var(--line);color:var(--paper-dim);font-size:13px;height:38px;padding:0 14px}.header-btn:hover{border-color:var(--line-strong);color:var(--paper);background:var(--surface-hover)}.header-btn svg{width:15px;height:15px;flex-shrink:0}.provider-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;padding:0 14px;height:38px;border-radius:var(--radius-full);border:1px solid var(--line);color:var(--paper-dim);background:var(--surface-raised)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--paper-faint);flex-shrink:0}.provider-badge.active{border-color:#57c2b759;color:var(--teal);background:var(--teal-soft)}.provider-badge.active .badge-dot{background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.meta-error{max-width:calc(var(--content-max) - 64px);margin:20px auto 0;padding:14px 18px;border:1px solid rgba(239,123,114,.3);background:var(--danger-soft);color:#f3b0ab;border-radius:var(--radius-md);font-size:13px;line-height:1.6;display:flex;align-items:flex-start;gap:12px}.meta-error-icon{width:18px;height:18px;color:var(--danger);flex-shrink:0;margin-top:1px}.meta-error code{background:#00000040;border-color:#ef7b7240;color:#f6c4c0}.kind-selector{display:flex;gap:12px;padding:20px 32px 4px;flex-wrap:wrap;max-width:var(--content-max);margin:0 auto;width:100%}.kind-tab{flex:1;min-width:230px;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;text-align:left;color:var(--paper);box-shadow:var(--shadow-raised);transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.kind-tab:hover{border-color:var(--line-strong);transform:translateY(-1px)}.kind-tab.active{border-color:#d8a85f73;background:linear-gradient(180deg,var(--brass-soft),rgba(216,168,95,.04))}.kind-tab-icon-wrap{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--line);color:var(--paper-dim);transition:color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.kind-tab-icon-wrap svg{width:19px;height:19px}.kind-tab.active .kind-tab-icon-wrap{color:var(--brass);background:var(--brass-soft-strong);border-color:#d8a85f66}.kind-tab-text{display:flex;flex-direction:column;gap:3px;min-width:0}.kind-tab-text strong{font-family:var(--font-display);font-size:14.5px;font-weight:600}.kind-tab-text span{font-size:12px;color:var(--paper-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-body{flex:1;display:grid;grid-template-columns:minmax(360px,420px) 1fr;gap:var(--sp-6);padding:var(--sp-6) 32px var(--sp-9);align-items:start;max-width:var(--content-max);margin:0 auto;width:100%}@media (max-width: 1080px){.app-body{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-7);box-shadow:var(--shadow-panel)}.panel-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0 0 var(--sp-6);color:var(--paper)}.step-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--on-brass);background:var(--brass);padding:3px 9px;border-radius:var(--radius-sm);font-weight:600}.section-label{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin:var(--sp-7) 0 var(--sp-4);padding-bottom:10px;border-bottom:1px solid var(--line)}.section-label svg{width:14px;height:14px;flex-shrink:0}.section-label:first-of-type{margin-top:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--sp-4)}.field-label{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--paper-dim)}.field input[type=text],.field input[type=email],.field input,.field select{background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow-inset);border-radius:var(--radius-md);padding:11px 13px;color:var(--paper);font-size:14px;font-family:inherit;height:42px;width:100%;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.field input::placeholder{color:var(--paper-faint)}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:var(--shadow-inset),0 0 0 3px var(--teal-soft)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 420px){.field-row{grid-template-columns:1fr}}.field-hint{font-size:11.5px;color:var(--paper-faint);margin:2px 0 0;line-height:1.5}.select-wrap{position:relative;display:flex}.select-wrap select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;cursor:pointer}.select-chevron{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--paper-faint);pointer-events:none}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-chip{position:relative;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:11px 32px 11px 13px;color:var(--paper-dim);font-size:13px;font-weight:500;text-align:left;transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.type-chip:hover{border-color:var(--line-strong);color:var(--paper)}.type-chip.active{border-color:#d8a85f80;background:var(--brass-soft);color:var(--brass-bright)}.type-chip-check{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--brass)}.palette-mode-toggle{display:flex;gap:6px;margin-bottom:12px}.palette-mode-toggle button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-raised);border:1px solid var(--line);color:var(--paper-dim);font-size:12px;font-weight:600;padding:9px 6px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.palette-mode-toggle button svg{width:13px;height:13px}.palette-mode-toggle button.active{border-color:#d8a85f80;color:var(--brass-bright);background:var(--brass-soft)}.palette-row{display:flex;gap:10px;flex-wrap:wrap}.palette-swatch{position:relative;width:34px;height:34px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.palette-swatch:hover{transform:translateY(-2px)}.palette-swatch.active{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.palette-swatch-check{width:14px;height:14px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.palette-caption{font-size:12px;color:var(--paper-dim);margin:10px 0 0;line-height:1.5}.custom-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 420px){.custom-color-grid{grid-template-columns:1fr}}.custom-color-field{display:flex;align-items:center;gap:10px;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:8px 10px;font-size:12px;color:var(--paper-dim);transition:border-color var(--dur-fast) var(--ease-standard)}.custom-color-field:hover{border-color:var(--line-strong)}.custom-color-field input[type=color]{width:28px;height:28px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0;background:none;cursor:pointer;flex-shrink:0}.custom-color-field-text{display:flex;flex-direction:column;gap:1px;min-width:0}.custom-color-field-text span:first-child{color:var(--paper-dim);font-weight:500}.custom-color-hex{font-family:var(--font-mono);font-size:10.5px;color:var(--paper-faint);text-transform:uppercase}.file-input{position:relative;display:flex;align-items:center;gap:9px;background:var(--surface-raised);border:1px dashed var(--line-strong);border-radius:var(--radius-md);padding:11px 13px;font-size:13px;color:var(--paper-dim);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.file-input svg{width:16px;height:16px;flex-shrink:0;color:var(--paper-faint)}.file-input:hover{border-color:var(--teal);color:var(--paper)}.file-input input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.logo-preview{display:flex;align-items:center;gap:12px;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:8px 10px}.logo-preview img{height:38px;width:38px;object-fit:contain;border-radius:var(--radius-sm);background:#fff;flex-shrink:0}.logo-preview button{margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--paper-dim);font-size:12px;font-weight:500;padding:7px 11px;height:auto}.logo-preview button svg{width:13px;height:13px}.logo-preview button:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.project-field-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px;margin-bottom:12px}.remove-project-btn{background:transparent;border:1px solid var(--line);color:var(--paper-dim);font-size:12px;font-weight:500;padding:7px 12px;height:34px}.remove-project-btn svg{width:13px;height:13px}.remove-project-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.add-project-btn{width:100%;background:var(--surface-raised);border:1px dashed var(--line-strong);color:var(--teal);font-size:13px;font-weight:600;padding:12px;height:44px;margin-bottom:var(--sp-4)}.add-project-btn svg{width:15px;height:15px}.add-project-btn:hover{border-color:var(--teal);background:var(--teal-soft)}.generate-btn{width:100%;height:46px;border:none;font-size:14.5px;background:linear-gradient(180deg,var(--brass-bright),var(--brass));color:var(--on-brass);margin-top:var(--sp-2);box-shadow:0 1px #ffffff4d inset,0 10px 24px -10px #d8a85f80}.generate-btn svg{width:17px;height:17px}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px #ffffff4d inset,0 14px 28px -10px #d8a85f99}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.error-text{color:var(--danger);font-size:12.5px;margin-top:var(--sp-3);display:flex;align-items:flex-start;gap:7px;line-height:1.5}.error-text svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.error-text.small{margin-top:7px;font-size:11.5px}.preview-panel{display:flex;flex-direction:column}.title-block{position:relative;border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:var(--sp-5);background:linear-gradient(180deg,rgba(216,168,95,.05),transparent 60%)}.title-block-tick{position:absolute;width:11px;height:11px;color:var(--brass);opacity:.5;pointer-events:none}.title-block-tick.tl{top:-1px;left:-1px;border-top:1.5px solid;border-left:1.5px solid;border-top-left-radius:4px}.title-block-tick.tr{top:-1px;right:-1px;border-top:1.5px solid;border-right:1.5px solid;border-top-right-radius:4px}.title-block-tick.bl{bottom:-1px;left:-1px;border-bottom:1.5px solid;border-left:1.5px solid;border-bottom-left-radius:4px}.title-block-tick.br{bottom:-1px;right:-1px;border-bottom:1.5px solid;border-right:1.5px solid;border-bottom-right-radius:4px}.title-block-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 16px;font-family:var(--font-mono)}@media (max-width: 640px){.title-block-grid{grid-template-columns:1fr 1fr;row-gap:12px}}.title-block-field{display:flex;flex-direction:column;gap:4px;min-width:0}.title-block-field span{font-size:9.5px;letter-spacing:.1em;color:var(--paper-faint)}.title-block-field strong{font-size:12.5px;font-weight:500;color:var(--paper);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-block-field strong.copy-ai{color:var(--teal)}.browser-frame{flex:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;min-height:440px;box-shadow:var(--shadow-panel)}.browser-chrome{background:var(--surface-raised);border-bottom:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;gap:12px;flex-shrink:0}.chrome-dots{display:flex;gap:6px;flex-shrink:0}.chrome-dots .dot{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.chrome-dots .dot-red{background:#d97066}.chrome-dots .dot-amber{background:#d6a94f}.chrome-dots .dot-green{background:#6cb083}.address-bar{flex:1;display:flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-full);padding:6px 12px;min-width:0}.address-bar svg{width:11px;height:11px;color:var(--paper-faint);flex-shrink:0}.address-bar span{font-family:var(--font-mono);font-size:11.5px;color:var(--paper-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-viewport{flex:1;background:#fff;display:flex}.empty-state{margin:auto;color:var(--paper-faint);font-size:13.5px;text-align:center;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.empty-state-icon{width:34px;height:34px;color:#c4c9d4;opacity:.6}.empty-state p{max-width:280px;line-height:1.6;color:#8a8f99}.preview-iframe{width:100%;height:100%;border:none;min-height:440px;animation:fadeIn var(--dur-slow) var(--ease-out)}.preview-actions{display:flex;gap:12px;margin-top:var(--sp-5)}.preview-actions button{flex:1;height:46px;font-size:14px}.preview-actions button:not(.primary){background:var(--surface-raised);color:var(--paper);border:1px solid var(--line)}.preview-actions button:not(.primary):hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover)}.preview-actions button svg{width:16px;height:16px}.preview-actions button.primary{background:linear-gradient(180deg,#66cdc3,var(--teal));color:#06211e;border:none;box-shadow:0 1px #ffffff40 inset,0 10px 24px -10px #57c2b773}.preview-actions button.primary:hover:not(:disabled){transform:translateY(-1px)}.preview-actions button:disabled{opacity:.55;cursor:not-allowed}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080da6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;z-index:200;animation:overlayFade var(--dur-base) var(--ease-standard)}.drawer{width:360px;max-width:88vw;height:100%;background:var(--surface);border-right:1px solid var(--line);padding:var(--sp-6);overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-pop);animation:drawerSlide var(--dur-slow) var(--ease-out)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.drawer-header h2{font-size:17px;font-weight:600}.drawer-close{background:var(--surface-raised);border:1px solid var(--line);color:var(--paper-dim);width:32px;height:32px;padding:0;border-radius:var(--radius-sm)}.drawer-close svg{width:16px;height:16px}.drawer-close:hover{color:var(--paper);border-color:var(--line-strong)}.drawer-status{color:var(--paper-dim);font-size:13px;line-height:1.6;display:flex;align-items:center;gap:9px}.drawer-status svg{width:15px;height:15px;flex-shrink:0}.drawer-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:40px 12px;color:var(--paper-faint)}.drawer-empty svg{width:30px;height:30px;opacity:.6}.drawer-empty p{font-size:13px;line-height:1.6;max-width:220px}.drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.drawer-item{display:flex;align-items:stretch;gap:7px}.drawer-item-main{flex:1;display:flex;align-items:center;gap:11px;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:11px 13px;cursor:pointer;text-align:left;min-width:0;font-family:inherit;color:var(--paper);transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.drawer-item-main:hover{border-color:var(--line-strong)}.drawer-item.active .drawer-item-main{border-color:#d8a85f73;background:var(--brass-soft)}.drawer-item-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #ffffff0d}.drawer-item-text{display:flex;flex-direction:column;gap:3px;min-width:0}.drawer-item-text strong{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-item-text span{font-size:11px;color:var(--paper-faint);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-item-delete{background:var(--surface-raised);border:1px solid var(--line);color:var(--paper-dim);border-radius:var(--radius-md);width:38px;flex-shrink:0;padding:0}.drawer-item-delete svg{width:15px;height:15px}.drawer-item-delete:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.drawer-item-delete:disabled{opacity:.5;cursor:default}@media (max-width: 720px){.app-header{padding:16px 20px}.kind-selector{padding:16px 20px 0}.app-body{padding:var(--sp-5) 20px var(--sp-8)}.panel{padding:var(--sp-5)}.meta-error{margin-left:20px;margin-right:20px}.kind-tab{min-width:100%}}@media (max-width: 480px){.header-actions{width:100%;justify-content:space-between}.provider-badge span:not(.badge-dot){display:none}.provider-badge{padding:0 10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}