.ds-button[data-v-c9a64318]{font-family:inherit}.ds-button__spinner[data-v-c9a64318]{flex:0 0 auto}.ds-workspace-sidebar[data-v-1f1e980f]{--ds-sidebar-primary:var(--primary-color,#3182f6);--ds-sidebar-primary-dark:var(--primary-dark,#1b64da);--ds-sidebar-primary-light:var(--primary-light,#e8f3ff);--ds-sidebar-primary-lighter:var(--primary-lighter,#f0f7ff);--ds-sidebar-text:var(--text-primary,#191f28);--ds-sidebar-muted:var(--text-secondary,#4e5968);--ds-sidebar-tertiary:var(--text-tertiary,#8b95a1);--ds-sidebar-bg:var(--background-primary,#fff);--ds-sidebar-bg-soft:var(--background-secondary,#f9fafb);--ds-sidebar-icon-bg:var(--background-tertiary,#f2f4f6);--ds-sidebar-border:var(--border-primary,#e5e8eb);--ds-sidebar-border-light:var(--border-light,#f2f4f6);--ds-sidebar-success:var(--success-color,#0d9b4e);--ds-sidebar-radius:var(--radius-lg,12px);--ds-sidebar-shadow-xs:var(--shadow-xs,0 1px 2px rgba(0,0,0,.04))}.ds-workspace-sidebar--workspace[data-v-1f1e980f]{background:var(--ds-sidebar-bg);border-right:1px solid var(--ds-sidebar-border);color:var(--ds-sidebar-text);display:flex;flex-direction:column;height:100%;min-width:288px;width:288px}.ds-workspace-sidebar__header[data-v-1f1e980f]{border-bottom:1px solid var(--ds-sidebar-border-light);padding:24px 20px 18px}.ds-workspace-sidebar__brand[data-v-1f1e980f]{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;gap:12px;padding:0;text-align:left;width:100%}.ds-workspace-sidebar__brand-mark[data-v-1f1e980f]{align-items:center;background:var(--ds-sidebar-primary);border-radius:10px;box-shadow:var(--ds-sidebar-shadow-xs);display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;overflow:hidden;width:38px}.ds-workspace-sidebar__brand-mark img[data-v-1f1e980f]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ds-workspace-sidebar__brand-copy[data-v-1f1e980f],.ds-workspace-sidebar__item-copy[data-v-1f1e980f],.ds-workspace-sidebar__user-copy[data-v-1f1e980f]{display:block;min-width:0}.ds-workspace-sidebar__brand-copy strong[data-v-1f1e980f],.ds-workspace-sidebar__user-copy strong[data-v-1f1e980f]{color:var(--ds-sidebar-text);display:block;font-size:17px;font-weight:800;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-workspace-sidebar__brand-copy small[data-v-1f1e980f],.ds-workspace-sidebar__item-copy small[data-v-1f1e980f],.ds-workspace-sidebar__user-copy small[data-v-1f1e980f]{color:var(--ds-sidebar-tertiary);display:block;font-size:12px;font-weight:650;line-height:1.35;margin-top:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-workspace-sidebar__nav[data-v-1f1e980f]{grid-gap:6px;align-content:start;display:grid;gap:6px;overflow-y:auto;padding:18px 14px}.ds-workspace-sidebar__item[data-v-1f1e980f]{grid-gap:10px;align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--ds-sidebar-radius);color:var(--ds-sidebar-muted);cursor:pointer;display:grid;gap:10px;grid-template-columns:36px minmax(0,1fr);min-height:58px;padding:12px;text-align:left;width:100%}.ds-workspace-sidebar__item.active[data-v-1f1e980f],.ds-workspace-sidebar__item[data-v-1f1e980f]:hover{background:var(--ds-sidebar-primary-lighter);border-color:var(--ds-sidebar-primary-light);color:var(--ds-sidebar-primary-dark)}.ds-workspace-sidebar__item.active small[data-v-1f1e980f]{color:var(--ds-sidebar-primary-dark)}.ds-workspace-sidebar__item-icon[data-v-1f1e980f]{align-items:center;background:var(--ds-sidebar-icon-bg);border-radius:var(--ds-sidebar-radius);color:var(--ds-sidebar-muted);display:inline-flex;height:36px;justify-content:center;width:36px}.ds-workspace-sidebar__item.active .ds-workspace-sidebar__item-icon[data-v-1f1e980f],.ds-workspace-sidebar__item:hover .ds-workspace-sidebar__item-icon[data-v-1f1e980f]{background:var(--ds-sidebar-primary);color:var(--ds-sidebar-bg)}.ds-workspace-sidebar__item-copy strong[data-v-1f1e980f]{color:currentColor;display:block;font-size:15px;font-weight:800;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-workspace-sidebar__footer[data-v-1f1e980f]{align-items:center;background:var(--ds-sidebar-bg-soft);border:1px solid var(--ds-sidebar-border);border-radius:var(--ds-sidebar-radius);display:flex;gap:10px;margin:auto 14px 16px;padding:12px}.ds-workspace-sidebar__user[data-v-1f1e980f]{align-items:center;display:flex;flex:1;gap:10px;min-width:0}.ds-workspace-sidebar__avatar[data-v-1f1e980f]{background:var(--ds-sidebar-success);border-radius:8px;color:var(--ds-sidebar-bg);font-size:12px;font-weight:900;height:36px;letter-spacing:0;width:36px}.ds-workspace-sidebar__avatar[data-v-1f1e980f],.ds-workspace-sidebar__logout[data-v-1f1e980f]{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center}.ds-workspace-sidebar__logout[data-v-1f1e980f]{background:var(--ds-sidebar-bg);border:1px solid var(--ds-sidebar-border);border-radius:var(--ds-sidebar-radius);color:var(--ds-sidebar-muted);cursor:pointer;height:34px;width:34px}.ds-workspace-sidebar__logout[data-v-1f1e980f]:hover{background:var(--ds-sidebar-primary-light);color:var(--ds-sidebar-primary-dark)}.toss-btn{border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:0;padding:16px 20px;transition:all .2s ease}.toss-btn.v-btn--disabled,.toss-btn:disabled,.toss-btn[disabled]{box-shadow:none!important;cursor:not-allowed!important;outline:none!important}.toss-btn.primary-btn{background:#3182f6;border-color:#3182f6;color:#fff}.toss-btn.primary-btn:hover:not(:disabled){background:#1b64da;border-color:#1b64da}.toss-btn.primary-btn:active:not(:disabled){background:#1957c2;border-color:#1957c2;transform:scale(.98)}.toss-btn.primary-btn.v-btn--disabled,.toss-btn.primary-btn:disabled,.toss-btn.primary-btn[disabled]{background-color:#aeb8c2!important;border-color:#aeb8c2!important;color:#fff!important}.toss-btn.secondary-btn{background:#f2f4f6;border-color:transparent;color:#4e5968}.toss-btn.secondary-btn:hover:not(:disabled){background:#e5e8eb}.toss-btn.secondary-btn:active:not(:disabled){background:#d1d6db;transform:scale(.98)}.toss-btn.secondary-btn.v-btn--disabled,.toss-btn.secondary-btn:disabled,.toss-btn.secondary-btn[disabled]{background:#f2f4f6!important;border-color:#e5e8eb!important;color:#8b95a1!important}.toss-btn.text-btn{background:transparent;color:#3182f6;padding:0}.toss-btn.text-btn:hover{background:transparent;-webkit-text-decoration:underline;text-decoration:underline}.toss-btn.text-btn:active{transform:scale(.98)}::v-deep .v-application{font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}::v-deep .v-list-item{height:auto!important;min-height:36px!important}::v-deep .v-list-item .v-list-item__content{height:auto!important;padding:8px 0!important}::v-deep .v-list-item .v-list-item__content .v-list-item__title{font-size:16px!important;height:auto!important;line-height:1.4!important}::v-deep .text-right .v-text-field__slot input{text-align:right!important}::v-deep .toss-input .v-input__control .v-input__slot{align-items:center!important;background:#fff!important;border-color:#e5e8eb!important;border-radius:12px!important;min-height:52px!important}::v-deep .toss-input .v-input__control .v-input__slot:hover{border-color:#d1d6db!important}::v-deep .toss-input .v-input__control .v-input__slot fieldset{border-color:#e5e8eb!important}::v-deep .toss-input .v-input__prepend-inner{align-self:center!important;margin-bottom:auto!important;margin-top:auto!important}::v-deep .toss-input .v-text-field__slot{align-items:center!important;display:flex!important}::v-deep .toss-input.v-input--is-focused .v-input__slot{border-color:#3182f6!important}::v-deep .toss-input.v-input--is-focused .v-input__slot fieldset{border-color:#3182f6!important}::v-deep .toss-input .v-select__selection,::v-deep .toss-input input{color:#191f28!important;font-size:15px!important;font-weight:500!important;letter-spacing:0!important;margin-top:0!important}::v-deep .toss-input input::-moz-placeholder{color:#ced4da!important;font-weight:400!important}::v-deep .toss-input input::placeholder{color:#ced4da!important;font-weight:400!important}::v-deep .toss-input .v-text-field__details{margin-top:6px;padding-left:4px}::v-deep .toss-input .v-messages__message{color:#e8344e;font-size:13px;font-weight:500}::v-deep .toss-input.v-textarea .v-input__slot{align-items:flex-start!important}::v-deep .toss-input.v-textarea .v-text-field__slot{align-items:flex-start!important}::v-deep .toss-input.v-textarea textarea{color:#191f28!important;font-size:15px!important;font-weight:400!important;line-height:1.6!important;margin-top:0!important;padding-top:12px!important}::v-deep .toss-input.v-textarea textarea::-moz-placeholder{color:#ced4da!important}::v-deep .toss-input.v-textarea textarea::placeholder{color:#ced4da!important}::v-deep .v-select__selection--comma{color:#191f28;font-size:15px;font-weight:500}.input-group{margin-bottom:24px}.input-group:last-child{margin-bottom:0}.input-group .input-label{color:#191f28;display:block;font-size:14px;font-weight:600;letter-spacing:0;margin-bottom:8px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(49,130,246,.4)}70%{box-shadow:0 0 0 15px rgba(49,130,246,0)}to{box-shadow:0 0 0 0 rgba(49,130,246,0)}}@keyframes slide-up-stagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ds-preview-fragment{display:contents}.design-system-page{background:#f9fafb;color:#191f28;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.ds-sidebar{background:#fff;border:1px solid #e5e8eb;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:6px;left:24px;padding:16px;position:fixed;top:24px;width:180px;z-index:10}.ds-sidebar strong{color:#191f28;font-size:16px;font-weight:700;margin-bottom:8px}.ds-sidebar a{border-radius:6px;color:#4e5968;font-size:13px;font-weight:600;padding:8px 10px}.ds-sidebar a:hover{background:#e8f3ff;color:#1b64da}.ds-content{margin-left:248px;max-width:1180px;padding:32px 32px 80px;width:calc(100% - 280px)}.ds-hero{grid-gap:24px;align-items:end;background:#fff;border-bottom:1px solid #e5e8eb;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 220px;min-height:280px;padding:48px}.component-showcase header p,.ds-hero p,.ds-section__heading p,.section-title p{color:#3182f6;font-size:12px;font-weight:700;margin:0 0 8px;text-transform:uppercase}.ds-hero h1{color:#191f28;font-size:46px;font-weight:800;line-height:1.08;margin:0}.ds-hero span,.ds-section__heading span,.foundation-group header span,.palette-group header span{color:#4e5968;display:block;font-size:15px;line-height:1.6;margin-top:12px}.ds-hero__meta{grid-gap:4px;background:#f9fafb;border:1px solid #e5e8eb;border-radius:8px;display:grid;gap:4px;padding:20px}.ds-hero__meta strong{color:#191f28;font-size:32px;font-weight:800;line-height:1}.ds-hero__meta span{color:#8b95a1;font-size:13px;font-weight:600;margin:0 0 12px}.ds-section{padding:56px 0 0}.ds-section__heading{margin-bottom:24px;max-width:720px}.ds-section__heading h2{color:#191f28;font-size:32px;font-weight:800;line-height:1.2;margin:0}.component-showcase,.foundation-group,.palette-group{background:#fff;border:1px solid #e5e8eb;border-radius:8px;margin-bottom:24px;padding:28px}.component-showcase header,.foundation-group header,.palette-group header{display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}.component-showcase h3,.foundation-group h3,.palette-group h3{color:#191f28;font-size:22px;font-weight:800;margin:0}.foundation-group header span,.palette-group header span{margin-top:0;max-width:520px;text-align:right}.swatch-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.swatch{grid-gap:7px;align-content:end;background:#fff;border:1px solid;border-radius:8px;cursor:pointer;display:grid;gap:7px;min-height:150px;padding:14px;text-align:left}.swatch__sample{border:1px solid rgba(0,0,0,.08);border-radius:6px;height:48px;width:100%}.swatch strong{color:#191f28;font-size:13px;font-weight:700}.swatch small{color:#4e5968;font-size:12px;font-weight:600;word-break:break-word}.swatch em{color:#8b95a1;font-size:11px;font-style:normal}.recipe-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.recipe{border:1px solid;border-radius:8px;min-height:180px;padding:22px}.recipe span{display:block;font-size:12px;font-weight:700;margin-bottom:24px;opacity:.74;text-transform:uppercase}.recipe strong{display:block;font-size:20px;font-weight:800}.recipe p{font-size:13px;line-height:1.5;margin:10px 0 18px;min-height:46px}.component-showcase header code,.ds-hero code,.ds-section__heading code,.inventory-row code,.plugin-code-list code,.recipe code,.token-row code,.type-style-row code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.recipe code{color:inherit;font-size:12px;font-weight:700}.token-list{grid-gap:8px;display:grid;gap:8px}.token-row{grid-gap:12px;align-items:center;background:#f9fafb;border:1px solid #f2f4f6;border-radius:6px;display:grid;gap:12px;grid-template-columns:190px minmax(160px,1fr) minmax(160px,1.2fr) 140px;min-height:52px;padding:10px 12px}.token-row code{color:#1b64da;font-size:12px;font-weight:700}.token-row strong{color:#191f28;font-size:13px}.token-row span{color:#4e5968;font-size:13px}.token-row b,.token-row em,.token-row i{background:#3182f6;display:block;font-style:normal;height:24px;justify-self:end;width:80px}.token-row i{justify-self:start;max-width:120px}.token-row b{background:#e8f3ff;border:1px solid #3182f6}.token-row em{background:#fff}.font-system-card,.typography-guide{background:#fff;border:1px solid #e5e8eb;border-radius:8px;margin-bottom:24px;padding:28px}.font-system-card{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.font-family-panel{background:#f9fafb;border:1px solid #f2f4f6;border-radius:8px;padding:24px}.font-family-panel p,.font-principles strong{color:#3182f6;display:block;font-size:12px;font-weight:700;margin:0 0 10px;text-transform:uppercase}.font-family-panel h3{color:#191f28;font-size:40px;font-weight:800;line-height:1.2;margin:0}.font-family-panel span{color:#4e5968;display:block;font-size:13px;line-height:1.6;margin-top:14px;max-width:620px}.font-family-panel strong{color:#191f28;display:block;font-size:26px;font-weight:800;line-height:1.5;margin-top:28px}.font-principles{background:#fff;border:1px solid #f2f4f6;border-radius:8px;padding:24px}.font-principles ul{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.font-principles li{color:#4e5968;font-size:13px;font-weight:500;line-height:1.6;padding-left:18px;position:relative}.font-principles li:before{background:#3182f6;border-radius:9999px;content:"";height:6px;left:0;position:absolute;top:.72em;width:6px}.typography-guide header{display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.typography-guide h3{color:#191f28;font-size:22px;font-weight:800;margin:0}.typography-guide header span{color:#4e5968;font-size:13px;line-height:1.6;max-width:520px;text-align:right}.typography-guide-list{grid-gap:10px;display:grid;gap:10px}.type-style-row{grid-gap:16px;align-items:center;background:#f9fafb;border:1px solid #f2f4f6;border-radius:6px;display:grid;gap:16px;grid-template-columns:minmax(240px,1.1fr) minmax(220px,.9fr) minmax(180px,.7fr);min-height:84px;padding:16px}.type-style-sample{color:#191f28;letter-spacing:0;word-break:keep-all}.type-style-meta{grid-gap:6px;display:grid;gap:6px}.type-style-meta strong{color:#191f28;font-size:13px;font-weight:700}.type-style-meta span{color:#4e5968;font-size:12px;line-height:1.5}.type-style-row code{background:#fff;border:1px solid #e5e8eb;border-radius:6px;color:#8b95a1;font-size:12px;justify-self:end;line-height:1.5;padding:8px 10px;text-align:right}.inventory-table{background:#fff;border:1px solid #e5e8eb;border-radius:8px;overflow:hidden}.inventory-row{grid-gap:16px;align-items:center;border-bottom:1px solid #f2f4f6;display:grid;gap:16px;grid-template-columns:220px minmax(220px,1fr) minmax(240px,1fr);min-height:54px;padding:12px 16px}.inventory-row:last-child{border-bottom:0}.inventory-row--head{background:#f2f4f6;color:#8b95a1;font-size:12px;font-weight:700;text-transform:uppercase}.inventory-row strong{color:#191f28;font-size:13px;font-weight:800}.inventory-row span{color:#4e5968;font-size:13px}.inventory-row code{color:#8b95a1;font-size:12px;line-height:1.5}.component-showcase header{align-items:flex-start}.component-showcase header code{align-self:center;background:#f9fafb;border:1px solid #e5e8eb;border-radius:6px;color:#4e5968;font-size:12px;line-height:1.5;max-width:420px;padding:8px 10px}.preview-surface{background:#f9fafb;border:1px solid #f2f4f6;border-radius:8px;padding:24px}.component-showcase pre{background:#111827;border-radius:8px;color:#e5e7eb;font-size:12px;line-height:1.6;margin:16px 0 0;overflow-x:auto;padding:16px;white-space:pre-wrap}.button-preview,.feedback-preview,.overlay-preview{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.commit-demo,.icon-button{align-items:center;background:#fff;border:1px solid #e5e8eb;border-radius:8px;color:#4e5968;display:inline-flex;font-weight:700;gap:8px;height:44px;justify-content:center}.icon-button{width:44px}.commit-demo{padding:0 18px}.commit-demo:disabled{background:#aeb8c2;color:#fff;cursor:not-allowed}.form-preview{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.builder-modal-demo label,.form-preview label{grid-gap:8px;color:#191f28;display:grid;font-size:13px;font-weight:700;gap:8px}.form-preview label.wide{grid-column:-1}.builder-modal-demo input,.form-preview input,.form-preview select,.form-preview textarea{background:#fff;border:1px solid #e5e8eb;border-radius:12px;box-sizing:border-box;color:#191f28;font-size:15px;font-weight:500;height:52px;letter-spacing:0;line-height:1.5;min-height:52px;outline:none;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-preview textarea{line-height:1.5!important;margin:0!important;overflow:hidden;padding:14px 16px!important;resize:none}.form-preview input:focus,.form-preview select:focus,.form-preview textarea:focus{border-color:#3182f6;box-shadow:0 0 0 3px rgba(49,130,246,.12)}.inline-control{align-items:center;display:flex!important;grid-auto-flow:column;justify-content:start}.inline-control input{min-height:18px;width:18px}.segmented-control{grid-gap:6px;background:#fff;border:1px solid #e5e8eb;border-radius:8px;display:grid;gap:6px;grid-column:span 2;grid-template-columns:repeat(3,1fr);padding:4px}.segmented-control button,.tab-sample button{background:transparent;border:0;border-radius:6px;color:#4e5968;cursor:pointer;font-weight:700}.segmented-control button{height:36px}.segmented-control button.active,.tab-sample button.active{background:#e8f3ff;color:#1b64da}.error-demo,.notice-demo{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:700;gap:8px;margin:0;padding:10px 12px}.notice-demo{background:#f0f7ff;border:1px solid #e8f3ff;color:#1b64da}.error-demo{background:#fff0f0;border:1px solid #ffd6d6;color:#e8344e}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:700;min-height:28px;padding:0 10px}.status-badge--success{background:#e5f5ed;color:#0d9b4e}.status-badge--warning{background:#fff0e5;color:#f76707}.status-badge--error{background:#fff0f0;color:#e8344e}.file-chip-demo{align-items:center;background:#fff;border:1px solid #e5e8eb;border-radius:9999px;color:#4e5968;display:inline-flex;font-size:13px;font-weight:700;gap:8px;max-width:260px;min-height:36px;padding:0 8px 0 12px}.file-chip-demo button{align-items:center;background:#f2f4f6;border:0;border-radius:9999px;color:#8b95a1;display:inline-flex;height:24px;justify-content:center;width:24px}.navigation-preview{grid-gap:18px;display:grid;gap:18px;grid-template-columns:280px minmax(0,1fr)}.mini-sidebar{grid-gap:8px;background:#fff;border:1px solid #e5e8eb;border-radius:8px;display:grid;gap:8px;padding:12px}.mini-sidebar button{align-items:center;background:transparent;border:0;border-radius:8px;color:#4e5968;display:flex;gap:10px;padding:12px;text-align:left;width:100%}.mini-sidebar button.active{background:#e8f3ff;color:#1b64da}.mini-sidebar small,.mini-sidebar strong{display:block}.mini-sidebar strong{color:inherit;font-size:13px}.mini-sidebar small{color:#8b95a1;font-size:12px;margin-top:3px}.tab-sample{align-content:flex-start;display:flex;flex-wrap:wrap;gap:8px}.tab-sample button{align-items:center;background:#fff;border:1px solid #e5e8eb;display:inline-flex;gap:8px;min-height:42px;padding:0 12px}.tab-sample span{color:#8b95a1;font-size:12px}.data-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:260px minmax(0,1fr)}.kpi-card{align-content:center;background:#fff;border:1px solid #e5e8eb;border-radius:8px;display:grid;min-height:160px;padding:20px}.kpi-card span{color:#3182f6;font-size:12px;font-weight:700}.kpi-card strong{color:#191f28;font-size:32px;font-weight:800;margin-top:12px}.kpi-card small{color:#8b95a1;font-size:13px;margin-top:8px}.sample-table{background:#fff;border:1px solid #e5e8eb;border-radius:8px;overflow:hidden}.sample-table__head,.sample-table__row{grid-gap:12px;align-items:center;border-bottom:1px solid #f2f4f6;display:grid;gap:12px;grid-template-columns:1fr 130px 100px;min-height:46px;padding:0 14px}.sample-table__head{background:#f2f4f6;color:#8b95a1;font-size:12px;font-weight:700}.sample-table__row:last-child{border-bottom:0}.sample-table__row em,.sample-table__row span,.sample-table__row strong{color:#191f28;font-size:13px;font-style:normal}.sample-table__row em{color:#0d9b4e;font-weight:700}.chart-component-preview{align-items:center;background:#fff;display:flex;justify-content:center;min-height:220px;padding:32px 42px}.chart-component-preview .clay-bar-chart{max-width:430px}.skeleton-preview{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-pattern,.skeleton-usage{grid-gap:16px;border:1px solid #e5e8eb;border-radius:8px;display:grid;gap:16px;min-height:260px;padding:18px}.skeleton-pattern--white{background:#fff}.skeleton-pattern--grey{background:#f9fafb}.skeleton-pattern--greyOpacity100{background:#f2f4f6}.skeleton-pattern header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0}.skeleton-pattern header strong,.skeleton-usage strong{color:#191f28;font-size:15px;font-weight:900}.skeleton-pattern header code{background:hsla(0,0%,100%,.7);border:1px solid #e5e8eb;border-radius:6px;color:#4e5968;font-size:12px;padding:6px 8px}.skeleton-row,.skeleton-top{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr)}.skeleton-top{padding:4px 0 2px}.skeleton-row>div,.skeleton-top>div{grid-gap:8px;display:grid;gap:8px}.skeleton-list{grid-gap:14px;display:grid;gap:14px}.skeleton-row{min-height:42px}.skeleton-row--no-icon{grid-template-columns:minmax(0,1fr)}.skeleton{background:#e5e8eb;border-radius:6px;display:block;overflow:hidden;position:relative}.skeleton-card:after,.skeleton-icon:after,.skeleton:after{animation:skeleton-shimmer 1.35s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.62) 48%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.skeleton-title{height:18px;width:72%}.skeleton-subtitle{height:13px;width:48%}.skeleton-line{height:14px;width:100%}.skeleton-line--short{height:12px;width:62%}.skeleton-icon{background:#e5e8eb;border-radius:9999px;display:block;height:48px;overflow:hidden;position:relative;width:48px}.skeleton-icon--sm{height:34px;width:34px}.skeleton-card{background:#e5e8eb;border-radius:12px;min-height:138px;overflow:hidden;position:relative}.custom-skeleton-pattern{grid-column:span 2;min-height:0}.skeleton-spacer{display:block;height:20px}.skeleton-usage{background:#fff;grid-column:span 2;min-height:0}.skeleton-usage ul{grid-gap:8px;display:grid;gap:8px;margin:0;padding-left:18px}.skeleton-usage li{color:#4e5968;font-size:13px;line-height:1.5}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.upload-preview{grid-gap:14px;display:grid;gap:14px}.upload-panel-demo{background:#fff;border:1px dashed #d9e1ec;border-radius:12px;min-height:142px;overflow:hidden;padding:18px;position:relative;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.upload-panel-demo--dragging{background:#f0f7ff;border-color:#3182f6;box-shadow:0 0 0 4px rgba(49,130,246,.14)}.upload-panel-demo input{display:none}.upload-dropzone-demo{grid-gap:8px;align-content:center;align-items:center;cursor:pointer;display:grid;gap:8px;justify-items:center;min-height:104px;place-items:center;text-align:center}.upload-dropzone-demo .v-icon{color:#8b95a1;font-size:34px}.upload-dropzone-demo strong{color:#191f28;display:block;font-size:15px;font-weight:900}.upload-dropzone-demo span{color:#8b95a1;font-size:13px;font-weight:700;line-height:1.5}.upload-file-grid-demo{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:104px}.upload-add-card-demo,.upload-file-card-demo{grid-gap:8px;align-content:center;align-items:center;background:#fff;border-radius:8px;display:grid;gap:8px;height:108px;justify-items:center;place-items:center;position:relative;text-align:center;width:110px}.upload-file-card-demo{border:1px solid #e5e8eb}.upload-add-card-demo{border:1px dashed #b8c3d2;cursor:pointer}.upload-file-card-demo>.v-icon{color:#3182f6;font-size:32px}.upload-add-card-demo>.v-icon{color:#8b95a1;font-size:28px}.upload-add-card-demo span,.upload-file-card-demo strong{color:#191f28;display:block;font-size:12px;font-weight:900;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:86px}.upload-add-card-demo span{color:#8b95a1}.upload-file-remove-demo{align-items:center;background:#ff4d5e;border:2px solid #fff;border-radius:9999px;color:#fff;display:inline-flex;height:18px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;width:18px;z-index:1}.upload-state-toggle{color:#4e5968;cursor:pointer;font-size:13px;font-weight:700;height:36px;justify-self:start;padding:0 12px}.builder-modal-demo,.upload-state-toggle{background:#fff;border:1px solid #e5e8eb;border-radius:8px}.builder-modal-demo{grid-gap:14px;display:grid;gap:14px;max-width:360px;padding:18px;width:100%}.builder-modal-demo header,.dialog-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.builder-modal-demo header button{background:#f2f4f6;border:0;border-radius:9999px;color:#4e5968;height:32px;width:32px}.builder-modal-demo header button,.builder-modal-demo>button{align-items:center;display:inline-flex;justify-content:center}.builder-modal-demo>button{background:#3182f6;border:1px solid #3182f6;border-radius:8px;color:#fff;font-weight:700;gap:8px;height:42px}.dialog-title{color:#191f28;display:block;font-size:20px;font-weight:800}.dialog-copy{color:#4e5968;font-size:13px;line-height:1.6;margin:12px 0 20px}.library-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:240px 260px minmax(0,1fr)}.draggable-demo,.plugin-code-list,.vuetify-strip{grid-gap:10px;align-content:start;background:#fff;border:1px solid #e5e8eb;border-radius:8px;display:grid;gap:10px;padding:16px}.vuetify-strip{align-items:center;grid-auto-columns:max-content;grid-auto-flow:column}.vuetify-strip span{color:#4e5968;font-size:13px;font-weight:700}.draggable-demo article{grid-gap:10px;align-items:center;background:#f9fafb;border:1px solid #f2f4f6;border-radius:6px;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr);padding:8px}.drag-handle{align-items:center;background:#fff;border:0;border-radius:6px;color:#8b95a1;cursor:grab;display:inline-flex;height:30px;justify-content:center;width:30px}.chart-demo{background:#fff;border:1px solid #e5e8eb;border-radius:8px;min-height:220px;padding:12px}.plugin-code-list code{background:#f9fafb;border-radius:6px;color:#4e5968;font-size:12px;line-height:1.5;padding:10px}.state-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 260px}.loading-demo{align-items:center;background:#fff;border:1px solid #e5e8eb;border-radius:8px;display:flex;gap:14px;min-height:120px;padding:20px}.loading-demo span{color:#191f28;font-size:15px;font-weight:700}@media (max-width:1080px){.ds-sidebar{flex-direction:row;flex-wrap:wrap;margin:0 20px;position:static;width:auto}.ds-content{margin-left:0;padding:20px;width:100%}.data-preview,.ds-hero,.font-system-card,.library-preview,.navigation-preview,.recipe-grid,.skeleton-preview,.state-preview,.type-style-row{grid-template-columns:1fr}.custom-skeleton-pattern,.skeleton-usage{grid-column:auto}.inventory-row,.token-row{grid-template-columns:1fr}}@media (max-width:720px){.ds-hero{padding:28px 20px}.ds-hero h1{font-size:34px}.component-showcase,.foundation-group,.palette-group{padding:20px}.component-showcase header,.foundation-group header,.palette-group header{display:block}.foundation-group header span,.palette-group header span,.typography-guide header span{text-align:left}.typography-guide header{display:block}.type-style-row code{justify-self:start;text-align:left}.form-preview{grid-template-columns:1fr}.segmented-control{grid-column:auto}.sample-table__head,.sample-table__row{grid-template-columns:1fr;padding:12px}.chart-component-preview{padding:24px 16px}}