:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}:root :root{color:#2f2923;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f4efe8;--panel:#fbf8f3eb;--panel-strong:#fbf8f3;--text:#2f2923;--muted:#5b544d;--brand:#a66536;--brand-deep:#8f552c;--line:#d9cabb;--side:#24353a;--success:#56735d;--warning:#c68a35;--danger:#b5533d;--info:#4f6d7a;--shadow:0 22px 54px #3a27171f;--soft-shadow:0 10px 24px #24353a14;background:radial-gradient(circle at 0 0,#a665362e,#0000 28%),radial-gradient(circle at 100% 100%,#4f6d7a24,#0000 24%),linear-gradient(160deg,#f7f1e9 0%,#efe6dc 100%);font-family:Source Han Sans SC,PingFang SC,Microsoft YaHei,sans-serif}:root *{box-sizing:border-box}:root html,:root body,:root #app{min-height:100vh}:root body{min-width:320px;margin:0}:root a{color:inherit;text-decoration:none}:root button{font:inherit}:root .app-shell{min-height:100vh;padding-left:280px;display:block}:root .app-sidebar{color:#f7f1e9eb;z-index:1000;background:linear-gradient(#24353a,#1f2d31);width:280px;padding:24px 20px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}:root .app-sidebar::-webkit-scrollbar{width:6px}:root .app-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}:root .app-sidebar::-webkit-scrollbar-track{background:0 0}:root .app-sidebar__brand{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;margin-bottom:20px;padding:10px 8px 20px;display:flex}:root .brand-mark{object-fit:cover;background:#ffffffeb;border:1px solid #ffffff1f;border-radius:14px;flex-shrink:0;width:42px;height:42px;display:block;box-shadow:0 10px 22px #a665363d}:root .app-sidebar__brand strong{font-size:18px;display:block}:root .app-sidebar__brand span{color:#f7f1e9a3;font-size:12px}:root .app-sidebar__section{margin-bottom:22px}:root .app-sidebar__section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:0 8px;display:flex}:root .app-sidebar__label{letter-spacing:.14em;color:#ffe7d57a;margin:0;font-size:12px}:root .app-sidebar__section-action{color:#fff4eae0;cursor:pointer;background:#ffffff14;border:1px solid #ffe7d52e;border-radius:999px;padding:7px 12px;font-size:12px;transition:background .18s,border-color .18s,opacity .18s}:root .app-sidebar__section-action:hover:not(:disabled){background:#a665362e;border-color:#ffd1a94d}:root .app-sidebar__section-action:disabled{opacity:.5;cursor:not-allowed}:root .app-sidebar__state{color:#f9f2ea9e;margin:0;padding:0 8px;font-size:12px}:root .tree-group{margin-bottom:10px}:root .tree-node,:root .tree-child,:root .nav-item{border-radius:14px}:root .tree-node,:root .nav-item{background:#ffffff0a;margin-bottom:8px}:root .tree-node{align-items:center;gap:8px;padding:4px 8px 4px 14px;display:flex;position:relative}:root .tree-node__link,:root .nav-item{display:block}:root .tree-node__link{color:#f7f1e9eb;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;padding:8px 0;font-weight:600;line-height:1.45;overflow:hidden}:root .tree-node__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}:root .tree-node__drag-handle{color:#f9f2eab8;cursor:grab;background:#ffffff0a;border:1px dashed #ffe7d53d;border-radius:999px;padding:6px 10px;font-size:12px;transition:background .18s,border-color .18s,opacity .18s}:root .tree-node__drag-handle:hover:not(:disabled){background:#ffe7d51a;border-color:#ffd1a94d}:root .tree-node__drag-handle:active:not(:disabled){cursor:grabbing}:root .tree-node__drag-handle:disabled{opacity:.5;cursor:not-allowed}:root .tree-node__action{color:#f9f2eac7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:12px;transition:background .18s,border-color .18s,color .18s,opacity .18s}:root .tree-node__action:hover:not(:disabled){color:#fff4ea;background:#ffe7d51f;border-color:#ffd1a93d}:root .tree-node__action--danger:hover:not(:disabled){background:#b5533d38;border-color:#b5533d61}:root .tree-node__action:disabled{opacity:.5;cursor:not-allowed}:root .tree-node.is-draggable{cursor:default}:root .tree-node.is-dragging{opacity:.5}:root .tree-node.is-drop-target{box-shadow:inset 0 0 0 1px #ffd1a947}:root .tree-node.is-drop-before:before,:root .tree-node.is-drop-after:after{content:"";background:#ffd1a9eb;border-radius:999px;height:4px;position:absolute;left:10px;right:10px;box-shadow:0 0 0 2px #24353ae6}:root .tree-node.is-drop-before:before{top:-2px}:root .tree-node.is-drop-after:after{bottom:-2px}:root .nav-item{padding:12px 14px;display:block}:root .tree-node.is-active,:root .nav-item.is-active{background:linear-gradient(90deg,#a6653642,#a6653614);box-shadow:inset 3px 0 #ffd1a9d1}:root .tree-node.is-active .tree-node__link{color:#fff4ea}:root .tree-children{gap:8px;margin:0 0 8px 12px;display:grid}:root .tree-child{color:#f9f2eac2;background:#ffffff08;padding:10px 12px;font-size:13px;display:block}:root .tree-child.is-current{color:#fff4ea;background:#ffeddb1f}:root .app-main{flex-direction:column;display:flex}:root .app-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf6d1;border-bottom:1px solid #d9cabbd6;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}:root .app-topbar__title{font-family:Source Han Serif SC,STSong,serif;font-size:28px;line-height:1.2}:root .app-topbar__subtitle{color:var(--muted);margin-top:8px;font-size:13px}:root .app-topbar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}:root .topbar-search,:root .topbar-chip,:root .topbar-link,:root .toolbar-cell,:root .readonly-banner{border-radius:999px}:root .topbar-search,:root .topbar-chip,:root .toolbar-cell{color:#80756a;background:#fffdfaf5;border:1px solid #d9cabbe6;padding:11px 15px;font-size:13px}:root .topbar-search{min-width:280px}:root .topbar-chip--brand{color:var(--brand-deep);background:#a6653624;font-weight:700}:root .topbar-link{color:#582f16;cursor:pointer;background:#a6653629;border:1px solid #a665363d;padding:11px 16px;font-weight:700}:root .topbar-link:hover{background:#a665363d;border-color:#784e2e70}:root .app-content{padding:24px}:root .page-stack{gap:20px;display:grid}:root .page-hero-card,:root .surface-panel,:root .stats-card,:root .product-panel,:root .login-card{background:var(--panel);box-shadow:var(--soft-shadow);border:1px solid #d9cabbe6;border-radius:24px}:root .page-hero-card,:root .surface-panel{padding:20px}:root .page-hero-card{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}:root .page-hero-card__eyebrow,:root .login-kicker,:root .login-card__kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 10px;font-size:12px;font-weight:800}:root .page-hero-card h2,:root .surface-panel h3,:root .login-card h2,:root .login-hero h1{margin:0;font-family:Source Han Serif SC,STSong,serif}:root .page-hero-card p,:root .surface-panel p,:root .stats-card p,:root .login-hero p,:root .login-card span,:root .product-panel__remark{color:var(--muted);line-height:1.7}:root .page-hero-card__actions,:root .surface-panel__head,:root .detail-actions-row,:root .side-actions,:root .table-actions,:root .page-hero-card__actions{flex-wrap:wrap;gap:12px;display:flex}:root .surface-panel__head{justify-content:space-between;align-items:center;margin-bottom:16px}:root .toolbar-panel{gap:14px;display:grid}:root .toolbar-panel--five{grid-template-columns:repeat(5,minmax(0,1fr))}:root .toolbar-panel--six{grid-template-columns:repeat(6,minmax(0,1fr))}:root .toolbar-input{width:100%}:root .toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}:root .toolbar-actions .el-button{flex:120px}:root .toolbar-switch{background:#fffdfaf5;border:1px solid #d9cabbe6;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:11px 15px;display:flex}:root .toolbar-switch span{color:#80756a;font-size:13px}:root .stats-grid{gap:16px;display:grid}:root .stats-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}:root .stats-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}:root .stats-card{padding:20px}:root .stats-card span,:root .metric-grid__item span,:root .detail-field span{color:#877c71;font-size:12px}:root .stats-card strong,:root .metric-grid__item strong,:root .detail-field strong{margin-top:8px;font-size:28px;line-height:1.2;display:block}:root .card-grid--products{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:start;align-items:start;gap:22px;display:grid}:root .product-panel{flex-direction:column;justify-self:start;width:min(100%,320px);display:flex;overflow:hidden}:root .product-detail__hero{gap:10px;display:grid}:root .product-detail__back{width:40px;height:40px;margin:0 0 2px;padding:0}:root .product-panel__image,:root .preview-stage{background:radial-gradient(circle at top,#ffffffd1,#fff0 42%),linear-gradient(#ead8c6 0%,#d3baa2 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}:root .product-panel__image{aspect-ratio:1;cursor:pointer;height:auto;padding:18px}:root .preview-stage{height:clamp(320px,48vh,520px);min-height:360px;padding:20px}:root .teapot-shape{background:linear-gradient(#704526f2,#9b6538e0);border-radius:48% 48% 42% 42%/44% 44% 54% 54%;position:absolute;inset:26px 72px 30px;box-shadow:inset -12px -18px 30px #ffd6ab33,inset 10px 18px 24px #22120a3d,0 18px 30px #4a2d152e}:root .teapot-shape:after{content:"";border:8px solid #6f4223e6;border-radius:50%;width:56px;height:56px;position:absolute;top:20px;right:-16px;box-shadow:0 0 0 4px #e2c4a2a6}:root .teapot-shape--large{inset:30px 110px 36px}:root .product-panel__cover,:root .preview-stage__image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}:root .product-panel__body{gap:14px;padding:16px 14px 14px;display:grid}:root .product-panel__title{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin:0;display:grid}:root .product-panel__title>div{min-width:0}:root .product-panel__title h3{word-break:break-word;margin:0;font-size:15px;line-height:1.5}:root .product-panel__title p{color:#8d8277;word-break:break-all;margin:4px 0 0;font-size:12px}:root .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}:root .metric-grid__item,:root .detail-field{background:#ffffff9e;border:1px solid #d9cabbd6;border-radius:16px;padding:14px}:root .metric-grid__item strong,:root .detail-field strong{font-size:18px}:root .metric-grid__item{padding:12px}:root .metric-grid__item strong{font-size:20px}:root .product-panel__remark{min-height:44px;margin:0;font-size:13px}:root .detail-field--full{grid-column:1/-1}:root .detail-field__control,:root .detail-field .el-input,:root .detail-field .el-select,:root .detail-field .el-input-number,:root .side-actions .el-input{width:100%}:root .detail-field .el-input,:root .detail-field .el-select,:root .detail-field .el-input-number,:root .detail-field textarea{margin-top:10px}:root .detail-field__control--stepper.el-input-number{--el-input-number-controls-width:22px;overflow:hidden}:root .detail-field__control--stepper.el-input-number .el-input__wrapper{padding-left:36px;padding-right:36px}:root .detail-field__control--stepper.el-input-number .el-input-number__decrease,:root .detail-field__control--stepper.el-input-number .el-input-number__increase{color:#6f5844;width:34px;height:30px;box-shadow:none;background:#fffcf699;border:none;border-radius:0;justify-content:center;align-items:center;margin:0;font-size:14px;line-height:1;transition:all .2s;display:flex;top:11px;bottom:1px;transform:none}:root .detail-field__control--stepper.el-input-number .el-input-number__decrease{border-right:1px solid #d9cabb99;border-radius:13px 0 0 13px;left:1px}:root .detail-field__control--stepper.el-input-number .el-input-number__increase{border-left:1px solid #d9cabb99;border-radius:0 13px 13px 0;right:1px}:root .detail-field__control--stepper.el-input-number .el-input-number__decrease:hover,:root .detail-field__control--stepper.el-input-number .el-input-number__increase:hover{color:#a66536;background:#a665361f}:root .detail-field__control--stepper.el-input-number .el-input-number__decrease [class*=el-icon],:root .detail-field__control--stepper.el-input-number .el-input-number__increase [class*=el-icon]{transform:scale(.95)}:root .product-panel__actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}:root .product-panel__actions .el-button{width:100%;margin:0}:root .list-pagination{justify-content:flex-end;margin-top:18px;display:flex}:root .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}:root .detail-grid--order{grid-template-columns:1.2fr .8fr}:root .detail-grid--single{grid-template-columns:1fr}:root .detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}:root .detail-info-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}:root .readonly-banner{color:var(--info);background:#4f6d7a14;border:1px dashed #4f6d7a52;margin-bottom:14px;padding:12px 16px}:root .preview-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}:root .preview-thumbs__item{background:linear-gradient(#ead7c5,#dbc0a4);border:1px solid #d9cabbe6;border-radius:14px;height:72px}:root .preview-thumbs__item--asset{cursor:pointer;text-align:left;color:#5d4d3f;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 12px;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s;display:flex;position:relative}:root .preview-thumbs__item--asset.is-draggable{cursor:grab}:root .preview-thumbs__item--asset.is-dragging{opacity:.46;cursor:grabbing;transform:scale(.98)}:root .preview-thumbs__item--asset span,:root .preview-thumbs__item--asset small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}:root .preview-thumbs__item--asset small{color:#8d8277;margin-top:6px}:root .preview-thumbs__item--asset.is-active{border-color:#a66536e6;box-shadow:inset 0 0 0 1px #a665363d}:root .preview-thumbs__item--asset.is-drop-target{border-color:#7b4723d1;box-shadow:inset 0 0 0 1px #7b47233d}:root .preview-thumbs__item--asset.is-drop-before:before,:root .preview-thumbs__item--asset.is-drop-after:after{content:"";background:#7b4723;border-radius:999px;width:4px;position:absolute;top:8px;bottom:8px;box-shadow:0 0 0 2px #fffaf4e6}:root .preview-thumbs__item--asset.is-drop-before:before{left:4px}:root .preview-thumbs__item--asset.is-drop-after:after{right:4px}:root .preview-thumbs__empty{color:#877c71;background:#fffaf4b8;border:1px dashed #a6653647;border-radius:14px;grid-column:1/-1;padding:18px}:root .preview-thumbs__hint{color:#877c71;grid-column:1/-1;margin:2px 2px 0;font-size:12px}:root .customer-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}:root .customer-gallery__item{background:#ffffffbd;border:1px solid #d9cabbe6;border-radius:22px;justify-content:center;align-items:center;min-height:320px;padding:18px;display:flex}:root .customer-gallery__image{object-fit:contain;width:100%;height:100%;max-height:520px;display:block}:root .customer-gallery__loading{color:#877c71;font-size:13px}:root .asset-file-list{gap:10px;margin-top:16px;display:grid}:root .asset-image-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}:root .asset-image-actions__meta strong,:root .asset-file-list__content span{color:#5d4d3f;display:block}:root .asset-image-actions__meta span{color:#877c71;margin-top:6px;font-size:12px}:root .asset-image-actions__buttons,:root .asset-file-list__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}:root .asset-file-list__head{justify-content:space-between;align-items:center;gap:12px;display:flex}:root .asset-file-list__summary{gap:4px;display:grid}:root .asset-file-list__head h4{margin:0;font-size:15px}:root .asset-file-list__head span,:root .asset-file-list__item small{color:#8d8277;font-size:12px}:root .asset-file-list__item{color:#5d4d3f;background:#ffffffb3;border:1px solid #d9cabbe6;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}:root .asset-file-list__content{min-width:0}:root .asset-file-list__content span,:root .asset-file-list__content small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root .asset-file-list__empty{color:#877c71;background:#fffcf6b8;border:1px dashed #d9cabbe6;border-radius:14px;padding:14px}:root .hidden-file-input{display:none}:root .user-table-actions{justify-content:flex-start}:root .user-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}:root .permission-editor{gap:14px;margin-top:18px;display:grid}:root .permission-editor__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}:root .permission-editor__head h4{margin:0;font-size:16px}:root .permission-editor__head p,:root .permission-editor__head span{color:#877c71;margin:6px 0 0;font-size:13px}:root .permission-group-stack{gap:12px;display:grid}:root .permission-group-panel{background:#fffcf6b8;border:1px solid #d9cabbe6;border-radius:16px;padding:14px}:root .permission-group-panel strong{margin-bottom:10px;font-size:14px;display:block}:root .permission-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}:root .dialog-footer-actions{justify-content:flex-end;gap:12px;display:flex}:root .order-editor-panel{padding:18px}:root .order-editor-list{gap:12px;display:grid}:root .order-editor-line{background:#fffcf6b8;border:1px solid #d9cabbe6;border-radius:16px;padding:14px}:root .order-editor-line__row,:root .order-editor-line__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}:root .order-editor-line__product{flex:420px}:root .order-editor-line__meta{color:#877c71;justify-content:space-between;margin-top:10px;font-size:13px}:root .order-editor-line__meta strong{color:#5d4d3f}:root .order-editor-line__warning{color:#b85c38;font-weight:600}:root .side-actions{flex-direction:column;align-items:stretch}:root .permission-tags{flex-wrap:wrap;gap:8px;display:flex}:root .login-page{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}:root .login-hero{color:#f9f2ea;background:linear-gradient(135deg,#24353ae0,#432d1fcc),linear-gradient(#a66536cc,#24353ad9);flex-direction:column;justify-content:center;padding:56px;display:flex}:root .login-hero h1{font-size:44px;line-height:1.2}:root .login-tags{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}:root .login-tags span{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:10px 14px;font-size:13px}:root .login-card{align-self:center;margin:48px;padding:42px}:root .login-card__head{margin-bottom:18px}:root .login-card__head h2{margin-bottom:10px;font-size:30px}:root .login-card__form{gap:12px;margin-bottom:18px;display:grid}:root .login-card__form label{color:var(--muted);font-size:13px}:root .login-card__button{margin-top:6px}:root .table-actions{align-items:center}:root .el-card,:root .el-alert,:root .el-table,:root .el-input__wrapper,:root .el-button{border-radius:14px}:root .el-button{letter-spacing:.02em;--el-button-text-color:#24180d;--el-button-bg-color:#fffaf5fa;--el-button-border-color:#784e2e57;--el-button-hover-text-color:#24180d;--el-button-hover-bg-color:#e7ccb2e0;--el-button-hover-border-color:#784e2eb3;--el-button-active-text-color:#24180d;--el-button-active-bg-color:#dcbc9df5;--el-button-active-border-color:#7b4a28;--el-button-disabled-text-color:#8f8479;--el-button-disabled-bg-color:#f4eee7f5;--el-button-disabled-border-color:#cfc2b4eb;font-weight:700;box-shadow:0 8px 18px #3a271714}:root .el-button--primary:not(.is-plain){--el-button-bg-color:#7b4723;--el-button-border-color:#7b4723;--el-button-hover-bg-color:#623517;--el-button-hover-border-color:#623517;--el-button-active-bg-color:#4d2911;--el-button-active-border-color:#4d2911;--el-button-text-color:#fffaf4;--el-button-hover-text-color:#fffaf4;--el-button-active-text-color:#fffaf4}:root .el-button--primary.is-plain{--el-button-text-color:#6d3e1d;--el-button-bg-color:#a6653624;--el-button-border-color:#7b472366;--el-button-hover-text-color:#fffaf4;--el-button-hover-bg-color:#7b4723;--el-button-hover-border-color:#7b4723;--el-button-active-text-color:#fffaf4;--el-button-active-bg-color:#4d2911;--el-button-active-border-color:#4d2911}:root .el-button--danger:not(.is-plain){--el-button-bg-color:#a4412a;--el-button-border-color:#a4412a;--el-button-hover-bg-color:#86321f;--el-button-hover-border-color:#86321f;--el-button-active-bg-color:#6f2819;--el-button-active-border-color:#6f2819;--el-button-text-color:#fffaf4;--el-button-hover-text-color:#fffaf4;--el-button-active-text-color:#fffaf4}:root .el-button--danger.is-plain{--el-button-text-color:#8c3621;--el-button-bg-color:#b5533d1f;--el-button-border-color:#a4412a66;--el-button-hover-text-color:#fffaf4;--el-button-hover-bg-color:#a4412a;--el-button-hover-border-color:#a4412a;--el-button-active-text-color:#fffaf4;--el-button-active-bg-color:#6f2819;--el-button-active-border-color:#6f2819}@media (width<=1280px){:root .card-grid--products,:root .stats-grid--four,:root .stats-grid--three,:root .detail-grid,:root .detail-grid--order,:root .detail-info-grid,:root .detail-info-grid--three,:root .toolbar-panel--five,:root .toolbar-panel--six,:root .preview-thumbs,:root .customer-gallery,:root .user-dialog-grid,:root .permission-option-grid,:root .login-page{grid-template-columns:1fr}:root .asset-image-actions,:root .asset-file-list__item,:root .asset-file-list__actions{flex-direction:column;align-items:stretch}:root .tree-node{flex-direction:column;align-items:stretch;padding:10px 12px}:root .tree-node__actions{justify-content:flex-end;width:100%}:root .order-editor-line__row,:root .order-editor-line__meta{flex-direction:column;align-items:stretch}:root .login-card{margin:20px}}@media (width<=960px){:root .app-shell{padding-left:0}:root .app-sidebar{display:none}:root .app-topbar{flex-direction:column;align-items:stretch}:root .topbar-search{min-width:100%}:root .page-hero-card{flex-direction:column}}:root{background:var(--code-bg);padding:4px 8px}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:left;box-sizing:border-box;border:0;flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}