:root{--pw-shell-max-width: 720px;--pw-shell-padding: 24px;--pw-shell-gap: 20px;--pw-shell-radius: 10px;--pw-color-bg: #ffffff;--pw-color-border: #dbe4f0;--pw-color-text: #1f2937;--pw-color-muted: #5b677a;--pw-color-primary: #2563eb;--pw-color-primary-light: rgba(37, 99, 235, .12);--pw-color-btn-bg: #f8fbff;--pw-color-btn-border: #c2d0e5;--pw-dot-size: 32px;--pw-dot-font-size: 13px;--pw-track-height: 4px;--pw-btn-padding: 8px 16px;--pw-btn-radius: 6px}.pw-shell{max-width:var(--pw-shell-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--pw-shell-gap);padding:var(--pw-shell-padding);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--pw-color-text)}.pw-shell__empty{text-align:center;padding:32px 16px;color:var(--pw-color-muted)}.pw-shell__start-btn{margin-top:12px;border:1px solid var(--pw-color-btn-border);background:var(--pw-color-btn-bg);color:var(--pw-color-text);padding:var(--pw-btn-padding);border-radius:var(--pw-btn-radius);cursor:pointer;font-size:14px}.pw-shell__root-progress{background:var(--pw-color-bg);border:1px solid var(--pw-color-border);border-radius:var(--pw-shell-radius);padding:20px 24px 16px}.pw-shell__root-progress .pw-shell__steps{display:flex;justify-content:space-between;margin-bottom:12px}.pw-shell__root-progress .pw-shell__step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.pw-shell__root-progress+.pw-shell__header{margin-top:calc(-1 * var(--pw-shell-gap));border-top:1px solid var(--pw-color-border);border-top-left-radius:0;border-top-right-radius:0;padding:12px 24px;opacity:.6}.pw-shell__root-progress:has(+.pw-shell__header){border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:12px}.pw-shell__root-progress+.pw-shell__header .pw-shell__steps{margin-bottom:6px}.pw-shell__root-progress+.pw-shell__header .pw-shell__step-dot{width:22px;height:22px;font-size:10px}.pw-shell__root-progress+.pw-shell__header .pw-shell__step-label{font-size:10px}.pw-shell__root-progress+.pw-shell__header .pw-shell__track{height:3px}.pw-shell--progress-split .pw-shell__root-progress+.pw-shell__header{margin-top:0;border-top:1px solid var(--pw-color-border);border-radius:var(--pw-shell-radius)}.pw-shell--progress-split .pw-shell__root-progress:has(+.pw-shell__header){border-radius:var(--pw-shell-radius);padding-bottom:16px}.pw-shell__header{background:var(--pw-color-bg);border:1px solid var(--pw-color-border);border-radius:var(--pw-shell-radius);padding:20px 24px 16px}.pw-shell__steps{display:flex;justify-content:space-between;margin-bottom:12px}.pw-shell__step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.pw-shell__step-dot{width:var(--pw-dot-size);height:var(--pw-dot-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--pw-dot-font-size);font-weight:600;border:2px solid var(--pw-color-border);background:var(--pw-color-bg);color:var(--pw-color-muted);transition:all .25s ease}.pw-shell__step--completed .pw-shell__step-dot{background:var(--pw-color-primary);border-color:var(--pw-color-primary);color:#fff}.pw-shell__step--current .pw-shell__step-dot{border-color:var(--pw-color-primary);color:var(--pw-color-primary);box-shadow:0 0 0 3px var(--pw-color-primary-light)}.pw-shell__step-label{font-size:12px;color:var(--pw-color-muted);text-align:center;white-space:nowrap}.pw-shell__step--current .pw-shell__step-label{color:var(--pw-color-primary);font-weight:600}.pw-shell__step--completed .pw-shell__step-label{color:var(--pw-color-text)}.pw-shell__track{height:var(--pw-track-height);background:var(--pw-color-border);border-radius:calc(var(--pw-track-height) / 2);overflow:hidden}.pw-shell__track-fill{height:100%;background:var(--pw-color-primary);border-radius:calc(var(--pw-track-height) / 2);transition:width .3s ease}.pw-shell__body{background:var(--pw-color-bg);border:1px solid var(--pw-color-border);border-radius:var(--pw-shell-radius);padding:var(--pw-shell-padding);min-height:120px}:root{--pw-color-error: #dc2626;--pw-color-error-bg: #fef2f2;--pw-color-error-border: #fecaca;--pw-color-warning: #d97706;--pw-color-warning-bg: #fffbeb;--pw-color-warning-border: #fde68a}.pw-shell__validation{list-style:none;margin:0;padding:12px 16px;background:var(--pw-color-error-bg);border:1px solid var(--pw-color-error-border);border-radius:var(--pw-shell-radius);display:flex;flex-direction:column;gap:4px}.pw-shell__validation-item{font-size:13px;color:var(--pw-color-error);padding-left:16px;position:relative}.pw-shell__validation-item:before{content:"\2022";position:absolute;left:4px}.pw-shell__validation-label{font-weight:600;margin-right:3px}.pw-shell__validation-label:after{content:":"}.pw-shell__warnings{list-style:none;margin:0;padding:12px 16px;background:var(--pw-color-warning-bg);border:1px solid var(--pw-color-warning-border);border-radius:var(--pw-shell-radius);display:flex;flex-direction:column;gap:4px}.pw-shell__warnings-item{font-size:13px;color:var(--pw-color-warning);padding-left:16px;position:relative}.pw-shell__warnings-item:before{content:"\2022";position:absolute;left:4px}.pw-shell__warnings-label{font-weight:600;margin-right:3px}.pw-shell__warnings-label:after{content:":"}.pw-shell__footer{display:flex;justify-content:space-between;align-items:center}.pw-shell__footer-left,.pw-shell__footer-right{display:flex;gap:8px}.pw-shell__btn{border:1px solid var(--pw-color-btn-border);background:var(--pw-color-btn-bg);color:var(--pw-color-text);padding:var(--pw-btn-padding);border-radius:var(--pw-btn-radius);cursor:pointer;font-size:14px;transition:background .15s ease,border-color .15s ease}.pw-shell__btn:hover:not(:disabled){background:var(--pw-color-border)}.pw-shell__btn:disabled{opacity:.5;cursor:not-allowed}.pw-shell__btn--next{background:var(--pw-color-primary);border-color:var(--pw-color-primary);color:#fff}.pw-shell__btn--next:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.pw-shell__btn--back{background:transparent;border-color:var(--pw-color-primary);color:var(--pw-color-primary)}.pw-shell__btn--back:hover:not(:disabled){background:var(--pw-color-primary-light)}.pw-shell__btn--cancel{color:var(--pw-color-muted);border-color:transparent;background:transparent}.pw-shell__btn--cancel:hover:not(:disabled){background:var(--pw-color-primary-light)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f7fb;color:#1f2937}*{box-sizing:border-box}
