.toss-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:-.01em;padding:16px 20px;transition:all .2s ease}.toss-btn.primary-btn{background:#3182f6;color:#fff}.toss-btn.primary-btn:hover:not(:disabled){background:#1b64da}.toss-btn.primary-btn:active:not(:disabled){background:#1957c2;transform:scale(.98)}.toss-btn.primary-btn:disabled{background:#d1d6db;color:#8b95a1;cursor:not-allowed}.toss-btn.secondary-btn{background:#f2f4f6;color:#4e5968}.toss-btn.secondary-btn:hover{background:#e5e8eb}.toss-btn.secondary-btn:active{background:#d1d6db;transform:scale(.98)}.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)}.toss-card{background:#fff!important;border:1px solid #e5e8eb!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;transition:all .2s ease!important}.toss-card.shadow-md{box-shadow:0 4px 16px rgba(49,130,246,.12)!important}.toss-card.border-none{border:none!important}.toss-card:hover{box-shadow:0 4px 16px rgba(49,130,246,.12)!important;transform:translateY(-2px)}::v-deep .v-list-item{height:36px}::v-deep .v-list-item .v-list-item__content{height:36px}::v-deep .v-list-item .v-list-item__content .v-list-item__title{font-size:16px!important;height:36px}::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:-.01em!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:-.01em;margin-bottom:8px}.ds-preview-fragment{display:contents}.design-system-page{background:#f9fafb;color:#191f28;font-family:Pretendard,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{word-wrap:break-word;color:#191f28;font-size:46px;font-weight:800;line-height:1.08;margin:0;word-break:keep-all}.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:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid;border-radius:8px;box-shadow:none;cursor:pointer;display:grid;font-family:inherit;gap:7px;min-height:150px;padding:14px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease;width:100%}.swatch:hover{border-color:#d1d6db!important;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.swatch:focus-visible{outline:3px solid rgba(49,130,246,.18);outline-offset:2px}.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:-.01em;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}.button-preview .toss-btn{font-size:13px;letter-spacing:0;line-height:1;min-height:36px;padding:0 16px}.dialog-actions .toss-btn,.overlay-preview .toss-btn{font-size:13px;letter-spacing:0;line-height:1;min-height:36px;padding:0 14px}.button-preview .toss-btn.text-btn{background:transparent;border-radius:6px;box-shadow:none;min-height:36px;padding:0 8px}.button-preview .toss-btn.text-btn:hover{background:#f0f7ff;-webkit-text-decoration:none;text-decoration:none}.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:36px;justify-content:center;line-height:1}.icon-button{padding:0;width:36px}.commit-demo{padding:0 16px}.commit-demo:disabled{background:#d1d6db;color:#8b95a1;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-end:-1;grid-column-start: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:-.01em;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 label.memo-field{align-self:stretch;grid-column-end:-1;grid-column-start:1}.form-preview label.memo-field textarea{height:auto;line-height:1.6!important;min-height:112px;overflow:auto;resize:vertical}.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;cursor:pointer;display:flex!important;gap:8px;justify-content:start;line-height:1;min-height:36px}.inline-control input[type=checkbox]{accent-color:#3182f6;border-radius:4px;box-sizing:border-box;cursor:pointer;flex:0 0 16px;height:16px;margin:0;min-height:16px;min-width:16px;padding:0;transition:none;width:16px}.form-preview .switch-control{align-self:center;grid-column:span 2;min-height:36px}.form-preview .form-segmented-control,.segmented-control{grid-column-end:-1;grid-column-start:1}.segmented-control{grid-gap:6px;background:#fff;border:1px solid #e5e8eb;border-radius:8px;display:grid;gap:6px;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-family:inherit;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;cursor:pointer;display:flex;font-family:inherit;gap:10px;min-height:48px;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;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:8px;line-height:1;min-height:36px;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)}.list-preview{background:#f9fafb;overflow:hidden;padding:16px}.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{font-weight:700}.sample-table__row em.status--info{color:#1b64da}.sample-table__row em.status--success{color:#0d9b4e}.sample-table__row em.status--warning{color:#f76707}.sample-table__row em.status--error{color:#e8344e}.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 #d1d6db;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 #d1d6db;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:#e8344e;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}.empty-demo,.loading-demo{align-items:center;background:#fff;border:1px solid #e5e8eb;border-radius:8px;display:flex;gap:14px;min-height:120px;padding:20px}.empty-demo>.v-icon{color:#8b95a1;font-size:36px}.empty-demo strong,.loading-demo span{color:#191f28;font-size:15px;font-weight:700}.empty-demo p{color:#4e5968;font-size:13px;line-height:1.5;margin:5px 0 0}@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}}