.selection-page{display:grid;gap:var(--yl-space-6);width:100%;min-width:0;color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.selection-page *,.selection-modal *,.selection-upload-dialog *,.selection-preview-dialog *{box-sizing:border-box}.selection-page [hidden],.selection-modal [hidden],.selection-upload-dialog [hidden],.selection-preview-dialog [hidden]{display:none!important}.selection-page :is(h1,h2,h3,p,dl,dd){margin:var(--yl-space-0)}.selection-page h1{font-size:var(--yl-font-size-title);line-height:var(--yl-font-lineHeight-title);font-weight:var(--yl-font-weight-semibold);overflow-wrap:anywhere}.selection-page h2{font-size:var(--yl-font-size-titleSmall);line-height:var(--yl-font-lineHeight-titleSmall);font-weight:var(--yl-font-weight-semibold);overflow-wrap:anywhere}.selection-page h3{font-size:var(--yl-font-size-body);line-height:var(--yl-font-lineHeight-body);font-weight:var(--yl-font-weight-semibold)}.selection-page :is(button,a,input,select,textarea),:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(button,a,input,select,textarea){font:inherit;touch-action:manipulation}.selection-page :is(button,a.primary-button,a.secondary-button),:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(button,a.primary-button,a.secondary-button){min-width:var(--yl-layout-touchTarget);min-height:var(--yl-layout-touchTarget)}.selection-page :is(button,a,input,select,textarea):focus-visible,:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(button,a,input,select,textarea):focus-visible{outline:var(--yl-border-width) solid var(--yl-color-brand);outline-offset:var(--yl-space-1);box-shadow:0 0 0 var(--yl-space-1) var(--yl-color-focusRing)}.selection-page button:disabled,:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) button:disabled{cursor:not-allowed}.selection-page :is(.primary-button,.secondary-button),:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(.primary-button,.secondary-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--yl-space-2);padding:var(--yl-space-2) var(--yl-space-4);line-height:var(--yl-font-lineHeight-bodySmall);text-decoration:none;text-align:center;overflow-wrap:anywhere}.selection-page .text-button,:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) .text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--yl-space-2);padding:var(--yl-space-2) var(--yl-space-3);border:0;border-radius:var(--yl-radius-md);color:var(--yl-color-textSecondary);background:transparent;cursor:pointer;text-decoration:none}.selection-page .text-button:hover:not(:disabled),:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) .text-button:hover:not(:disabled){color:var(--yl-color-textPrimary);background:var(--yl-color-surfaceSubtle)}.selection-page .text-button:disabled,:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) .text-button:disabled{color:var(--yl-color-textDisabled);background:transparent}.selection-page svg,:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) svg{flex:0 0 auto;width:var(--yl-space-5);height:var(--yl-space-5)}.selection-page :is(small,.selection-muted,.selection-field-hint),:is(.selection-modal,.selection-upload-dialog) :is(small,.selection-muted,.selection-field-hint){color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-regular);line-height:var(--yl-font-lineHeight-caption)}.selection-page .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-5);min-width:0}.selection-page .selection-heading-copy{display:grid;gap:var(--yl-space-2);min-width:0}.selection-page .selection-heading-copy>p{color:var(--yl-color-textSecondary)}.selection-page .selection-back{display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;gap:var(--yl-space-2);padding-inline:var(--yl-space-0)}.selection-page .selection-context{display:flex;flex-wrap:wrap;gap:var(--yl-space-2) var(--yl-space-5);color:var(--yl-color-textSecondary)}.selection-page .selection-context>:is(span,strong){display:inline-flex;align-items:flex-start;gap:var(--yl-space-2);min-width:0;max-width:100%;overflow-wrap:anywhere}.selection-page .selection-context strong{color:var(--yl-color-textPrimary);font-weight:var(--yl-font-weight-medium)}.selection-page :is(.selection-heading-actions,.selection-actions){display:flex;align-items:center;flex-wrap:wrap;gap:var(--yl-space-3);min-width:0}.selection-page .selection-heading-actions{justify-content:flex-end;flex:0 0 auto}.selection-page .selection-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:var(--yl-space-1) var(--yl-space-2);border-radius:var(--yl-radius-sm);color:var(--yl-color-textSecondary);background:var(--yl-color-surfaceSubtle);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-medium);line-height:var(--yl-font-lineHeight-caption);overflow-wrap:anywhere}.selection-page .selection-badge:is(.brand,[data-state=editing]){background:var(--yl-color-brandSoft)}.selection-page .selection-badge:is(.success,[data-state=submitted]){color:var(--yl-color-success);background:var(--yl-color-successSoft)}.selection-page .selection-badge.warning{color:var(--yl-color-warning);background:var(--yl-color-warningSoft)}.selection-page .selection-list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-3);min-width:0}.selection-page .selection-search{display:flex;align-items:center;gap:var(--yl-space-2);width:min(100%,var(--yl-layout-capacityHeroMinHeight));min-width:0;color:var(--yl-color-textSecondary)}.selection-page .selection-search input{flex:1 1 auto;width:100%;min-width:0;min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-2) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);color:var(--yl-color-textPrimary);background:var(--yl-color-surface)}.selection-page .selection-search input::placeholder{color:var(--yl-color-textSecondary)}.selection-page .selection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yl-space-5);min-width:0}.selection-page .selection-album-card{min-width:0;overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.selection-page .selection-album-cover{display:grid;place-items:center;width:100%;aspect-ratio:var(--yl-media-albumCoverRatio);overflow:hidden;color:var(--yl-color-textSecondary);background:var(--yl-color-surfaceSubtle)}.selection-page button.selection-album-cover{padding:0;border:0;border-radius:var(--yl-radius-none)}.selection-page .selection-album-cover>span:not(.selection-photo-failed){display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--yl-space-3)}.selection-page .selection-album-cover img,.selection-page img.selection-album-cover{display:block;width:100%;height:100%;aspect-ratio:var(--yl-media-albumCoverRatio);object-fit:cover}.selection-page .selection-album-cover>svg{width:var(--yl-space-10);height:var(--yl-space-10)}.selection-page .selection-album-body{display:grid;gap:var(--yl-space-3);min-width:0;padding:var(--yl-space-4)}.selection-page .selection-customer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yl-space-3);min-width:0}.selection-page .selection-customer-row>strong{min-width:0;font-size:var(--yl-font-size-body);line-height:var(--yl-font-lineHeight-body);font-weight:var(--yl-font-weight-semibold);overflow-wrap:anywhere}.selection-page .selection-customer-row>.selection-badge{flex:0 0 auto}.selection-page .selection-metadata-date{display:flex;align-items:flex-start;gap:var(--yl-space-2);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.selection-page .selection-metadata-date svg{width:var(--yl-space-4);height:var(--yl-space-4)}.selection-page .selection-album-body h2{font-size:var(--yl-font-size-body);line-height:var(--yl-font-lineHeight-body)}.selection-page .selection-album-body>p{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);overflow-wrap:anywhere}.selection-page .selection-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-2);padding-top:var(--yl-space-2);border-top:var(--yl-border-width) solid var(--yl-color-divider)}.selection-page .selection-card-footer .text-button{justify-content:flex-start;padding-inline:var(--yl-space-0);color:var(--yl-color-brand)}.selection-page .selection-workbench{display:grid;grid-template-columns:minmax(0,1fr) var(--yl-layout-webSidebarWidth);gap:var(--yl-space-6);align-items:start;min-width:0}.selection-page :is(.selection-editor-panel,.selection-rules-panel){min-width:0;overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.selection-page .selection-tabs{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--yl-space-6);min-height:var(--yl-space-16);padding-inline:var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.selection-page .selection-tabs>[role=tablist]{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--yl-space-6);min-width:0;min-height:var(--yl-space-16)}.selection-page .selection-tabs>.text-button{margin-left:auto;align-self:center}.selection-page .selection-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--yl-space-2);padding:var(--yl-space-2) var(--yl-space-0);border:0;color:var(--yl-color-textSecondary);background:transparent;font-size:var(--yl-font-size-bodySmall);cursor:pointer}.selection-page .selection-tab:is(.active,[aria-selected=true]){color:var(--yl-color-brand);font-weight:var(--yl-font-weight-semibold)}.selection-page .selection-tab:is(.active,[aria-selected=true]):after{position:absolute;right:0;bottom:0;left:0;height:var(--yl-layout-activeIndicatorHeight);border-radius:var(--yl-radius-sm);background:var(--yl-color-brand);content:""}.selection-page .selection-panel-body{min-width:0;padding:var(--yl-space-6)}.selection-page .selection-rules-panel{padding:var(--yl-space-6)}.selection-page .selection-rules-panel>h2,.selection-page .selection-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-3);min-width:0;padding-bottom:var(--yl-space-5);margin-bottom:var(--yl-space-5);border-bottom:var(--yl-border-width) solid var(--yl-color-divider)}.selection-page .selection-form{display:grid;gap:var(--yl-space-5);min-width:0}.selection-page .selection-form label{position:relative;display:grid;gap:var(--yl-space-2);min-width:0;font-weight:var(--yl-font-weight-medium)}.selection-page .selection-form label>small{position:absolute;top:var(--yl-space-0);right:var(--yl-space-0);font-weight:var(--yl-font-weight-regular)}.selection-page .selection-form :is(input,select,textarea){width:100%;min-width:0;min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-2) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);color:var(--yl-color-textPrimary);background:var(--yl-color-surface);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.selection-page .selection-form textarea{resize:vertical}.selection-page .selection-form :is(input,textarea)::placeholder{color:var(--yl-color-textSecondary);font-weight:var(--yl-font-weight-regular)}.selection-page .selection-form :is(input,select,textarea):is(:disabled,[readonly]){color:var(--yl-color-textSecondary);background:var(--yl-color-surfaceSubtle)}.selection-page .selection-form [aria-invalid=true]{border-color:var(--yl-color-danger)}.selection-page .selection-form p{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);overflow-wrap:anywhere}.selection-page .selection-form :is(.selection-inline-alert,[role=alert]){color:var(--yl-color-danger)}.selection-page .selection-customer-fields{display:grid;gap:var(--yl-space-4);padding-bottom:var(--yl-space-5);border-bottom:var(--yl-border-width) solid var(--yl-color-divider)}.selection-page .selection-rules-info{display:grid;gap:var(--yl-space-4);padding-top:var(--yl-space-5);margin-top:var(--yl-space-5);border-top:var(--yl-border-width) solid var(--yl-color-divider)}.selection-page .selection-rule{display:flex;align-items:flex-start;gap:var(--yl-space-3);min-width:0}.selection-page .selection-rule>svg{width:var(--yl-space-4);height:var(--yl-space-4);margin-top:var(--yl-space-1);color:var(--yl-color-textSecondary)}.selection-page .selection-rule>div{min-width:0;overflow-wrap:anywhere}.selection-page .selection-rule strong{font-weight:var(--yl-font-weight-medium)}.selection-page .selection-rule :is(small,p){display:block;margin-top:var(--yl-space-1);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.selection-page .selection-rules-info+.selection-field-hint{margin-top:var(--yl-space-5)}.selection-page .selection-upload-target{display:flex;align-items:center;flex-wrap:wrap;gap:var(--yl-space-4);min-width:0;padding:var(--yl-space-5);border:var(--yl-border-width) dashed var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle)}.selection-page .selection-upload-target>div{flex:1 1 0;min-width:0}.selection-page .selection-upload-target strong{font-weight:var(--yl-font-weight-medium);overflow-wrap:anywhere}.selection-page .selection-upload-target p{margin-top:var(--yl-space-1);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);overflow-wrap:anywhere}.selection-page .selection-upload-icon{display:grid;flex:0 0 auto;place-items:center;width:var(--yl-space-12);height:var(--yl-space-12);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);color:var(--yl-color-brand);background:var(--yl-color-surface)}.selection-page .selection-photo-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-3);margin-block:var(--yl-space-5) var(--yl-space-4);color:var(--yl-color-textSecondary)}.selection-page .selection-photo-meta strong{color:var(--yl-color-textPrimary);font-weight:var(--yl-font-weight-medium)}.selection-page .selection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--yl-space-4) var(--yl-space-3);min-width:0}.selection-page .selection-photo{min-width:0}.selection-page .selection-photo-preview{display:block;width:100%;aspect-ratio:var(--yl-media-thumbnailRatio);overflow:hidden;padding:0;border:0;border-radius:var(--yl-radius-sm);color:var(--yl-color-textSecondary);background:var(--yl-color-surfaceSubtle);cursor:pointer}.selection-page .selection-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.selection-page .selection-photo-preview:focus-visible{outline-offset:calc(var(--yl-space-1) * -1)}.selection-page :is(.selection-filename,.selection-photo>p){display:block;max-width:100%;margin-top:var(--yl-space-2);overflow:hidden;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.selection-page .selection-photo>.text-button{width:100%;padding-inline:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.selection-page .selection-photo-failed{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--yl-space-2);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);text-align:center;overflow-wrap:anywhere}.selection-page .selection-grid-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-3);min-width:0;margin-top:var(--yl-space-5);padding-top:var(--yl-space-4);border-top:var(--yl-border-width) solid var(--yl-color-divider);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.selection-page .selection-grid-footer>span{min-width:0;overflow-wrap:anywhere}.selection-page :is(.selection-alert,.selection-success,.selection-notice){display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--yl-space-3);min-width:0;padding:var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md);color:var(--yl-color-textSecondary);background:var(--yl-color-surface);overflow-wrap:anywhere}.selection-page .selection-alert{border-color:transparent;color:var(--yl-color-danger);background:var(--yl-color-dangerSoft)}.selection-page .selection-success{border-color:transparent;color:var(--yl-color-success);background:var(--yl-color-successSoft)}.selection-page :is(.selection-alert,.selection-success,.selection-notice)>div{flex:1 1 0;min-width:0}.selection-page :is(.selection-alert,.selection-success,.selection-notice) p+p{margin-top:var(--yl-space-2)}.selection-page :is(.selection-alert,.selection-success,.selection-notice) strong{font-weight:var(--yl-font-weight-medium)}.selection-page .selection-notice.warning{color:var(--yl-color-warning);background:var(--yl-color-warningSoft);border-color:transparent}.selection-page :is(.selection-state,.selection-empty){display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--yl-space-4);min-width:0;min-height:var(--yl-layout-capacityHeroMinHeight);padding:var(--yl-space-8);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);text-align:center}.selection-page .selection-panel-body>:is(.selection-state,.selection-empty){border:0;padding-inline:var(--yl-space-4)}.selection-page :is(.selection-state,.selection-empty)>svg{width:var(--yl-space-10);height:var(--yl-space-10);color:var(--yl-color-textSecondary)}.selection-page :is(.selection-state,.selection-empty) p{max-width:var(--yl-layout-capacityHeroMinHeight);color:var(--yl-color-textSecondary);overflow-wrap:anywhere}.selection-page .selection-result-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-4);min-width:0;margin-bottom:var(--yl-space-5)}.selection-page .selection-result-summary>div{min-width:0}.selection-page .selection-result-summary p{margin-top:var(--yl-space-1);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);overflow-wrap:anywhere}.selection-page .selection-result-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:var(--yl-space-4);padding-block:var(--yl-space-5);border-top:var(--yl-border-width) solid var(--yl-color-divider);border-bottom:var(--yl-border-width) solid var(--yl-color-divider)}.selection-page .selection-result-counts>div{min-width:0}.selection-page .selection-result-counts>div+div{padding-left:var(--yl-space-5);border-left:var(--yl-border-width) solid var(--yl-color-divider)}.selection-page .selection-result-counts dt{margin-bottom:var(--yl-space-2);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.selection-page .selection-result-counts dd{color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title);line-height:var(--yl-font-lineHeight-title);font-weight:var(--yl-font-weight-semibold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.selection-page .selection-result-counts dd small{margin-left:var(--yl-space-1);color:inherit}.selection-page .selection-result-counts .warning{color:var(--yl-color-warning)}.selection-page .selection-result-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--yl-space-3);min-width:0;margin-bottom:var(--yl-space-5)}.selection-page .selection-result-toolbar+p{margin-bottom:var(--yl-space-5);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.selection-page .selection-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:var(--yl-space-3);min-width:0;padding:var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle)}.selection-page .selection-confirm p{flex-basis:100%;min-width:0;overflow-wrap:anywhere}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog){box-sizing:border-box;width:min(calc(100vw - var(--yl-space-10)),calc(var(--yl-layout-globalShellSidebarWidth) * 3));max-width:calc(100vw - var(--yl-space-10));max-height:calc(100dvh - var(--yl-space-10));margin:auto;padding:var(--yl-space-6);overflow:auto;overscroll-behavior:contain;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);color:var(--yl-color-textPrimary);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-overlay);font-family:var(--yl-font-familySans);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog)::backdrop{background:var(--yl-color-modalOverlay)}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(h2,h3,p,dl,dd){margin:var(--yl-space-0)}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) h2{min-width:0;font-size:var(--yl-font-size-titleSmall);line-height:var(--yl-font-lineHeight-titleSmall);font-weight:var(--yl-font-weight-semibold);overflow-wrap:anywhere}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(header,.selection-dialog-heading){display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yl-space-4);margin-bottom:var(--yl-space-4)}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(header,.selection-dialog-heading)>div{min-width:0}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(footer,.selection-dialog-actions){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--yl-space-3);margin-top:var(--yl-space-5)}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(footer,.selection-dialog-actions)>small{margin-right:auto}:is(.selection-modal,.selection-upload-dialog)>p{margin-bottom:var(--yl-space-5);color:var(--yl-color-textSecondary);overflow-wrap:anywhere}.selection-modal{width:min(calc(100vw - var(--yl-space-10)),calc(var(--yl-layout-globalShellSidebarWidth) * 2))}.selection-upload-dialog{width:min(calc(100vw - var(--yl-space-10)),calc(var(--yl-layout-globalShellSidebarWidth) * 3))}:is(.selection-modal,.selection-upload-dialog) .selection-upload-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-3);margin-block:var(--yl-space-4) var(--yl-space-3);color:var(--yl-color-textSecondary)}:is(.selection-page,.selection-upload-dialog) progress{display:block;width:100%;height:var(--yl-space-2);overflow:hidden;appearance:none;border:0;border-radius:var(--yl-radius-pill);background:var(--yl-color-surfaceSubtle);accent-color:var(--yl-color-brand)}:is(.selection-page,.selection-upload-dialog) progress::-webkit-progress-bar{background:var(--yl-color-surfaceSubtle)}:is(.selection-page,.selection-upload-dialog) progress::-webkit-progress-value{border-radius:var(--yl-radius-pill);background:var(--yl-color-brand)}:is(.selection-page,.selection-upload-dialog) progress::-moz-progress-bar{border-radius:var(--yl-radius-pill);background:var(--yl-color-brand)}:is(.selection-page,.selection-upload-dialog) .selection-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--yl-space-3);min-width:0;padding-block:var(--yl-space-3);border-bottom:var(--yl-border-width) solid var(--yl-color-divider)}:is(.selection-page,.selection-upload-dialog) :is(.selection-upload-thumb,.selection-upload-row>img){display:grid;place-items:center;width:var(--yl-space-12);height:var(--yl-space-12);overflow:hidden;border-radius:var(--yl-radius-sm);color:var(--yl-color-textSecondary);background:var(--yl-color-surfaceSubtle);object-fit:cover}:is(.selection-page,.selection-upload-dialog) .selection-upload-file{min-width:0;overflow-wrap:anywhere}:is(.selection-page,.selection-upload-dialog) .selection-upload-file small{display:block;margin-top:var(--yl-space-1)}:is(.selection-page,.selection-upload-dialog) .selection-upload-file strong{font-weight:var(--yl-font-weight-medium)}:is(.selection-page,.selection-upload-dialog) .selection-upload-entries{min-width:0;margin-top:var(--yl-space-3)}:is(.selection-page,.selection-upload-dialog) .selection-upload-status{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--yl-space-1);max-width:calc(var(--yl-layout-touchTarget) * 3);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);text-align:right;overflow-wrap:anywhere}:is(.selection-page,.selection-upload-dialog) .selection-upload-status:is(.success,[data-phase=ready]){color:var(--yl-color-success)}:is(.selection-page,.selection-upload-dialog) .selection-upload-status:is(.error,[data-phase=error]){color:var(--yl-color-danger)}.selection-page .selection-share,.selection-modal .selection-share{display:grid;gap:var(--yl-space-4);min-width:0}:is(.selection-page,.selection-modal) .selection-share>img{display:block;width:min(100%,calc(var(--yl-layout-touchTarget) * 4));height:auto;aspect-ratio:var(--yl-media-thumbnailRatio);margin-inline:auto;object-fit:contain;background:var(--yl-color-surface)}:is(.selection-page,.selection-modal) .selection-share p{color:var(--yl-color-textSecondary);overflow-wrap:anywhere}:is(.selection-page,.selection-modal) .selection-share-metadata{display:grid;gap:var(--yl-space-3);min-width:0;padding:var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md)}:is(.selection-page,.selection-modal) .selection-share-metadata>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--yl-space-4);min-width:0}:is(.selection-page,.selection-modal) .selection-share-metadata dt{color:var(--yl-color-textSecondary)}:is(.selection-page,.selection-modal) .selection-share-metadata dd{min-width:0;text-align:right;overflow-wrap:anywhere}.selection-preview-dialog>img{display:block;width:100%;max-width:100%;max-height:calc(100dvh - var(--yl-space-16) * 3);margin-block:var(--yl-space-4);background:var(--yl-color-surfaceSubtle);object-fit:contain}.selection-preview-dialog>p{overflow-wrap:anywhere}@media(min-width:1920px){.selection-page .selection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1279px){.selection-page .selection-workbench{grid-template-columns:minmax(0,1fr) var(--yl-layout-globalShellSidebarWidth)}.selection-page .selection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-page :is(.selection-panel-body,.selection-rules-panel){padding:var(--yl-space-5)}.selection-page .selection-upload-target>button{margin-left:calc(var(--yl-space-12) + var(--yl-space-4))}}@media(max-width:1023px){.selection-page .selection-workbench{grid-template-columns:minmax(0,1fr)}.selection-page .selection-list{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-page .selection-heading{align-items:flex-start}.selection-page .selection-heading-actions{flex:0 1 auto}.selection-page .selection-upload-target>button{margin-left:var(--yl-space-0)}}@media(max-width:767px){.selection-page{gap:var(--yl-space-4)}.selection-page .selection-heading{flex-direction:column;align-items:stretch;gap:var(--yl-space-4)}.selection-page h1{font-size:var(--yl-font-size-titleSmall);line-height:var(--yl-font-lineHeight-titleSmall)}.selection-page .selection-heading-actions{width:100%;justify-content:flex-start}.selection-page .selection-heading-actions>:is(button,a){flex:1 1 auto}.selection-page .selection-context{flex-direction:column;gap:var(--yl-space-2)}.selection-page .selection-list{grid-template-columns:minmax(0,1fr)}.selection-page .selection-search{width:100%}.selection-page .selection-tabs{gap:var(--yl-space-4);padding-inline:var(--yl-space-4)}.selection-page .selection-tabs>[role=tablist]{gap:var(--yl-space-4)}.selection-page :is(.selection-panel-body,.selection-rules-panel){padding:var(--yl-space-4)}.selection-page .selection-workbench{gap:var(--yl-space-4)}.selection-page .selection-upload-target{gap:var(--yl-space-3);padding:var(--yl-space-4)}.selection-page .selection-upload-icon{width:var(--yl-space-10);height:var(--yl-space-10)}.selection-page .selection-upload-target>button{flex-basis:100%;width:100%;margin-left:var(--yl-space-0)}.selection-page .selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yl-space-4) var(--yl-space-2)}.selection-page .selection-photo>.text-button{white-space:normal;overflow-wrap:anywhere}.selection-page .selection-grid-footer{align-items:flex-start}.selection-page .selection-grid-footer>span{flex:1 1 var(--yl-layout-accountActionWidth)}.selection-page :is(.selection-state,.selection-empty){padding:var(--yl-space-6)}.selection-page .selection-result-summary{align-items:flex-start}.selection-page .selection-result-counts>div+div{padding-left:var(--yl-space-3)}.selection-page .selection-result-counts dd{font-size:var(--yl-font-size-titleSmall);line-height:var(--yl-font-lineHeight-titleSmall)}.selection-page .selection-result-toolbar{gap:var(--yl-space-2)}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog){width:calc(100vw - var(--yl-space-6));max-width:calc(100vw - var(--yl-space-6));max-height:calc(100dvh - var(--yl-space-6));padding:var(--yl-space-4)}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(footer,.selection-dialog-actions){gap:var(--yl-space-2)}:is(.selection-modal,.selection-upload-dialog,.selection-preview-dialog) :is(footer,.selection-dialog-actions)>small{flex-basis:100%}:is(.selection-page,.selection-upload-dialog) .selection-upload-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--yl-space-2)}:is(.selection-page,.selection-upload-dialog) .selection-upload-file{grid-column:1 / -1}:is(.selection-page,.selection-upload-dialog) :is(.selection-upload-thumb,.selection-upload-row>img){width:var(--yl-space-10);height:var(--yl-space-10)}:is(.selection-page,.selection-upload-dialog) .selection-upload-status{grid-column:1;justify-content:flex-start;max-width:100%;text-align:left}:is(.selection-page,.selection-modal) .selection-share-metadata>div{gap:var(--yl-space-3)}}@media(prefers-reduced-motion:reduce){.selection-page *,.selection-modal *,.selection-upload-dialog *,.selection-preview-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.visitor-page{display:grid;gap:var(--yl-space-5);min-width:var(--yl-space-0)}.visitor-page-heading,.visitor-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4)}.visitor-page-heading p,.visitor-count-note,.visitor-detail-profile p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-body)}.visitor-back,.visitor-detail-button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-1) var(--yl-space-2);border:var(--yl-border-width) solid transparent;border-radius:var(--yl-radius-sm);background:transparent;color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall)}.visitor-back{margin-left:calc(var(--yl-space-2) * -1)}.visitor-detail-button{min-width:calc(var(--yl-layout-touchTarget) * 2);max-width:calc(var(--yl-layout-touchTarget) * 5);overflow-wrap:anywhere;text-align:left;font-weight:var(--yl-font-weight-medium)}.visitor-detail-button:hover,.visitor-back:hover{background:var(--yl-color-brandSoft);color:var(--yl-color-textPrimary)}.visitor-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--yl-space-4);padding:var(--yl-space-5);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.visitor-filters label{display:grid;flex:1 1 calc(var(--yl-layout-touchTarget) * 4);gap:var(--yl-space-2);min-width:var(--yl-space-0);font-size:var(--yl-font-size-bodySmall)}.visitor-filters input,.visitor-filters select{width:100%;min-width:var(--yl-space-0);min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-2) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary)}.visitor-page .primary-button,.visitor-page .secondary-button{min-height:var(--yl-layout-touchTarget)}.visitor-filter-actions{display:flex;flex-wrap:wrap;gap:var(--yl-space-3)}.visitor-field-error{flex-basis:100%;margin:var(--yl-space-0);color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall)}.visitor-state{display:grid;justify-items:center;gap:var(--yl-space-3);padding:var(--yl-space-10) var(--yl-space-5);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);text-align:center}.visitor-state h2,.visitor-state p{margin:var(--yl-space-0)}.visitor-state h2,.visitor-detail h2{font-size:var(--yl-font-size-titleSmall);line-height:var(--yl-font-lineHeight-titleSmall)}.visitor-state p{color:var(--yl-color-textSecondary)}.visitor-error{border-color:var(--yl-color-danger)}.visitor-records-layout{display:grid;gap:var(--yl-space-5);min-width:var(--yl-space-0)}.visitor-list-panel,.visitor-detail{min-width:var(--yl-space-0);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.visitor-table-wrap{position:relative;overflow-x:auto;border-radius:var(--yl-radius-lg)}.visitor-table{width:100%;min-width:calc(var(--yl-layout-touchTarget) * 18);border-collapse:collapse;font-size:var(--yl-font-size-bodySmall)}.visitor-table th,.visitor-table td{padding:var(--yl-space-4);border-bottom:var(--yl-border-width) solid var(--yl-color-border);text-align:left;vertical-align:middle}.visitor-table th{background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary);font-weight:var(--yl-font-weight-medium);white-space:nowrap}.visitor-table tbody tr:last-child td{border-bottom:var(--yl-space-0)}.visitor-table time{display:block;min-width:calc(var(--yl-layout-touchTarget) * 3);font-variant-numeric:tabular-nums}.visitor-table .visitor-number{text-align:right;font-variant-numeric:tabular-nums}.visitor-row-selected{background:var(--yl-color-brandSoft)}.visitor-row-selected .visitor-detail-button{color:var(--yl-color-textPrimary)}.visitor-identity,.visitor-detail-profile{display:flex;align-items:center;gap:var(--yl-space-3)}.visitor-identity strong,.visitor-detail-profile strong{overflow-wrap:anywhere;font-weight:var(--yl-font-weight-medium)}.visitor-identity strong{min-width:calc(var(--yl-layout-touchTarget) * 2)}.visitor-avatar{display:grid;flex:0 0 var(--yl-layout-touchTarget);width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);place-items:center;border-radius:var(--yl-radius-pill);object-fit:cover}.visitor-avatar-placeholder{background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-titleSmall)}.visitor-pagination{display:flex;justify-content:center;padding:var(--yl-space-4);border-top:var(--yl-border-width) solid var(--yl-color-border)}.visitor-detail{display:grid;align-content:start;gap:var(--yl-space-5);padding:var(--yl-space-5)}.visitor-detail h2,.visitor-detail h3{margin:var(--yl-space-0)}.visitor-album-visits{display:grid;gap:var(--yl-space-5);margin:var(--yl-space-0);padding:var(--yl-space-0);list-style:none}.visitor-album-visits li{padding-top:var(--yl-space-5);border-top:var(--yl-border-width) solid var(--yl-color-border)}.visitor-album-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-2)}.visitor-album-heading h3{overflow-wrap:anywhere;font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-medium)}.visitor-album-heading span{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.visitor-album-visits dl{display:grid;gap:var(--yl-space-2);margin:var(--yl-space-3) var(--yl-space-0) var(--yl-space-0);font-size:var(--yl-font-size-bodySmall)}.visitor-album-visits dl>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--yl-space-2)}.visitor-album-visits dt{color:var(--yl-color-textSecondary)}.visitor-album-visits dd{margin:var(--yl-space-0);font-variant-numeric:tabular-nums}.visitor-page :is(button,input,select):focus-visible{outline:var(--yl-border-width) solid var(--yl-color-brand);outline-offset:var(--yl-space-1)}@media(max-width:1279px){.album-list-page .album-list-heading-with-visitors{position:static;justify-content:flex-end;flex-wrap:wrap;margin-bottom:var(--yl-space-4)}}@media(max-width:767px){.visitor-page-heading{align-items:flex-start;flex-wrap:wrap}.visitor-page-heading>.secondary-button{width:100%}.visitor-filters{padding:var(--yl-space-4)}.visitor-filters label{flex-basis:100%}.visitor-filter-actions{width:100%}.visitor-filter-actions button{flex:1}.visitor-detail{padding:var(--yl-space-4)}}:root{--yl-color-canvas: #F3F3F3;--yl-color-surface: #FFFFFF;--yl-color-surfaceSubtle: #F7F7F7;--yl-color-textPrimary: #242424;--yl-color-textSecondary: #5F5F5F;--yl-color-textMuted: #767676;--yl-color-textDisabled: #9A9A9A;--yl-color-border: #E3E3E3;--yl-color-borderStrong: #C7C7C7;--yl-color-overlay: rgba(18, 18, 18, .45);--yl-color-settingsOverlay: rgba(30, 37, 41, .48);--yl-color-modalOverlay: rgba(30, 37, 41, .48);--yl-color-brand: #3F7E97;--yl-color-brandSoft: #E8F1F4;--yl-color-brandDecorative: #6693A6;--yl-color-success: #4F705B;--yl-color-successSoft: #EEF4F0;--yl-color-warning: #80652D;--yl-color-warningSoft: #FBF6E8;--yl-color-serviceUnavailable: #B7682A;--yl-color-serviceUnavailableSoft: #FDF4EB;--yl-color-serviceUnavailableBorder: #F2D9C1;--yl-color-danger: #A85252;--yl-color-dangerSoft: #FDF0F0;--yl-color-divider: #EDEDED;--yl-color-skeletonStrong: #ECEEF0;--yl-color-skeletonSoft: #F2F3F5;--yl-color-usageNormalBorder: #C7DCE4;--yl-color-usageWarning: #B7682A;--yl-color-usageWarningSoft: #FDF4EB;--yl-color-usageWarningBorder: #F2D9C1;--yl-color-usageProtection: #C57635;--yl-color-usageRestricted: #B85A5A;--yl-color-usageRestrictedSoft: #FDF0F0;--yl-color-usageRestrictedBorder: #F0D3D3;--yl-color-recycleEmptyIcon: #9DA3AA;--yl-color-recycleOverlay: rgba(30, 37, 41, .48);--yl-color-focusRing: rgba(63, 126, 151, .32);--yl-color-publicSharedText: #202329;--yl-color-publicSharedSecondary: #737B85;--yl-color-publicSharedDivider: #E5E8EB;--yl-color-publicAction: #526F86;--yl-color-publicEditorialCanvas: #181A1C;--yl-color-publicEditorialText: #F4F3EF;--yl-color-publicEditorialAccent: #A8C8DF;--yl-color-publicEditorialAction: #576C83;--yl-color-publicEditorialDivider: rgba(255,255,255,.18);--yl-color-publicJournalCanvas: #F7F3EC;--yl-color-publicJournalText: #2D2A26;--yl-color-publicJournalAccent: #A86442;--yl-color-publicJournalDivider: #D8CFC0;--yl-color-publicJournalAction: #272522;--yl-color-publicStudioCanvas: #FFFFFF;--yl-color-publicStudioText: #2F353A;--yl-color-publicStudioContact: #F0F3F3;--yl-color-publicStudioDivider: #E5E8E9;--yl-color-publicEditorialBrandCanvas: #111315;--yl-color-publicEditorialBrandDivider: rgba(255,255,255,.19);--yl-color-publicJournalBrandCanvas: #F7F1E7;--yl-color-publicJournalBrandIdentity: #E9DDD0;--yl-color-publicJournalBrandText: #2D2925;--yl-color-publicJournalBrandSecondary: #675E56;--yl-color-publicJournalBrandContact: #805136;--yl-color-publicJournalBrandBorder: #C9AE99;--yl-color-publicJournalBrandContactSurface: #FFFAF3;--yl-color-publicStudioBrandCanvas: #F3F6F6;--yl-color-publicStudioBrandPoster: #DCE9EA;--yl-color-publicStudioBrandPosterGlow: rgba(255,255,255,.18);--yl-color-publicStudioBrandPosterStroke: rgba(255,255,255,.1);--yl-color-publicStudioBrandText: #37434C;--yl-color-publicStudioBrandDivider: #DCE4E6;--yl-color-publicStudioBrandContact: #4E7188;--yl-color-publicStudioBrandContactSurface: #EAF2F3;--yl-template-archive-canvas: #0C0D0F;--yl-template-archive-surface: #17191B;--yl-template-archive-nav-canvas: #101114;--yl-template-archive-text-primary: #EFEEE8;--yl-template-archive-text-muted: #AAA79E;--yl-template-archive-text-nav: #7C7E79;--yl-template-archive-accent: #E6D7B5;--yl-template-archive-line: rgba(255,255,255,.11);--yl-template-curated-canvas: #F4F0E7;--yl-template-curated-surface: #FFFAF2;--yl-template-curated-text-primary: #171717;--yl-template-curated-text-muted: #746C63;--yl-template-curated-accent: #B04E37;--yl-template-curated-line: #D7CFC1;--yl-template-grid-canvas: #E8EEEA;--yl-template-grid-surface: #F5F2E9;--yl-template-grid-brand: #2F5B4F;--yl-template-grid-text-primary: #173D33;--yl-template-grid-text-muted: #5D6F69;--yl-template-grid-text-onBrand: #F8F5EE;--yl-template-grid-text-mutedOnBrand: #C7D6CF;--yl-template-grid-accent: #C87B47;--yl-template-grid-accentOnLight: #985D36;--yl-template-grid-accentOnBrand: #E4BFA5;--yl-template-grid-line: rgba(23,61,51,.16);--yl-template-grid-lineOnBrand: rgba(255,255,255,.18);--yl-d13-viewer-bg: #000000;--yl-d13-selector-optionWidth: 128px;--yl-d13-selector-phone-width: 88px;--yl-d13-selector-phone-height: 191px;--yl-d13-selector-phone-borderWidth: 2px;--yl-d13-selector-phone-radius: 15px;--yl-d13-selector-phone-canvasWidth: 188px;--yl-d13-selector-phone-canvasHeight: 418.48px;--yl-d13-selector-phone-canvasScale: .44680851;--yl-d13-selector-phone-border: #171A1C;--yl-d13-selector-phone-hoverBorder: #546A72;--yl-d13-selector-phone-shadow: 0px 6px 14px 0px rgba(31, 43, 46, .1);--yl-d13-selector-phone-selectedShadow: 0px 7px 17px 0px rgba(31, 65, 76, .14);--yl-d13-selector-name-height: 34px;--yl-d13-selector-name-size: 13px;--yl-d13-selector-name-lineHeight: 18px;--yl-d13-selector-check-size: 18px;--yl-d13-selector-check-top: -6px;--yl-d13-selector-check-right: 13px;--yl-d13-selector-check-shadow: 0px 2px 7px 0px rgba(36, 71, 83, .18);--yl-d13-selector-grid-columnGapWide: 72px;--yl-d13-selector-grid-columnGapDesktop: 64px;--yl-d13-selector-grid-columnGapTablet: 54px;--yl-d13-selector-grid-columnGapCompact: 48px;--yl-d13-selector-grid-columnGapNarrow: 24px;--yl-d13-selector-grid-rowGapWide: 26px;--yl-d13-selector-grid-rowGapCompact: 24px;--yl-d13-selector-grid-paddingTop: 26px;--yl-d13-selector-grid-paddingBottom: 22px;--yl-d13-selector-grid-paddingInlineWide: 24px;--yl-d13-selector-grid-paddingInlineDesktop: 18px;--yl-d13-selector-grid-paddingInlineCompact: 14px;--yl-public-sharePermission-overlayColor: rgba(0,0,0,.5);--yl-public-sharePermission-boxColor: #000000;--yl-public-sharePermission-textColor: #FFFFFF;--yl-public-sharePermission-fontSize: 24px;--yl-public-sharePermission-lineHeight: 1.33333333;--yl-public-sharePermission-fontWeight: 500;--yl-public-sharePermission-boxMinWidth: 256px;--yl-public-sharePermission-boxPaddingY: 24px;--yl-public-sharePermission-boxPaddingX: 4px;--yl-public-sharePermission-edgeInset: 8px;--yl-public-sharePermission-radius: 0px;--yl-public-sharePermission-zIndex: 900;--yl-public-home-type-cardTitle-size: 14px;--yl-public-home-type-cardTitle-lineHeight: 22px;--yl-public-home-type-cardTitle-lineRatio: 1.57142857;--yl-public-home-type-cardDate-size: 12px;--yl-public-home-type-cardDate-lineHeight: 18px;--yl-public-home-type-cardDate-lineRatio: 1.5;--yl-public-home-type-storyTitle-size: 18px;--yl-public-home-type-storyTitle-lineHeight: 26px;--yl-public-home-type-storyTitle-lineRatio: 1.44444444;--yl-public-home-type-mainTitle-size: 24px;--yl-public-home-type-mainTitle-lineHeight: 32px;--yl-public-home-type-mainTitle-lineRatio: 1.33333333;--yl-public-home-type-heroCurated-lineRatio: 1.08695652;--yl-public-home-type-heroGrid-lineRatio: 1.23809524;--yl-public-home-type-navigation-lineRatio: 1.4;--yl-public-home-type-appbar-lineRatio: 1.38461538;--yl-public-home-layout-thumbnail: 128px;--yl-public-home-layout-indexColumn: 32px;--yl-public-home-layout-logo: 64px;--yl-public-home-layout-contactHeight: 48px;--yl-public-type-status-size: 11px;--yl-public-type-status-lineHeight: 15px;--yl-public-type-status-weight: 600;--yl-public-type-appbar-size: 13px;--yl-public-type-appbar-lineHeight: 18px;--yl-public-type-appbar-weight: 600;--yl-public-type-category-size: 12px;--yl-public-type-category-lineHeight: 18px;--yl-public-type-category-weight: 400;--yl-public-type-category-selectedWeight: 700;--yl-public-type-cardTitle-size: 13px;--yl-public-type-cardTitle-lineHeight: 18px;--yl-public-type-cardTitle-weight: 600;--yl-public-type-cardMeta-size: 10px;--yl-public-type-cardMeta-lineHeight: 14px;--yl-public-type-cardMeta-weight: 400;--yl-public-type-detailTitle-size: 23px;--yl-public-type-detailTitle-lineHeight: 25px;--yl-public-type-detailTitle-weight: 700;--yl-public-type-detailTitle-serifWeight: 600;--yl-public-type-heroArchive-size: 24px;--yl-public-type-heroArchive-lineHeight: 29px;--yl-public-type-heroArchive-weight: 500;--yl-public-type-heroCurated-size: 23px;--yl-public-type-heroCurated-lineHeight: 25px;--yl-public-type-heroCurated-weight: 600;--yl-public-type-heroGrid-size: 21px;--yl-public-type-heroGrid-lineHeight: 26px;--yl-public-type-heroGrid-weight: 700;--yl-public-type-brandName-size: 27px;--yl-public-type-brandName-lineHeight: 29px;--yl-public-type-brandName-weight: 700;--yl-public-type-brandIntro-size: 13px;--yl-public-type-brandIntro-lineHeight: 22px;--yl-public-type-brandIntro-weight: 400;--yl-public-type-stateTitle-size: 20px;--yl-public-type-stateTitle-lineHeight: 27px;--yl-public-type-stateTitle-weight: 600;--yl-public-type-action-size: 13px;--yl-public-type-action-lineHeight: 18px;--yl-public-type-action-weight: 700;--yl-public-type-sheetAction-size: 15px;--yl-public-type-sheetAction-lineHeight: 22px;--yl-public-type-sheetAction-weight: 400;--yl-public-type-sheetAction-primaryWeight: 700;--yl-public-type-videoError-size: 14px;--yl-public-type-videoError-lineHeight: 20px;--yl-public-type-videoError-weight: 600;--yl-public-chrome-status-height: 45px;--yl-public-chrome-appbar-height: 48px;--yl-public-chrome-appbar-insetX: 12px;--yl-public-chrome-appbar-hit: 44px;--yl-public-chrome-appbar-icon-size: 19px;--yl-public-chrome-appbar-icon-stroke: 1.65px;--yl-public-chrome-bottomNav-height: 53px;--yl-public-chrome-bottomNav-icon: 15px;--yl-public-chrome-bottomNav-label-size: 10px;--yl-public-chrome-bottomNav-label-lineHeight: 14px;--yl-public-category-height: 48px;--yl-public-category-hit-minWidth: 45px;--yl-public-category-hit-height: 44px;--yl-public-category-gap: 10px;--yl-public-content-inset: 20px;--yl-public-grid-columnGap: 12px;--yl-public-grid-rowGap: 16px;--yl-public-flow-archiveGap: 8px;--yl-public-detail-meta-minHeight: 86px;--yl-public-detail-meta-paddingTop: 18px;--yl-public-detail-meta-paddingX: 20px;--yl-public-detail-meta-paddingBottom: 17px;--yl-public-contact-hit-width: 58px;--yl-public-contact-hit-height: 58px;--yl-public-video-play-hit-width: 54px;--yl-public-video-play-hit-height: 54px;--yl-public-sheet-actionHeight: 56px;--yl-public-sheet-radius: 22px;--yl-public-sheet-safeInsetMin: 10px;--yl-public-field-placeholder: #5F5F5F;--yl-public-radius-media: 0px;--yl-public-radius-field: 13px;--yl-public-radius-pill: 999px;--yl-public-hit-minimum-width: 44px;--yl-public-hit-minimum-height: 44px;--yl-public-media-cover: 1.5;--yl-public-media-cardPortrait: .8;--yl-public-media-textScrim: rgba(0,0,0,.68);--yl-public-media-videoFallback: 1.77777778;--yl-font-familySans: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "sans-serif";--yl-font-weight-regular: 400;--yl-font-weight-medium: 500;--yl-font-weight-semibold: 600;--yl-font-weight-bold: 700;--yl-font-size-micro: 11px;--yl-font-size-caption: 12px;--yl-font-size-bodySmall: 14px;--yl-font-size-body: 16px;--yl-font-size-titleSmall: 18px;--yl-font-size-title: 24px;--yl-font-size-display: 32px;--yl-font-size-displayMedium: 40px;--yl-font-size-displayLarge: 52px;--yl-font-lineHeight-caption: 1.5;--yl-font-lineHeight-bodySmall: 1.57;--yl-font-lineHeight-body: 1.5;--yl-font-lineHeight-titleSmall: 1.44;--yl-font-lineHeight-title: 1.33;--yl-font-lineHeight-display: 1.25;--yl-space-0: 0px;--yl-space-1: 4px;--yl-space-2: 8px;--yl-space-3: 12px;--yl-space-4: 16px;--yl-space-5: 20px;--yl-space-6: 24px;--yl-space-8: 32px;--yl-space-10: 40px;--yl-space-12: 48px;--yl-space-16: 64px;--yl-radius-none: 0px;--yl-radius-sm: 4px;--yl-radius-md: 8px;--yl-radius-lg: 12px;--yl-radius-navActive: 10px;--yl-radius-xl: 16px;--yl-radius-panel: 24px;--yl-radius-pill: 999px;--yl-border-width: 1px;--yl-shadow-raised: 0px 4px 16px 0px rgba(30, 36, 32, .08);--yl-shadow-overlay: 0px 16px 48px 0px rgba(20, 24, 21, .18);--yl-motion-fast: .12s;--yl-motion-normal: .18s;--yl-motion-slow: .24s;--yl-zIndex-base: 0;--yl-zIndex-sticky: 100;--yl-zIndex-dropdown: 300;--yl-zIndex-overlay: 500;--yl-zIndex-modal: 600;--yl-zIndex-toast: 800;--yl-breakpoint-compact: 768px;--yl-breakpoint-desktop: 1024px;--yl-breakpoint-wide: 1440px;--yl-breakpoint-compactNav: 960px;--yl-breakpoint-wideNav: 1280px;--yl-layout-webTopbarHeight: 60px;--yl-layout-brandLogoHeight: 40px;--yl-layout-avatarVisualSize: 40px;--yl-layout-webWorkspaceWidth: 1200px;--yl-layout-webSidebarWidth: 300px;--yl-layout-webSidebarCompactWidth: 200px;--yl-layout-webContentInset: 48px;--yl-layout-webContentMaxWidth: 900px;--yl-layout-webContentOffsetTop: 48px;--yl-layout-globalShellSidebarWidth: 240px;--yl-layout-globalShellSidebarCompactWidth: 72px;--yl-layout-globalShellSidebarCompactInset: 10px;--yl-layout-globalShellContentInset: 32px;--yl-layout-globalShellContentTopInset: 28px;--yl-layout-globalShellContentMaxWidth: 1200px;--yl-layout-globalShellLogoWidth: 116px;--yl-layout-globalShellNavHeight: 42px;--yl-layout-globalShellNavIconSize: 18px;--yl-layout-globalShellNavIconGap: 11px;--yl-layout-globalShellNavFontSize: 15px;--yl-layout-globalShellAvatarTriggerHeight: 36px;--yl-layout-globalShellAvatarSize: 27px;--yl-layout-globalShellAccountMenuWidth: 238px;--yl-layout-controlHeight: 36px;--yl-layout-toolbarControlHeight: 40px;--yl-layout-calendarControlHeight: 38px;--yl-layout-touchTarget: 44px;--yl-layout-switchTrackWidth: 36px;--yl-layout-switchTrackHeight: 20px;--yl-layout-switchKnobSize: 14px;--yl-layout-albumWorkbenchPreviewHeight: 580px;--yl-layout-sidebarNavigationHeight: 44px;--yl-layout-sidebarNavigationVisualHeight: 38px;--yl-layout-sidebarNavigationHorizontalInset: 10px;--yl-layout-sidebarNavigationHitWidth: 96px;--yl-layout-accountActionWidth: 112px;--yl-layout-webContentSidebarProximity: 150px;--yl-layout-capacityHeroMinHeight: 360px;--yl-layout-capacityMetaMinWidth: 240px;--yl-layout-activeIndicatorHeight: 3px;--yl-layout-miniappContentOffsetTop: 10px;--yl-layout-portalFeatureVerticalInset: 10px;--yl-layout-portalHeroTitleLetterSpacing: .12em;--yl-media-albumCoverRatio: 1.5;--yl-media-thumbnailRatio: 1}.order-calendar-page{min-width:0;color:var(--yl-color-textPrimary)}.order-calendar-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--yl-space-4);margin-bottom:var(--yl-space-6)}.order-calendar-heading p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.order-calendar-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--yl-space-3)}.order-calendar-toolbar label{display:flex;align-items:center;gap:var(--yl-space-2);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.order-calendar-toolbar input{min-width:0;min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-2) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary)}.order-calendar-toolbar button,.order-calendar-message button{min-height:var(--yl-layout-touchTarget)}.order-calendar-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:var(--yl-space-6)}.order-calendar-panel,.order-calendar-detail{min-width:0;padding:var(--yl-space-6);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.order-calendar-month h2{margin:var(--yl-space-0);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-titleSmall);text-align:center}.order-calendar-month nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--yl-space-2)}.order-calendar-month button{min-width:var(--yl-layout-touchTarget);min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-border-width) solid transparent;border-radius:var(--yl-radius-md);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.order-calendar-month button:hover:not(:disabled){background:var(--yl-color-brandSoft);color:var(--yl-color-brand)}.order-calendar-summary{display:grid;gap:var(--yl-space-1);min-height:var(--yl-space-16);margin:var(--yl-space-3) var(--yl-space-0);padding:var(--yl-space-3) var(--yl-space-4);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.order-calendar-summary strong{font-weight:var(--yl-font-weight-semibold)}.order-calendar-summary small{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.order-calendar-table{width:100%;table-layout:fixed;border-collapse:collapse}.order-calendar-table th{padding:var(--yl-space-3) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-regular);text-align:center}.order-calendar-table td{height:calc(var(--yl-space-16) + var(--yl-space-2));padding:var(--yl-space-0);text-align:center}.order-calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--yl-space-1);width:100%;min-height:calc(var(--yl-space-16) + var(--yl-space-2));padding:var(--yl-space-2) var(--yl-space-0);border:var(--yl-border-width) solid transparent;border-radius:var(--yl-radius-md);background:transparent;color:var(--yl-color-textPrimary)}.order-calendar-day:hover{background:var(--yl-color-surfaceSubtle)}.order-calendar-number{display:grid;width:var(--yl-space-10);height:var(--yl-space-10);place-items:center;border:var(--yl-border-width) solid transparent;border-radius:var(--yl-radius-pill);font-size:var(--yl-font-size-body);line-height:var(--yl-font-lineHeight-body);font-variant-numeric:tabular-nums}.order-calendar-day[aria-current=date] .order-calendar-number{border-color:var(--yl-color-brand);background:var(--yl-color-brandSoft)}.order-calendar-day[aria-pressed=true] .order-calendar-number{border-color:var(--yl-color-brand);background:var(--yl-color-brand);color:var(--yl-color-surface)}.order-calendar-day[aria-current=date][aria-pressed=true] .order-calendar-number{outline:var(--yl-border-width) solid var(--yl-color-brand);outline-offset:var(--yl-space-1)}.order-calendar-dot{width:var(--yl-space-1);height:var(--yl-space-1);border-radius:var(--yl-radius-pill);background:transparent}.order-calendar-dot[data-has-orders=true]{background:var(--yl-color-brand)}.order-calendar-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--yl-space-2);margin-top:var(--yl-space-4);padding-top:var(--yl-space-4);border-top:var(--yl-border-width) solid var(--yl-color-divider);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.order-calendar-legend span{display:inline-flex;align-items:center;gap:var(--yl-space-2)}.order-calendar-legend i{width:var(--yl-space-1);height:var(--yl-space-1);border-radius:var(--yl-radius-pill);background:var(--yl-color-brand)}.order-calendar-message{margin:var(--yl-space-4) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall);text-align:center}.order-calendar-error{display:grid;justify-items:center;gap:var(--yl-space-3);padding:var(--yl-space-4);border-radius:var(--yl-radius-md);background:var(--yl-color-dangerSoft);color:var(--yl-color-danger)}.order-calendar-error p{margin:var(--yl-space-0)}.order-calendar-detail>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--yl-space-3);padding-bottom:var(--yl-space-4);border-bottom:var(--yl-border-width) solid var(--yl-color-divider)}.order-calendar-detail h2{margin:var(--yl-space-0);font-size:var(--yl-font-size-titleSmall);line-height:var(--yl-font-lineHeight-titleSmall)}.order-calendar-detail header p,.order-calendar-detail header>span{margin:var(--yl-space-1) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.order-calendar-detail-empty{display:grid;align-content:center;gap:var(--yl-space-2);min-height:calc(var(--yl-space-16) * 3);padding:var(--yl-space-6) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall);text-align:center}.order-calendar-detail-empty p{margin:var(--yl-space-0);color:var(--yl-color-textPrimary)}.order-calendar-detail-empty span{font-size:var(--yl-font-size-caption)}.order-calendar-order{padding:var(--yl-space-5) var(--yl-space-0);border-bottom:var(--yl-border-width) solid var(--yl-color-divider);overflow-wrap:anywhere}.order-calendar-time{font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-body);font-variant-numeric:tabular-nums}.order-calendar-order h3{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-1);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-medium);line-height:var(--yl-font-lineHeight-bodySmall)}.order-calendar-order p{margin:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.order-calendar-order dl{margin:var(--yl-space-3) var(--yl-space-0) var(--yl-space-0);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.order-calendar-order dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--yl-space-2)}.order-calendar-order dt{color:var(--yl-color-textSecondary)}.order-calendar-order dd{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-variant-numeric:tabular-nums}.order-calendar-detail footer{padding-top:var(--yl-space-4);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.order-calendar-create-day{display:block;width:100%;min-height:var(--yl-layout-touchTarget);margin-bottom:var(--yl-space-3)}.order-calendar-success{padding:var(--yl-space-3) var(--yl-space-4);margin-bottom:var(--yl-space-4);border-radius:var(--yl-radius-md);color:var(--yl-color-success);background:var(--yl-color-successSoft)}.order-create-dialog{width:min(calc(100% - var(--yl-space-8)),calc(var(--yl-space-16) * 11));max-width:none;max-height:calc(100dvh - var(--yl-space-8));margin:auto;padding:var(--yl-space-0);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);box-shadow:var(--yl-shadow-overlay)}.order-create-dialog::backdrop{background:var(--yl-color-modalOverlay)}.order-create-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - var(--yl-space-8))}.order-create-dialog header{display:flex;align-items:start;gap:var(--yl-space-4);padding:var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-divider)}.order-create-dialog header>div{flex:1;min-width:0}.order-create-dialog h2{margin:var(--yl-space-0);font-size:var(--yl-font-size-titleSmall);line-height:var(--yl-font-lineHeight-titleSmall)}.order-create-dialog header p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.order-create-dialog button{min-height:var(--yl-layout-touchTarget);min-width:var(--yl-layout-touchTarget)}.order-create-body{overflow-y:auto;overscroll-behavior:contain;padding:var(--yl-space-6);min-height:0}.order-create-body fieldset{border:0;min-width:0;margin:var(--yl-space-0);padding:var(--yl-space-0)}.order-create-dialog label{display:block;color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.order-create-dialog label>span{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.order-create-dialog input,.order-create-dialog select,.order-create-dialog textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:var(--yl-layout-touchTarget);margin-top:var(--yl-space-2);padding:var(--yl-space-2) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font:inherit}.order-create-dialog textarea{resize:vertical}.order-create-dialog :is(input,select,textarea):disabled{background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary);cursor:not-allowed}.order-create-dialog :is(input,select,textarea,button):focus-visible{outline:calc(var(--yl-border-width) * 2) solid var(--yl-color-brand);outline-offset:var(--yl-space-1)}.order-create-recognize{padding:var(--yl-space-4);margin-bottom:var(--yl-space-6);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle)}.order-create-recognize button{margin-top:var(--yl-space-3)}.order-create-recognize p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.order-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--yl-space-4)}.order-create-wide{grid-column:1 / -1}.order-create-balance{margin:var(--yl-space-0);padding:var(--yl-space-3) var(--yl-space-4);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle);font-size:var(--yl-font-size-bodySmall)}.order-create-balance small{display:block;margin-top:var(--yl-space-1);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.order-create-error{padding:var(--yl-space-3);margin:var(--yl-space-4) var(--yl-space-0) var(--yl-space-0);border-radius:var(--yl-radius-md);background:var(--yl-color-dangerSoft);color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall)}.order-create-overlap{padding-top:var(--yl-space-3);font-size:var(--yl-font-size-bodySmall);color:var(--yl-color-textSecondary)}.order-create-dialog footer{display:flex;justify-content:flex-end;gap:var(--yl-space-3);padding:var(--yl-space-4) var(--yl-space-6);border-top:var(--yl-border-width) solid var(--yl-color-divider)}@media(max-width:1023px){.order-calendar-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.order-create-dialog{width:calc(100% - var(--yl-space-4));max-height:calc(100dvh - var(--yl-space-4))}.order-create-dialog form{max-height:calc(100dvh - var(--yl-space-4))}.order-create-dialog header,.order-create-body,.order-create-dialog footer{padding:var(--yl-space-4)}.order-create-grid{grid-template-columns:minmax(0,1fr)}.order-calendar-panel,.order-calendar-detail{padding:var(--yl-space-4)}.order-calendar-layout{gap:var(--yl-space-4)}.order-calendar-toolbar{width:100%;justify-content:space-between}.order-calendar-table td,.order-calendar-day{min-height:var(--yl-space-16);height:var(--yl-space-16)}.order-calendar-number{width:var(--yl-space-8);height:var(--yl-space-8);font-size:var(--yl-font-size-bodySmall)}}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable;font-family:var(--yl-font-familySans);color:var(--yl-color-textPrimary);background:var(--yl-color-canvas)}body{margin:var(--yl-space-0);min-width:0}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--yl-border-width) solid var(--yl-color-brand);box-shadow:0 0 0 var(--yl-space-1) var(--yl-color-focusRing)}.app-shell{min-height:100vh;display:grid;grid-template:var(--yl-layout-webTopbarHeight) minmax(0,1fr) / var(--yl-layout-globalShellSidebarWidth) minmax(0,1fr);background:var(--yl-color-canvas)}.topbar{position:sticky;top:var(--yl-space-0);z-index:var(--yl-zIndex-sticky);grid-column:1 / -1;display:flex;align-items:center;min-width:0;gap:var(--yl-space-4);padding:var(--yl-space-0) var(--yl-layout-globalShellContentInset);background:var(--yl-color-surface);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.brand-logo{display:block;flex:0 0 auto;width:var(--yl-layout-globalShellLogoWidth);height:var(--yl-layout-brandLogoHeight);object-fit:contain;object-position:left center}.workspace-trail{min-width:0;margin:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);white-space:nowrap}.workspace-trail span{margin:var(--yl-space-0) var(--yl-space-2);color:var(--yl-color-textDisabled)}.topbar-spacer{flex:1 1 auto}.topbar-help{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);white-space:nowrap}.navigation-drawer-trigger,.navigation-drawer-backdrop{display:none}.staging-login{min-height:100vh;display:grid;place-items:center;padding:var(--yl-space-12);background:var(--yl-color-canvas)}.staging-login-card{width:min(440px,100%);display:grid;gap:var(--yl-space-6);padding:var(--yl-space-10);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-panel);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.login-heading{display:grid;gap:var(--yl-space-2);margin-bottom:var(--yl-space-2)}.staging-login-card h1{margin:0;font-size:var(--yl-font-size-titleLarge);font-weight:var(--yl-font-weight-semibold);letter-spacing:-.02em}.login-fields{display:grid;gap:var(--yl-space-5)}.staging-login-card label{display:grid;gap:var(--yl-space-2);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-medium)}.staging-login-card input{width:100%;height:46px;padding:0 var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);transition:border-color .14s ease,box-shadow .14s ease}.staging-login-card input::placeholder{color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-caption)}.staging-login-card input:hover{border-color:var(--yl-color-textSecondary)}.staging-login-card input:focus{border-color:var(--yl-color-brand)}.staging-login-card p{margin:0;color:var(--yl-color-danger)}.login-error{padding:var(--yl-space-3);border-radius:var(--yl-radius-md);background:var(--yl-color-dangerSoft);font-size:var(--yl-font-size-bodySmall)}.login-submit{width:100%;min-height:46px;margin-top:var(--yl-space-1)}.staging-login-card small{color:var(--yl-color-textSecondary);text-align:center}.login-logo{display:block;width:180px;height:56px;object-fit:contain;object-position:left center}.login-switch-disabled{color:var(--yl-color-textDisabled)}.registration-card{width:min(calc(var(--yl-layout-webSidebarWidth) + var(--yl-layout-webSidebarWidth)),100%)}.verification-field{display:flex;align-items:center;gap:var(--yl-space-3)}.verification-field input{flex:1 1 auto;min-width:var(--yl-space-0)}.verification-field button{flex:0 0 auto;white-space:nowrap}.staging-login-card .agreement-field{display:flex;align-items:center;min-height:var(--yl-layout-touchTarget);gap:var(--yl-space-3);font-weight:var(--yl-font-weight-regular)}.staging-login-card .agreement-field input{width:var(--yl-space-4);height:var(--yl-space-4);margin:var(--yl-space-0);accent-color:var(--yl-color-brand)}.staging-login-card .registration-message{color:var(--yl-color-success);padding:var(--yl-space-3);border-radius:var(--yl-radius-md);background:var(--yl-color-successSoft);font-size:var(--yl-font-size-bodySmall)}.login-switch{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-space-0);background:transparent;color:var(--yl-color-brand)}.avatar-button,.more-button{border:var(--yl-border-width) solid transparent;border-radius:var(--yl-radius-pill);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);transition:background-color var(--yl-motion-fast) ease,border-color var(--yl-motion-fast) ease,color var(--yl-motion-fast) ease}.avatar-menu-wrap{position:relative;display:grid;flex:0 0 auto;min-width:var(--yl-layout-globalShellAvatarTriggerHeight);height:var(--yl-layout-globalShellAvatarTriggerHeight);place-items:center}.avatar-button{display:flex;align-items:center;justify-content:center;gap:var(--yl-space-2);min-width:var(--yl-layout-globalShellAvatarTriggerHeight);height:var(--yl-layout-globalShellAvatarTriggerHeight);padding:var(--yl-space-1) var(--yl-space-2)}.avatar-mark{display:grid;width:var(--yl-layout-globalShellAvatarSize);height:var(--yl-layout-globalShellAvatarSize);place-items:center;border-radius:var(--yl-radius-pill);background:var(--yl-color-brandSoft);color:var(--yl-color-brand);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-semibold)}.avatar-label{max-width:132px;overflow:hidden;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);text-overflow:ellipsis;white-space:nowrap}.avatar-chevron{width:var(--yl-space-2);height:var(--yl-space-2);margin-right:var(--yl-space-1);border-right:var(--yl-border-width) solid currentColor;border-bottom:var(--yl-border-width) solid currentColor;transform:rotate(45deg) translateY(calc(var(--yl-space-1) * -1))}.account-menu{position:absolute;z-index:var(--yl-zIndex-dropdown);top:calc(100% + var(--yl-space-2));right:var(--yl-space-0);width:var(--yl-layout-globalShellAccountMenuWidth);padding:var(--yl-space-2);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.account-summary{display:grid;gap:var(--yl-space-1);padding:var(--yl-space-3);border-bottom:var(--yl-border-width) solid var(--yl-color-border);font-variant-numeric:tabular-nums}.account-summary span{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.account-menu button{width:100%;min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-space-0);border-radius:var(--yl-radius-sm);background:transparent;color:var(--yl-color-textPrimary);text-align:left}.account-menu button:hover{background:var(--yl-color-surfaceSubtle)}.account-menu-logout{color:var(--yl-color-danger)!important}.sidebar{position:sticky;top:var(--yl-layout-webTopbarHeight);grid-column:1;min-width:0;height:calc(100vh - var(--yl-layout-webTopbarHeight));overflow-y:auto;padding:var(--yl-space-6) var(--yl-space-3);background:var(--yl-color-surface);border-right:var(--yl-border-width) solid var(--yl-color-border)}.sidebar nav{display:grid;gap:var(--yl-space-1)}.nav-item{display:flex;align-items:center;justify-self:stretch;min-width:0;height:var(--yl-layout-globalShellNavHeight);gap:var(--yl-layout-globalShellNavIconGap);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-border-width) solid transparent;border-radius:var(--yl-radius-navActive);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-layout-globalShellNavFontSize);text-align:left;white-space:nowrap}.nav-icon{flex:0 0 auto;width:var(--yl-layout-globalShellNavIconSize);height:var(--yl-layout-globalShellNavIconSize);fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-item-active{background:var(--yl-color-brandSoft);color:var(--yl-color-brand);font-weight:var(--yl-font-weight-medium)}.nav-item:hover:not(.nav-item-active){background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textPrimary)}.avatar-button:hover,.avatar-button[aria-expanded=true]{border-color:var(--yl-color-border);background:var(--yl-color-surfaceSubtle)}.content{grid-column:2;width:min(100%,calc(var(--yl-layout-globalShellContentMaxWidth) + var(--yl-layout-globalShellContentInset) + var(--yl-layout-globalShellContentInset)));min-height:calc(100vh - var(--yl-layout-webTopbarHeight));padding:var(--yl-layout-globalShellContentTopInset) var(--yl-layout-globalShellContentInset) var(--yl-layout-globalShellContentInset);background:transparent}.portal-page{min-height:100vh;display:grid;grid-template-rows:var(--yl-layout-webTopbarHeight) calc(var(--yl-layout-webSidebarWidth) * 2) auto minmax(0,1fr);background:var(--yl-color-canvas)}.portal-header{background:var(--yl-color-textPrimary)}.portal-header-inner{display:flex;align-items:center;justify-content:space-between;width:min(100%,var(--yl-layout-webWorkspaceWidth));height:100%;margin:var(--yl-space-0) auto;padding:var(--yl-space-0) var(--yl-space-4)}.portal-header-inner>img{display:block;width:calc(var(--yl-layout-webSidebarWidth) / 2);height:var(--yl-layout-brandLogoHeight);object-fit:contain;object-position:left center;filter:grayscale(1) brightness(0) invert(1)}.portal-header-inner>div{display:flex;align-items:center;gap:var(--yl-space-6)}.portal-header-inner .primary-button,.portal-header-inner .secondary-button{min-width:calc(var(--yl-layout-touchTarget) * 2);min-height:var(--yl-layout-controlHeight);border-radius:var(--yl-radius-md);font-size:var(--yl-font-size-body)}.portal-header-inner .secondary-button{border-color:var(--yl-color-brand);background:transparent;color:var(--yl-color-surface)}.portal-hero{display:grid;place-items:center;padding:var(--yl-space-0) var(--yl-space-4);text-align:center}.portal-hero>div{display:grid;justify-items:center;gap:var(--yl-space-6)}.portal-hero h1{margin:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-displayLarge);font-weight:var(--yl-font-weight-semibold);letter-spacing:var(--yl-layout-portalHeroTitleLetterSpacing);line-height:var(--yl-font-lineHeight-display)}.portal-hero p{margin:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-title)}.portal-hero .primary-button{min-width:calc(var(--yl-layout-touchTarget) * 3);margin-top:var(--yl-space-4);font-size:var(--yl-font-size-body)}.portal-feature-section{background:var(--yl-color-surface)}.portal-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,var(--yl-layout-webWorkspaceWidth));margin:var(--yl-space-0) auto}.portal-feature{display:grid;align-content:center;justify-items:center;gap:var(--yl-space-3);min-width:var(--yl-space-0);padding:var(--yl-layout-portalFeatureVerticalInset) var(--yl-space-4);text-align:center}.portal-feature img{display:block;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);object-fit:contain}.portal-feature h2{margin:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-regular);line-height:var(--yl-font-lineHeight-titleSmall);white-space:nowrap}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yl-space-6)}h1{margin:var(--yl-space-0);font-size:var(--yl-font-size-title);line-height:var(--yl-font-lineHeight-title)}.page-heading p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary)}.primary-button,.secondary-button,.danger-button{min-height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-5);border-radius:var(--yl-radius-md);border:var(--yl-border-width) solid var(--yl-color-borderStrong);font-size:var(--yl-font-size-bodySmall);transition:background-color var(--yl-motion-fast) ease,border-color var(--yl-motion-fast) ease,color var(--yl-motion-fast) ease,opacity var(--yl-motion-fast) ease}.primary-button{background:var(--yl-color-brand);color:var(--yl-color-surface);border-color:var(--yl-color-brand)}.final-action-button{border-color:var(--yl-color-textPrimary);background:var(--yl-color-textPrimary);color:var(--yl-color-surface)}.secondary-button{background:var(--yl-color-surface);color:var(--yl-color-textPrimary)}.danger-button{background:var(--yl-color-danger);color:var(--yl-color-surface);border-color:var(--yl-color-danger)}button{cursor:pointer}.primary-button:hover:not(:disabled),.danger-button:hover:not(:disabled){opacity:.9}.secondary-button:hover:not(:disabled){border-color:var(--yl-color-brand);color:var(--yl-color-brand)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;color:var(--yl-color-textDisabled);background:var(--yl-color-surfaceSubtle);border-color:var(--yl-color-border)}.success-message{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);padding:var(--yl-space-3) var(--yl-space-4);border-radius:var(--yl-radius-md);color:var(--yl-color-success);background:var(--yl-color-successSoft);font-size:var(--yl-font-size-bodySmall)}.success-message button{min-width:var(--yl-layout-touchTarget);min-height:var(--yl-layout-touchTarget);border:var(--yl-space-0);background:transparent;color:inherit}.app-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);width:fit-content;max-width:100%;padding:var(--yl-space-3) var(--yl-space-4);border-radius:var(--yl-radius-md);font-size:var(--yl-font-size-bodySmall)}.app-notice.error-message{background:var(--yl-color-dangerSoft)}.app-notice button{min-width:var(--yl-layout-touchTarget);min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:inherit}.toolbar{display:flex;gap:var(--yl-space-3);margin:var(--yl-space-6) var(--yl-space-0)}.toolbar label{flex:0 1 var(--yl-layout-webSidebarWidth)}.toolbar label:last-child{flex:initial}.toolbar input,.toolbar select{width:100%;height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary)}.album-list-page{position:relative;width:100%}.album-list-heading{position:absolute;top:var(--yl-space-0);right:var(--yl-space-0);display:flex;align-items:center;gap:var(--yl-space-3);min-height:var(--yl-layout-controlHeight)}.album-list-heading .primary-button{min-width:calc(var(--yl-layout-touchTarget) * 3)}.album-list-page .toolbar{justify-content:flex-start;margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-6)}.album-list-page .toolbar label{flex:0 0 auto}.album-search-field{display:flex;width:calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16))}.album-search-field input{min-width:var(--yl-space-0);border-radius:var(--yl-radius-md)!important}.category-picker{position:relative;width:calc(var(--yl-layout-touchTarget) * 3)}.category-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:1}.category-trigger[aria-expanded=true]{border-color:var(--yl-color-brand);color:var(--yl-color-brand)}.category-chevron{display:grid;width:var(--yl-space-4);height:var(--yl-space-4);place-items:center}.category-chevron:before{width:var(--yl-space-2);height:var(--yl-space-2);border-right:var(--yl-border-width) solid currentColor;border-bottom:var(--yl-border-width) solid currentColor;content:"";transform:rotate(45deg) translate(-1px,-1px)}.category-menu{position:absolute;z-index:var(--yl-zIndex-dropdown);top:calc(100% + var(--yl-space-2));left:var(--yl-space-0);width:calc(var(--yl-layout-webSidebarWidth) - var(--yl-space-8));overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.category-menu>button{display:block;width:100%;min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-5);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);text-align:left}.category-menu>button:hover{background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textPrimary)}.category-menu .category-add-button{min-height:calc(var(--yl-layout-touchTarget) + var(--yl-space-2));margin-top:var(--yl-space-2);border-top:var(--yl-border-width) solid var(--yl-color-border);color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall);text-align:left}.category-create-dialog,.category-create-dialog h2{text-align:left}.category-create-dialog p{margin:var(--yl-space-2) var(--yl-space-0);font-size:var(--yl-font-size-bodySmall)}.category-create-dialog label{display:block;margin-top:var(--yl-space-6)}.category-create-dialog input{width:100%;height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body)}.album-list-page .album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yl-space-5)}.album-list-page .album-cover{aspect-ratio:var(--yl-media-albumCoverRatio)}.album-list-page .album-title{padding:var(--yl-space-3) calc(var(--yl-space-12) + var(--yl-space-2)) var(--yl-space-1) var(--yl-space-3);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-list-page .album-actions{right:var(--yl-space-1);bottom:var(--yl-space-1)}.album-list-page .more-button{width:var(--yl-layout-controlHeight);height:var(--yl-layout-controlHeight);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);font-size:var(--yl-font-size-titleSmall);letter-spacing:var(--yl-space-1)}.album-list-page .more-button:hover,.album-list-page .more-button[aria-expanded=true]{background:var(--yl-color-surfaceSubtle)}.album-list-page .action-menu{min-width:calc(var(--yl-layout-touchTarget) * 3)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16)),1fr));gap:var(--yl-space-6)}.album-card{position:relative;overflow:visible;background:var(--yl-color-surface);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg)}.album-main{display:block;width:100%;padding:var(--yl-space-0);overflow:hidden;border:var(--yl-space-0);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);text-align:left}.album-cover{display:block;aspect-ratio:var(--yl-media-albumCoverRatio);background:var(--yl-color-surfaceSubtle);border-radius:var(--yl-radius-lg) var(--yl-radius-lg) var(--yl-radius-none) var(--yl-radius-none)}.album-cover>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.album-cover-brand{background:var(--yl-color-brandSoft)}.album-cover-neutral{background:var(--yl-color-border)}.album-cover-warm{background:var(--yl-color-warningSoft)}.album-title{display:block;padding:var(--yl-space-4) var(--yl-space-16) var(--yl-space-1) var(--yl-space-4);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-body)}.album-meta{display:block;padding:var(--yl-space-0) var(--yl-space-16) var(--yl-space-3) var(--yl-space-4);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.album-meta i{margin:var(--yl-space-0) var(--yl-space-1);font-style:normal}.album-actions{position:absolute;right:var(--yl-space-2);bottom:var(--yl-space-1)}.more-button{border-radius:var(--yl-radius-md)}.action-menu{position:absolute;z-index:var(--yl-zIndex-dropdown);right:var(--yl-space-0);top:calc(100% + var(--yl-space-1));min-width:calc(var(--yl-layout-touchTarget) * 2);padding:var(--yl-space-1);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.action-menu button{display:block;width:100%;min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-space-0);border-radius:var(--yl-radius-sm);background:transparent;color:var(--yl-color-textPrimary);text-align:left}.action-menu button:hover{background:var(--yl-color-surfaceSubtle)}.action-menu .danger-text{color:var(--yl-color-danger)}.album-skeleton{aspect-ratio:var(--yl-media-albumCoverRatio);border-radius:var(--yl-radius-lg);background:var(--yl-color-surfaceSubtle);border:var(--yl-border-width) solid var(--yl-color-border)}.status-panel{display:grid;justify-items:center;align-content:center;min-height:var(--yl-layout-albumWorkbenchPreviewHeight);gap:var(--yl-space-3);padding:var(--yl-space-8);text-align:center;color:var(--yl-color-textSecondary);background:transparent}.status-panel-symbol{display:grid;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);place-items:center;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-pill);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-title)}.status-panel h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--yl-space-4);margin-top:var(--yl-space-8)}.pagination button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface)}.modal-backdrop{position:fixed;z-index:var(--yl-zIndex-overlay);inset:var(--yl-space-0);display:grid;place-items:center;padding:var(--yl-space-4);background:var(--yl-color-modalOverlay)}.dialog{position:relative;z-index:var(--yl-zIndex-modal);width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-16) + var(--yl-space-4)));padding:var(--yl-space-6);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-overlay);text-align:left}.dialog h2{margin:var(--yl-space-0);font-size:var(--yl-font-size-title)}.dialog p{color:var(--yl-color-textSecondary)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--yl-space-3);margin-top:var(--yl-space-6)}.dialog-primary{width:100%;margin-top:var(--yl-space-4)}.synthetic-code{display:grid;place-items:center;width:calc(var(--yl-layout-touchTarget) * 4);aspect-ratio:1;margin:var(--yl-space-6) auto;border:var(--yl-space-3) solid var(--yl-color-textPrimary);background:var(--yl-color-surfaceSubtle)}.synthetic-code span{padding:var(--yl-space-2);background:var(--yl-color-surface);font-size:var(--yl-font-size-caption)}.share-instruction{margin:calc(var(--yl-space-6) * -1) var(--yl-space-0) var(--yl-space-6)!important;color:var(--yl-color-brand)!important;font-size:var(--yl-font-size-body)}.miniapp-code-image{display:block;width:min(220px,70vw);height:auto;margin:0 auto}.staging-code-proof{display:grid;gap:var(--yl-space-3);margin:var(--yl-space-6) 0;padding:var(--yl-space-5);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surfaceSubtle)}.staging-code-proof span,.staging-code-proof small{color:var(--yl-color-textSecondary)}.staging-code-proof code{overflow-wrap:anywhere;color:var(--yl-color-textPrimary)}.workbench-page{width:100%}.workbench-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);margin-bottom:var(--yl-space-6)}.workbench-title-row{display:flex;align-items:center;min-width:var(--yl-space-0);gap:var(--yl-space-3)}.back-button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-body)}.back-button:before{content:"←";margin-right:var(--yl-space-2)}.workbench-actions{display:flex;gap:var(--yl-space-3)}.workbench-actions .secondary-button{border-color:var(--yl-color-borderStrong);background:var(--yl-color-surface);color:var(--yl-color-textPrimary)}.title-field{display:block;width:calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-4))}.title-field input{width:100%;height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface)}.saved-feedback{width:fit-content;margin:var(--yl-space-2) auto;color:var(--yl-color-success)}.error-message{padding:var(--yl-space-3) var(--yl-space-4);border-radius:var(--yl-radius-md);color:var(--yl-color-danger);background:var(--yl-color-dangerSoft)}.workbench-layout{display:grid;grid-template-columns:var(--yl-layout-webSidebarWidth) minmax(0,1fr);gap:var(--yl-space-6);align-items:stretch}.phone-preview{height:var(--yl-layout-albumWorkbenchPreviewHeight);overflow-x:hidden;overflow-y:auto;padding:var(--yl-space-2);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-panel);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised);scrollbar-width:thin;scrollbar-color:var(--yl-color-borderStrong) transparent}.phone-preview::-webkit-scrollbar{width:var(--yl-space-1)}.phone-preview::-webkit-scrollbar-track{background:transparent}.phone-preview::-webkit-scrollbar-thumb{border-radius:var(--yl-radius-pill);background:var(--yl-color-borderStrong)}.phone-cover{position:relative;width:100%;aspect-ratio:var(--yl-media-albumCoverRatio);overflow:hidden;background:var(--yl-color-surfaceSubtle);background-size:cover;background-position:center;touch-action:none}.phone-cover>img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.cover-subject{position:absolute;left:40%;width:var(--yl-space-16);height:var(--yl-space-16);translate:0 -50%;border-radius:var(--yl-radius-pill);background:var(--yl-color-brandDecorative)}.phone-photo-stream{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--yl-space-2);padding:var(--yl-space-2)}.phone-photo{display:grid;place-items:center;box-sizing:border-box;width:100%;margin:var(--yl-space-0);aspect-ratio:var(--yl-media-thumbnailRatio);overflow:hidden}.phone-photo>img{display:block;width:100%;height:100%;object-fit:contain}.phone-video{position:relative;width:100%;margin:var(--yl-space-0);overflow:hidden;background:var(--yl-color-surfaceSubtle)}.phone-video>video{display:block;width:100%;height:100%;background:var(--yl-color-surfaceSubtle);object-fit:contain}.phone-video figcaption{position:absolute;right:var(--yl-space-2);bottom:var(--yl-space-2);margin:var(--yl-space-0);padding:var(--yl-space-1) var(--yl-space-2);border-radius:var(--yl-radius-sm);background:var(--yl-color-overlay);color:var(--yl-color-surface);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);pointer-events:none}.photo-console{height:var(--yl-layout-albumWorkbenchPreviewHeight);overflow:auto;padding:var(--yl-space-6);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.media-upload-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--yl-space-3)}.add-photos,.add-videos{min-width:calc(var(--yl-layout-touchTarget) * 3)}.add-videos{border-color:var(--yl-color-brand);color:var(--yl-color-brand)}.video-upload-hint{margin:var(--yl-space-3) var(--yl-space-0) var(--yl-space-6);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.media-upload-status{margin:calc(var(--yl-space-3) * -1) var(--yl-space-0) var(--yl-space-4);padding:var(--yl-space-2) var(--yl-space-3);border-radius:var(--yl-radius-md);background:var(--yl-color-brandSoft);color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall)}.photo-upload-queue,.video-upload-queue{display:grid;gap:var(--yl-space-2);margin:calc(var(--yl-space-3) * -1) var(--yl-space-0) var(--yl-space-4);padding:var(--yl-space-0);list-style:none}.photo-upload-item,.video-upload-item{padding:var(--yl-space-2) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle)}.photo-upload-item-heading,.video-upload-item-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-3);min-width:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.photo-upload-item-heading>span,.video-upload-item-heading>span{min-width:var(--yl-space-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-upload-item-heading>strong,.video-upload-item-heading>strong{flex:0 0 auto;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-medium)}.photo-upload-item progress,.video-upload-item progress{display:block;width:100%;height:var(--yl-space-1);margin-top:var(--yl-space-2);overflow:hidden;appearance:none;border:var(--yl-space-0);border-radius:var(--yl-radius-pill);background:var(--yl-color-border);color:var(--yl-color-brand)}.photo-upload-item progress::-webkit-progress-bar,.video-upload-item progress::-webkit-progress-bar,.photo-upload-results progress::-webkit-progress-bar{background:var(--yl-color-border)}.photo-upload-item progress::-webkit-progress-value,.video-upload-item progress::-webkit-progress-value,.photo-upload-results progress::-webkit-progress-value{background:var(--yl-color-brand)}.photo-upload-item progress::-moz-progress-bar,.video-upload-item progress::-moz-progress-bar,.photo-upload-results progress::-moz-progress-bar{background:var(--yl-color-brand)}.photo-upload-item p,.video-upload-item p{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-3);margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-danger);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.photo-upload-item .text-button,.video-upload-item .text-button{min-height:var(--yl-layout-touchTarget);margin:calc(var(--yl-space-2) * -1) calc(var(--yl-space-3) * -1) calc(var(--yl-space-2) * -1) var(--yl-space-0);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-space-0);background:transparent;color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall)}.photo-upload-ready,.video-upload-ready{background:var(--yl-color-successSoft)}.photo-upload-ready .photo-upload-item-heading>strong,.video-upload-ready .video-upload-item-heading>strong{color:var(--yl-color-success)}.photo-upload-error,.video-upload-error{border-color:var(--yl-color-danger);background:var(--yl-color-dangerSoft)}.photo-upload-dialog{width:min(100%,var(--yl-layout-globalShellContentMaxWidth));overflow:hidden;border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-overlay)}.photo-upload-dialog header,.photo-upload-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);padding:var(--yl-space-5) var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.photo-upload-dialog header h2,.photo-upload-dialog footer p{margin:var(--yl-space-0)}.photo-upload-dialog footer{border-top:var(--yl-border-width) solid var(--yl-color-border);border-bottom:var(--yl-space-0)}.photo-upload-dialog footer p{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.dialog-close-button{width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-title)}.photo-upload-results{max-height:calc(var(--yl-layout-albumWorkbenchPreviewHeight) - var(--yl-space-16));margin:var(--yl-space-0);padding:var(--yl-space-3) var(--yl-space-6);overflow:auto;list-style:none}.photo-upload-results li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--yl-space-4);min-height:var(--yl-layout-touchTarget);border-bottom:var(--yl-border-width) solid var(--yl-color-border);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.photo-upload-results li>span{overflow:hidden;color:var(--yl-color-textPrimary);text-overflow:ellipsis;white-space:nowrap}.photo-upload-results strong{font-weight:var(--yl-font-weight-medium)}.photo-upload-results progress{grid-column:1 / -1;width:100%;height:var(--yl-space-1);overflow:hidden;appearance:none;border:var(--yl-space-0);border-radius:var(--yl-radius-pill);background:var(--yl-color-border);color:var(--yl-color-brand)}.upload-result-success{color:var(--yl-color-success)}.upload-result-error{color:var(--yl-color-danger)}.upload-result-error button{margin-left:var(--yl-space-2);border:var(--yl-border-width) solid var(--yl-color-danger);border-radius:var(--yl-radius-sm);background:var(--yl-color-surface);color:inherit}.thumbnail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--yl-space-3);align-content:start}.thumbnail{position:relative;aspect-ratio:var(--yl-media-thumbnailRatio);border:var(--yl-border-width) solid transparent;border-radius:var(--yl-radius-md)}.thumbnail-cover{border-color:var(--yl-color-brand)}.thumbnail-image{display:block;width:100%;height:100%;padding:var(--yl-space-0);border:var(--yl-space-0);border-radius:var(--yl-radius-md);background-size:cover;background-position:center}.thumbnail-image>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain}.thumbnail-video{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--yl-radius-md)}.thumbnail-video>video{display:block;width:100%;height:100%;object-fit:cover}.video-thumbnail-badge{position:absolute;right:var(--yl-space-1);bottom:var(--yl-space-1);left:var(--yl-space-1);overflow:hidden;padding:var(--yl-space-1) var(--yl-space-2);border-radius:var(--yl-radius-sm);background:var(--yl-color-overlay);color:var(--yl-color-surface);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);text-overflow:ellipsis;white-space:nowrap}.thumbnail-tools{position:absolute;z-index:var(--yl-zIndex-base);top:var(--yl-space-1);right:var(--yl-space-1);left:var(--yl-space-1);display:flex;align-items:center;justify-content:space-between;opacity:0;pointer-events:none;transition:opacity var(--yl-motion-fast) ease}.thumbnail:hover .thumbnail-tools,.thumbnail:focus-within .thumbnail-tools{opacity:1;pointer-events:auto}.thumbnail-cover-button,.thumbnail-remove-button{display:block;width:auto;height:auto;padding:var(--yl-space-0);border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.thumbnail-cover-current,.thumbnail-cover-button:disabled{background:transparent;color:var(--yl-color-brand);cursor:default}.thumbnail-remove-button{color:var(--yl-color-danger)}.thumbnail-remove-button svg{display:block;width:var(--yl-space-4);height:var(--yl-space-4);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.video-download-note{margin:calc(var(--yl-space-2) * -1) var(--yl-space-0) var(--yl-space-3);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.photo-tone-brand{background:var(--yl-color-brandSoft)}.photo-tone-neutral{background:var(--yl-color-border)}.photo-tone-warm{background:var(--yl-color-warningSoft)}.property-dialog{text-align:left}.property-dialog h2{text-align:center}.property-row{min-height:var(--yl-layout-touchTarget);display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);margin:var(--yl-space-3) var(--yl-space-0)}.property-row input[type=checkbox]{appearance:none;position:relative;width:var(--yl-layout-switchTrackWidth);height:var(--yl-layout-switchTrackHeight);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-pill);background:var(--yl-color-surfaceSubtle)}.property-row input[type=checkbox]:after{content:"";position:absolute;top:var(--yl-space-1);left:var(--yl-space-1);width:var(--yl-layout-switchKnobSize);height:var(--yl-layout-switchKnobSize);border-radius:var(--yl-radius-pill);background:var(--yl-color-textDisabled);translate:0 -1px}.property-row input[type=checkbox]:checked{background:var(--yl-color-brand);border-color:var(--yl-color-brand)}.property-row input[type=checkbox]:checked:after{left:auto;right:var(--yl-space-1);background:var(--yl-color-surface)}.property-field{display:grid;gap:var(--yl-space-2);margin:var(--yl-space-4) var(--yl-space-0)}.property-field input,.property-field select{height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface)}.property-save-state{min-height:var(--yl-space-6);text-align:center;color:var(--yl-color-success)}.visually-hidden{position:absolute;width:var(--yl-border-width);height:var(--yl-border-width);padding:var(--yl-space-0);margin:calc(var(--yl-border-width) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:var(--yl-space-0)}.settings-page{width:100%;max-width:calc(var(--yl-layout-webSidebarWidth) * 4);min-width:0}.miniapp-type-selector{display:grid;gap:var(--yl-space-6);margin-bottom:var(--yl-space-8)}.miniapp-choice-card{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-8);min-height:calc(var(--yl-layout-touchTarget) * 3);padding:var(--yl-space-8);border:var(--yl-border-width) solid var(--yl-color-border);background:var(--yl-color-surfaceSubtle)}.miniapp-choice-card>div{display:flex;align-items:center;gap:var(--yl-space-6)}.miniapp-choice-card h2{margin:var(--yl-space-0);font-size:var(--yl-font-size-title)}.miniapp-choice-card p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-bodySmall)}.miniapp-choice-icon{display:grid;flex:0 0 auto;place-items:center;width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-touchTarget) * 2);border-radius:var(--yl-radius-pill);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title)}.miniapp-choice-card .secondary-button{min-width:calc(var(--yl-layout-touchTarget) * 2)}.miniapp-choice-selected{border-color:var(--yl-color-brand);background:var(--yl-color-brandDecorative);color:var(--yl-color-surface)}.miniapp-choice-selected h2,.miniapp-choice-selected p{color:inherit}.miniapp-choice-selected p{opacity:.72}.miniapp-choice-selected .secondary-button{border-color:var(--yl-color-surface);background:var(--yl-color-surface);color:var(--yl-color-brand)}.miniapp-settings-page{width:100%;max-width:none;margin-top:calc(var(--yl-layout-miniappContentOffsetTop) - var(--yl-space-12));padding-top:var(--yl-space-0)}.miniapp-settings-page .settings-tabs{gap:var(--yl-space-12);margin:var(--yl-space-0)}.miniapp-settings-page .settings-tabs button{min-height:var(--yl-layout-controlHeight);padding:var(--yl-space-0);font-size:var(--yl-font-size-body)}.miniapp-settings-page .settings-tabs .settings-tab-active{border-bottom-width:var(--yl-layout-activeIndicatorHeight)}.miniapp-type-selector{gap:var(--yl-space-6);margin:var(--yl-space-12) var(--yl-space-0) var(--yl-space-6)}.miniapp-settings-page .miniapp-choice-card{min-height:calc(var(--yl-layout-touchTarget) * 3);padding:var(--yl-space-8);border:var(--yl-space-0);border-radius:var(--yl-radius-none)}.miniapp-settings-page .miniapp-choice-card h2{font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-regular)}.miniapp-settings-page .miniapp-choice-card p{margin-top:var(--yl-space-1)}.miniapp-settings-page .miniapp-choice-icon{width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);font-size:var(--yl-font-size-bodySmall)}.miniapp-settings-page .miniapp-choice-icon img{width:var(--yl-space-6);height:var(--yl-space-6);object-fit:contain}.miniapp-settings-page .miniapp-choice-card .secondary-button{min-width:calc(var(--yl-layout-touchTarget) * 2);border-color:var(--yl-color-brand);color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall)}.miniapp-settings-page .miniapp-choice-selected .secondary-button{border-color:var(--yl-color-surface);color:var(--yl-color-brand)}.miniapp-profile-form{display:grid;gap:var(--yl-space-0);width:100%;max-width:none;padding:var(--yl-space-0) var(--yl-space-6) var(--yl-space-12);border:var(--yl-border-width) solid var(--yl-color-border);border-width:var(--yl-border-width) var(--yl-space-0) var(--yl-space-0);border-radius:var(--yl-radius-none)}.miniapp-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--yl-space-8);min-height:calc(var(--yl-layout-touchTarget) * 3);padding:var(--yl-space-6) var(--yl-space-6) var(--yl-space-0);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.miniapp-name-field,.miniapp-intro-field{display:grid;gap:var(--yl-space-3);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-body)}.miniapp-name-field input{width:calc(var(--yl-layout-webSidebarWidth) - var(--yl-space-10));height:calc(var(--yl-layout-touchTarget) + var(--yl-space-2));padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-space-0);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body)}.miniapp-name-row .media-field{display:block}.miniapp-name-row .media-field>span{position:absolute;width:var(--yl-border-width);height:var(--yl-border-width);overflow:hidden;clip:rect(0,0,0,0)}.miniapp-name-row .small-media-picker{width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-touchTarget) * 2);border:var(--yl-space-0);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-title)}.miniapp-intro-field{padding:var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.miniapp-intro-field textarea{width:100%;min-height:calc(var(--yl-layout-touchTarget) * 3);padding:var(--yl-space-4);border:var(--yl-space-0);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textPrimary);resize:vertical}.miniapp-contact-block,.miniapp-wechat-block{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:var(--yl-space-2);min-height:calc(var(--yl-layout-touchTarget) * 2);padding:var(--yl-space-4);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.miniapp-phone-field{display:contents}.miniapp-phone-field>span{display:grid;gap:var(--yl-space-1);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-body)}.miniapp-phone-field small{color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-caption)}.miniapp-phone-field input{width:calc(var(--yl-layout-webSidebarWidth) - var(--yl-space-10));height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-space-0);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body);text-align:left}.miniapp-contact-block .switch-row,.miniapp-wechat-block .switch-row{grid-column:1 / -1;min-height:var(--yl-space-5);justify-content:flex-start;gap:var(--yl-space-2);color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-caption)}.miniapp-contact-block .switch-row input,.miniapp-wechat-block .switch-row input{flex:0 0 auto}.miniapp-wechat-block{min-height:calc(var(--yl-layout-touchTarget) * 3);border-bottom:var(--yl-space-0)}.miniapp-wechat-block .media-field{display:grid;grid-column:1 / -1;grid-template-columns:1fr auto;align-items:center;gap:var(--yl-space-6);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-body)}.miniapp-wechat-block .small-media-picker{grid-column:2;grid-row:1;width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-touchTarget) * 2);border:var(--yl-space-0);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-display)}.miniapp-cover-manager{gap:var(--yl-space-8);padding-top:var(--yl-space-12)}.miniapp-cover-manager .home-cover-heading{align-items:center;padding-bottom:var(--yl-space-0);border-bottom:var(--yl-space-0)}.miniapp-cover-manager .home-cover-heading>div{display:flex;align-items:baseline;gap:var(--yl-space-6)}.miniapp-cover-manager .home-cover-heading h2{font-size:var(--yl-font-size-titleSmall);color:var(--yl-color-textMuted);font-weight:var(--yl-font-weight-regular)}.miniapp-cover-manager .home-cover-heading p{margin:var(--yl-space-0);color:var(--yl-color-textDisabled)}.miniapp-cover-manager .home-cover-heading>span{padding:var(--yl-space-2) var(--yl-space-4);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-bodySmall)}.miniapp-cover-manager .home-cover-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--yl-space-2)}.miniapp-cover-manager .brand-cover-picker,.miniapp-cover-manager .home-cover-item{aspect-ratio:1;border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:var(--yl-color-surfaceSubtle)}.miniapp-cover-manager .brand-cover-picker small{display:none}.miniapp-cover-manager .brand-cover-picker span{color:var(--yl-color-textDisabled)}.miniapp-startup-manager{grid-template-columns:minmax(0,1fr) auto;min-height:calc(var(--yl-layout-touchTarget) * 12);padding-top:var(--yl-space-8)}.miniapp-startup-manager h2{margin:var(--yl-space-0);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-regular)}.miniapp-startup-manager p{margin:var(--yl-space-2) var(--yl-space-0);color:var(--yl-color-textDisabled)}.miniapp-startup-manager .startup-picker-wrap{display:block}.miniapp-startup-manager .splash-picker{width:calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16));height:calc(var(--yl-layout-touchTarget) * 16);border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textDisabled)}.miniapp-startup-manager .startup-picker-wrap{justify-items:end;position:relative}.startup-remove-button{position:absolute;top:var(--yl-space-1);right:var(--yl-space-1);display:grid;place-items:center;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textOnBrand);opacity:1}.startup-remove-button svg{width:24px;height:24px;padding:var(--yl-space-1);border-radius:var(--yl-radius-sm);background:var(--yl-color-overlay);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover)and (pointer:fine){.startup-remove-button{opacity:0}.startup-picker-wrap:hover .startup-remove-button,.startup-remove-button:focus-visible{opacity:1}}.miniapp-template-empty{min-height:calc(var(--yl-layout-touchTarget) * 14)}.miniapp-template-manager{padding-top:var(--yl-space-8)}.miniapp-template-manager .template-heading{align-items:center}.miniapp-template-manager .template-heading h2{color:var(--yl-color-textMuted);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-regular)}.miniapp-template-manager .template-heading p{color:var(--yl-color-textDisabled)}.miniapp-template-manager .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yl-space-4)}.miniapp-template-manager .template-card{min-height:calc(var(--yl-layout-touchTarget) * 5);padding:var(--yl-space-3);transition:border-color var(--yl-motion-fast) ease-out,background var(--yl-motion-fast) ease-out}.miniapp-publish-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--yl-space-4);margin-top:var(--yl-space-8)}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-6)}.settings-heading h1{margin:var(--yl-space-0)}.settings-heading p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary)}.settings-actions{display:flex;align-items:center;gap:var(--yl-space-4)}.save-state{min-width:calc(var(--yl-space-16) + var(--yl-space-4));color:var(--yl-color-textSecondary);text-align:right;font-size:var(--yl-font-size-bodySmall)}.save-state-saved{color:var(--yl-color-success)}.save-state-failed{color:var(--yl-color-danger)}.miniapp-save-retry{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;cursor:pointer}.miniapp-publish-error,.miniapp-discard-error{color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall)}.settings-tabs{display:flex;gap:var(--yl-space-6);margin:var(--yl-space-8) var(--yl-space-0) var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.settings-tabs button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-1);border:var(--yl-space-0);border-bottom:calc(var(--yl-border-width) * 2) solid transparent;background:transparent;color:var(--yl-color-textSecondary)}.settings-tabs .settings-tab-active{border-bottom-color:var(--yl-color-brand);color:var(--yl-color-brand);font-weight:var(--yl-font-weight-semibold)}.settings-card{padding:var(--yl-space-6);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.profile-form{display:grid;width:100%;max-width:calc(var(--yl-layout-webSidebarWidth) * 3);min-width:0;gap:var(--yl-space-6)}.profile-form>*,.form-field{min-width:0}.form-field{display:grid;gap:var(--yl-space-2)}.form-field b{color:var(--yl-color-danger)}.form-field input,.form-field textarea{width:100%;padding:var(--yl-space-3) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);resize:vertical}.contact-block{display:grid;gap:var(--yl-space-3);padding-top:var(--yl-space-5);border-top:var(--yl-border-width) solid var(--yl-color-border)}.media-field{display:grid;gap:var(--yl-space-3)}.small-media-picker{display:grid;place-items:center;flex:0 0 calc(var(--yl-layout-touchTarget) * 2);width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-touchTarget) * 2);min-width:0;padding:0;overflow:hidden;border:var(--yl-border-width) dashed var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary)}.small-media-picker.round{border-radius:var(--yl-radius-pill)}.small-media-picker.round.media-selected{cursor:grab;touch-action:none}.small-media-picker.round.media-selected:active{cursor:grabbing}.small-media-picker img{width:100%;height:100%;border-radius:inherit;object-fit:contain}.small-media-picker.round img{object-fit:cover}.switch-row{min-height:var(--yl-layout-touchTarget);display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4)}.switch-row input{appearance:none;position:relative;width:var(--yl-layout-switchTrackWidth);height:var(--yl-layout-switchTrackHeight);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-pill);background:var(--yl-color-surfaceSubtle)}.switch-row input:after{content:"";position:absolute;top:var(--yl-space-1);left:var(--yl-space-1);width:var(--yl-layout-switchKnobSize);height:var(--yl-layout-switchKnobSize);border-radius:var(--yl-radius-pill);background:var(--yl-color-textDisabled);translate:0 -1px}.switch-row input:checked{background:var(--yl-color-brand);border-color:var(--yl-color-brand)}.switch-row input:checked:after{left:auto;right:var(--yl-space-1);background:var(--yl-color-surface)}.brand-media-stack{display:grid;gap:var(--yl-space-6)}.brand-media-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,480px);align-items:start;gap:var(--yl-space-8)}.brand-media-row h2,.home-cover-manager h2,.template-manager h2{margin:var(--yl-space-0);font-size:var(--yl-font-size-titleSmall)}.brand-media-row p,.template-manager p{color:var(--yl-color-textSecondary)}.brand-cover-picker,.splash-picker{display:grid;place-items:center;height:calc(var(--yl-layout-touchTarget) * 5);border:var(--yl-border-width) dashed var(--yl-color-borderStrong);border-radius:var(--yl-radius-lg);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary)}.brand-cover-picker{aspect-ratio:var(--yl-media-albumCoverRatio);justify-self:end;overflow:hidden;padding:0}.home-cover-manager{display:grid;gap:var(--yl-space-5)}.home-cover-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yl-space-6);padding-bottom:var(--yl-space-4);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.home-cover-heading p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.home-cover-heading>span{flex:none;padding:var(--yl-space-1) var(--yl-space-3);border-radius:var(--yl-radius-pill);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);font-variant-numeric:tabular-nums}.home-cover-error{margin:calc(var(--yl-space-2) * -1) var(--yl-space-0) var(--yl-space-0)}.home-cover-gallery{width:100%}.home-cover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--yl-space-3)}.home-cover-grid .brand-cover-picker{width:100%;height:auto;justify-self:stretch}.home-cover-grid .brand-cover-picker span{font-size:var(--yl-font-size-display);line-height:1;font-weight:var(--yl-font-weight-regular)}.home-cover-grid .brand-cover-picker small{margin-top:calc(var(--yl-space-3) * -1);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-regular)}.home-cover-item{position:relative;overflow:hidden;aspect-ratio:var(--yl-media-albumCoverRatio);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surfaceSubtle)}.home-cover-item img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%}.home-cover-item button{position:absolute;top:var(--yl-space-1);right:var(--yl-space-1);display:grid;place-items:center;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);padding:0;border:0;background:transparent;color:var(--yl-color-textOnBrand);opacity:1}.home-cover-item button svg{width:24px;height:24px;padding:5px;border-radius:var(--yl-radius-sm);background:var(--yl-color-overlay);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover)and (pointer:fine){.home-cover-item button{opacity:0}.home-cover-item:hover button,.home-cover-item button:focus-visible{opacity:1}}.inline-error{color:var(--yl-color-danger)!important}.startup-picker-wrap{display:grid;justify-items:center;gap:var(--yl-space-3)}.splash-picker{width:calc(var(--yl-layout-touchTarget) * 2.58);justify-self:center;overflow:hidden;padding:0}.splash-picker img{display:block;width:100%;height:100%;object-fit:cover}.splash-picker span{font-size:var(--yl-font-size-display);font-weight:var(--yl-font-weight-regular)}.media-selected{border-style:solid;border-color:var(--yl-color-brand);background:var(--yl-color-brandSoft);color:var(--yl-color-brand)}.template-manager{display:grid;gap:var(--yl-space-6)}.template-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yl-space-6);padding-bottom:var(--yl-space-4);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.template-heading p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);font-size:var(--yl-font-size-bodySmall)}.template-heading>span{flex:none;padding:var(--yl-space-1) var(--yl-space-3);border-radius:var(--yl-radius-pill);background:var(--yl-color-successSoft);color:var(--yl-color-success);font-size:var(--yl-font-size-caption)}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yl-space-5)}.template-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--yl-space-3);min-width:0;padding:var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);text-align:left}.template-card:hover{border-color:var(--yl-color-borderStrong)}.template-card:focus-visible{outline:var(--yl-border-width) solid var(--yl-color-brand);outline-offset:var(--yl-space-1)}.template-card-selected{border-color:var(--yl-color-brand);background:var(--yl-color-brandSoft)}.template-preview{position:relative;display:grid;grid-column:1 / -1;place-items:center;overflow:hidden;width:100%;aspect-ratio:var(--yl-media-albumCoverRatio);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle)}.template-preview-phone{position:relative;display:block;width:min(42%,calc(100% - var(--yl-space-12)));height:calc(100% - var(--yl-space-4));overflow:hidden;border:calc(var(--yl-border-width) * 2) solid var(--yl-color-textPrimary);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.template-preview-media{position:absolute;inset:var(--yl-space-0);display:block;width:100%;height:100%;object-fit:cover;object-position:58% 56%}.template-preview i{position:absolute;z-index:1;display:block;background:var(--yl-color-surface);opacity:.84}.template-preview-head{top:var(--yl-space-3);left:var(--yl-space-3);width:var(--yl-space-8);height:var(--yl-space-2);border-radius:var(--yl-radius-pill)}.template-preview-hero{top:var(--yl-space-8);right:var(--yl-space-3);left:var(--yl-space-3);height:42%;border-radius:var(--yl-radius-sm);background:var(--yl-color-border)!important}.template-preview-work{bottom:var(--yl-space-3);width:calc(50% - var(--yl-space-5));height:25%;border-radius:var(--yl-radius-sm)}.template-preview-work-a{left:var(--yl-space-3)}.template-preview-work-b{right:var(--yl-space-3)}.template-preview-work-c,.template-preview-work-d{display:none!important}.template-preview-gallery-02 .template-preview-nav{top:var(--yl-space-8);bottom:var(--yl-space-3);left:var(--yl-space-3);width:23%;border-right:var(--yl-border-width) solid var(--yl-color-border);background:var(--yl-color-brandSoft)}.template-preview-gallery-02 .template-preview-hero{top:var(--yl-space-8);right:var(--yl-space-3);left:calc(23% + var(--yl-space-5));height:30%}.template-preview-gallery-02 .template-preview-work{width:calc(38.5% - var(--yl-space-4));height:22%}.template-preview-gallery-02 .template-preview-work-a{right:calc(38.5% + var(--yl-space-4));bottom:31%;left:auto}.template-preview-gallery-02 .template-preview-work-b{right:var(--yl-space-3);bottom:31%}.template-preview-gallery-02 .template-preview-work-c{right:calc(38.5% + var(--yl-space-4));bottom:var(--yl-space-3);display:block!important}.template-preview-gallery-02 .template-preview-work-d{right:var(--yl-space-3);bottom:var(--yl-space-3);display:block!important}.template-preview-gallery-editorial-v1 .template-preview-phone{border-color:var(--yl-color-textPrimary);background:var(--yl-color-textPrimary)}.template-preview-gallery-editorial-v1 .template-preview-media{filter:brightness(.62) contrast(1.08)}.template-preview-gallery-editorial-v1 i{background:var(--yl-color-textSecondary)}.template-preview-gallery-editorial-v1 .template-preview-head{width:var(--yl-space-12);background:var(--yl-color-surface)}.template-preview-gallery-editorial-v1 .template-preview-hero{top:var(--yl-space-8);right:var(--yl-space-3);left:var(--yl-space-3);height:58%;background:var(--yl-color-surface)!important}.template-preview-gallery-editorial-v1 .template-preview-work{bottom:var(--yl-space-3);width:calc(50% - var(--yl-space-5));height:16%}.template-preview-gallery-curated-v1 .template-preview-head{width:var(--yl-space-10)}.template-preview-gallery-curated-v1 .template-preview-media{object-position:24% 56%}.template-preview-gallery-curated-v1 .template-preview-hero{right:36%;height:46%}.template-preview-gallery-curated-v1 .template-preview-nav{top:var(--yl-space-8);right:var(--yl-space-3);width:27%;height:46%;border-radius:var(--yl-radius-sm);background:var(--yl-color-brandSoft)}.template-preview-gallery-curated-v1 .template-preview-work{bottom:var(--yl-space-3);width:calc(33.33% - var(--yl-space-4));height:26%}.template-preview-gallery-curated-v1 .template-preview-work-a{left:var(--yl-space-3)}.template-preview-gallery-curated-v1 .template-preview-work-b{right:calc(33.33% + var(--yl-space-2))}.template-preview-gallery-curated-v1 .template-preview-work-c{right:var(--yl-space-3);display:block!important}.template-preview-gallery-journal-v1 .template-preview-head{left:auto;right:var(--yl-space-3);width:var(--yl-space-5)}.template-preview-gallery-journal-v1 .template-preview-media{object-position:38% 45%}.template-preview-gallery-journal-v1 .template-preview-hero{top:var(--yl-space-8);left:var(--yl-space-3);width:38%;height:calc(100% - var(--yl-space-8) - var(--yl-space-3))}.template-preview-gallery-journal-v1 .template-preview-work{right:var(--yl-space-3);width:50%;height:18%}.template-preview-gallery-journal-v1 .template-preview-work-a{top:var(--yl-space-8)}.template-preview-gallery-journal-v1 .template-preview-work-b{top:44%}.template-preview-gallery-journal-v1 .template-preview-work-c{bottom:var(--yl-space-3);display:block!important}.template-preview-gallery-grid-v1 .template-preview-head{width:var(--yl-space-6)}.template-preview-gallery-grid-v1 .template-preview-media{object-position:75% 54%}.template-preview-gallery-grid-v1 .template-preview-hero{top:var(--yl-space-8);left:var(--yl-space-3);width:57%;height:calc(100% - var(--yl-space-8) - var(--yl-space-3))}.template-preview-gallery-grid-v1 .template-preview-work{width:30%;height:28%}.template-preview-gallery-grid-v1 .template-preview-work-a{top:var(--yl-space-8);right:var(--yl-space-3)}.template-preview-gallery-grid-v1 .template-preview-work-b{top:40%;right:var(--yl-space-3)}.template-preview-gallery-grid-v1 .template-preview-work-c{right:var(--yl-space-3);bottom:var(--yl-space-3);display:block!important}.template-preview-gallery-studio-v1 .template-preview-head{width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);border-radius:var(--yl-radius-pill)}.template-preview-gallery-studio-v1 .template-preview-media{object-position:65% 42%}.template-preview-gallery-studio-v1 .template-preview-hero{top:var(--yl-space-8);left:calc(var(--yl-space-3) + var(--yl-layout-touchTarget) + var(--yl-space-2));height:25%}.template-preview-gallery-studio-v1 .template-preview-nav{top:calc(var(--yl-space-8) + var(--yl-layout-touchTarget));right:var(--yl-space-3);left:var(--yl-space-3);height:var(--yl-space-2);border-radius:var(--yl-radius-pill);background:var(--yl-color-brandSoft)}.template-preview-gallery-studio-v1 .template-preview-work{bottom:var(--yl-space-3);width:calc(50% - var(--yl-space-5));height:32%}.template-preview-gallery-archive-v1 .template-preview-head{width:var(--yl-space-3);height:var(--yl-space-3);border-radius:var(--yl-radius-none)}.template-preview-gallery-archive-v1 .template-preview-media{filter:grayscale(1) contrast(1.04);object-position:34% 58%}.template-preview-gallery-archive-v1 .template-preview-hero{top:var(--yl-space-8);right:var(--yl-space-3);left:calc(var(--yl-space-3) + var(--yl-space-6));height:var(--yl-space-6);border-radius:var(--yl-radius-none)}.template-preview-gallery-archive-v1 .template-preview-nav{top:var(--yl-space-8);bottom:var(--yl-space-3);left:var(--yl-space-3);width:var(--yl-space-3);border-radius:var(--yl-radius-none);background:var(--yl-color-brandSoft)}.template-preview-gallery-archive-v1 .template-preview-work{right:var(--yl-space-3);left:calc(var(--yl-space-3) + var(--yl-space-6));width:auto;height:var(--yl-space-5);border-radius:var(--yl-radius-none)}.template-preview-gallery-archive-v1 .template-preview-work-a{top:calc(var(--yl-space-8) + var(--yl-space-8))}.template-preview-gallery-archive-v1 .template-preview-work-b{top:calc(var(--yl-space-8) + var(--yl-space-8) + var(--yl-space-8))}.template-preview-gallery-archive-v1 .template-preview-work-c{bottom:var(--yl-space-3);display:block!important}.template-draft-note{margin:var(--yl-space-0);color:var(--yl-color-warning)!important;font-size:var(--yl-font-size-bodySmall)}.miniapp-template-manager{gap:var(--yl-space-5)}.miniapp-template-manager .template-heading{padding-bottom:var(--yl-space-3)}.miniapp-template-manager .template-heading>span{display:none}.miniapp-template-manager .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yl-space-8) var(--yl-space-6);align-items:start}.miniapp-template-manager .template-card{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;min-height:var(--yl-space-0);gap:var(--yl-space-3);padding:var(--yl-space-0);border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:transparent;text-align:center}.miniapp-template-manager .template-card:hover{border-color:transparent}.miniapp-template-manager .template-card:focus-visible{outline:var(--yl-border-width) solid var(--yl-color-brand);outline-offset:var(--yl-space-2)}.miniapp-template-manager .template-card-selected{background:transparent}.miniapp-template-manager .template-preview{display:block;grid-column:auto;width:min(100%,calc(var(--yl-layout-touchTarget) * 4));aspect-ratio:9 / 16;overflow:visible;border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:transparent}.miniapp-template-manager .template-preview-phone{position:relative;width:100%;height:100%;overflow:hidden;border:calc(var(--yl-border-width) * 2) solid var(--yl-color-surface);border-radius:var(--yl-radius-panel);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.miniapp-template-manager .template-card-selected .template-preview-phone{border-color:var(--yl-color-brand)}.miniapp-template-manager .template-preview-speaker{position:absolute;z-index:3;top:var(--yl-space-2);left:50%;width:var(--yl-space-6);height:var(--yl-border-width);border-radius:var(--yl-radius-pill);background:var(--yl-color-borderStrong);translate:-50% 0}.miniapp-template-manager .template-preview-screen{position:absolute;top:var(--yl-space-4);right:var(--yl-space-2);bottom:var(--yl-space-8);left:var(--yl-space-2);overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);background:var(--yl-color-surfaceSubtle)}.miniapp-template-manager .template-preview-media{opacity:.2;object-position:58% 56%}.miniapp-template-manager .template-preview-screen i{opacity:.42}.miniapp-template-manager .template-preview-photo{position:absolute;z-index:1;display:block;max-width:none;object-fit:cover}.miniapp-template-manager .template-preview-screen>i{z-index:2}.miniapp-template-manager .template-preview-gallery-editorial-v1 .template-preview-media,.miniapp-template-manager .template-preview-gallery-editorial-v1 .template-preview-photo{object-position:left center}.miniapp-template-manager .template-preview-gallery-curated-v1 .template-preview-media,.miniapp-template-manager .template-preview-gallery-curated-v1 .template-preview-photo{object-position:center center}.miniapp-template-manager .template-preview-gallery-grid-v1 .template-preview-media,.miniapp-template-manager .template-preview-gallery-grid-v1 .template-preview-photo{object-position:right center}.miniapp-template-manager .template-preview-photo.template-preview-work-b,.miniapp-template-manager .template-preview-photo.template-preview-work-d{object-position:center center}.miniapp-template-manager .template-preview-home{position:absolute;z-index:3;bottom:var(--yl-space-2);left:50%;width:var(--yl-space-5);height:var(--yl-space-5);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-pill);translate:-50% 0}.miniapp-template-manager .template-preview-ribbon{position:absolute;z-index:4;top:var(--yl-space-3);left:calc(var(--yl-space-3) * -1);padding:var(--yl-space-1) var(--yl-space-4);background:var(--yl-color-danger);color:var(--yl-color-surface);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);rotate:-42deg}.miniapp-template-manager .template-preview-gallery-editorial-v1 .template-preview-phone{border-color:var(--yl-color-surface)}.miniapp-template-manager .template-card-selected.template-card .template-preview-phone{border-color:var(--yl-color-brand)}.miniapp-template-manager .template-preview-screen{border-color:var(--yl-color-publicSharedDivider)}.miniapp-template-manager .template-preview-title,.miniapp-template-manager .template-preview-copy,.miniapp-template-manager .template-preview-action{position:absolute;z-index:2;display:block;opacity:1}.miniapp-template-manager .template-preview-title{top:48%;left:var(--yl-space-3);width:58%;height:var(--yl-space-2)}.miniapp-template-manager .template-preview-copy{top:calc(48% + var(--yl-space-3));left:var(--yl-space-3);width:42%;height:var(--yl-border-width)}.miniapp-template-manager .template-preview-action{bottom:var(--yl-space-3);left:var(--yl-space-3);width:44%;height:var(--yl-space-3)}.miniapp-template-manager .template-preview-gallery-editorial-v1 .template-preview-screen{background:var(--yl-color-publicEditorialCanvas)}.miniapp-template-manager .template-preview-gallery-editorial-v1 .template-preview-hero{top:var(--yl-space-3);right:var(--yl-space-3);left:var(--yl-space-3);height:57%;background:transparent!important}.miniapp-template-manager .template-preview-gallery-editorial-v1 .template-preview-title,.miniapp-template-manager .template-preview-gallery-editorial-v1 .template-preview-copy{background:var(--yl-color-publicEditorialText)}.miniapp-template-manager .template-preview-gallery-editorial-v1 .template-preview-action{background:var(--yl-color-publicEditorialAction)}.miniapp-template-manager .template-preview-gallery-journal-v1 .template-preview-screen{background:var(--yl-color-publicJournalCanvas)}.miniapp-template-manager .template-preview-gallery-journal-v1 .template-preview-hero{top:var(--yl-space-3);right:var(--yl-space-3);left:var(--yl-space-3);height:38%;background:transparent!important}.miniapp-template-manager .template-preview-gallery-journal-v1 .template-preview-title{top:calc(38% + var(--yl-space-5));background:var(--yl-color-publicJournalText)}.miniapp-template-manager .template-preview-gallery-journal-v1 .template-preview-copy{top:calc(38% + var(--yl-space-8));background:var(--yl-color-publicJournalAccent)}.miniapp-template-manager .template-preview-gallery-journal-v1 .template-preview-action{border-top:var(--yl-border-width) solid var(--yl-color-publicJournalDivider);background:transparent}.miniapp-template-manager .template-preview-gallery-studio-v1 .template-preview-screen{background:var(--yl-color-publicStudioCanvas)}.miniapp-template-manager .template-preview-gallery-studio-v1 .template-preview-hero{top:calc(var(--yl-space-3) + var(--yl-layout-touchTarget));right:var(--yl-space-3);left:var(--yl-space-3);height:38%;background:transparent!important}.miniapp-template-manager .template-preview-gallery-studio-v1 .template-preview-head{top:var(--yl-space-3);left:var(--yl-space-3);width:var(--yl-space-6);height:var(--yl-space-6);border-radius:var(--yl-radius-pill);background:var(--yl-color-publicAction)}.miniapp-template-manager .template-preview-gallery-studio-v1 .template-preview-title{top:calc(var(--yl-space-3) + var(--yl-space-2));left:calc(var(--yl-space-3) + var(--yl-space-8));background:var(--yl-color-publicStudioText)}.miniapp-template-manager .template-preview-gallery-studio-v1 .template-preview-copy{top:calc(var(--yl-space-3) + var(--yl-space-5));left:calc(var(--yl-space-3) + var(--yl-space-8));background:var(--yl-color-publicSharedSecondary)}.miniapp-template-manager .template-preview-gallery-studio-v1 .template-preview-action{background:var(--yl-color-publicStudioContact)}.account-page{width:100%;max-width:none}.account-page>.page-heading{display:none}.account-notice{max-width:none}.account-group{max-width:none;margin-top:var(--yl-space-12);overflow:visible;border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:transparent}.account-group>h2{margin:var(--yl-space-0);padding:var(--yl-space-0) var(--yl-space-0) var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-borderStrong);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-title);font-weight:var(--yl-font-weight-regular)}.account-version-group{margin-top:var(--yl-space-0)}.account-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) var(--yl-layout-accountActionWidth);align-items:center;gap:var(--yl-space-6);min-height:calc(var(--yl-layout-touchTarget) + var(--yl-space-16));padding:var(--yl-space-6) var(--yl-space-0);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.account-row>div{display:contents}.account-row:last-child{border-bottom:var(--yl-space-0)}.account-row h3{margin:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-regular)}.account-row p{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall);font-variant-numeric:tabular-nums}.account-row .primary-button,.account-row .secondary-button{width:var(--yl-layout-accountActionWidth)}.account-version-group .account-row{min-height:calc(var(--yl-layout-touchTarget) * 3)}.account-version-group .account-row h3{display:none}.account-version-group .account-row p{grid-column:1 / 3;font-size:var(--yl-font-size-title);font-weight:var(--yl-font-weight-semibold)}.account-version-group+.account-group>h2{position:absolute;width:var(--yl-border-width);height:var(--yl-border-width);margin:calc(var(--yl-border-width) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.account-dialog{text-align:left}.account-dialog h2{text-align:center}.account-dialog .form-field{margin-top:var(--yl-space-4)}.account-d8-page{width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-4)))}.account-d8-page>h1{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-8);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-display);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-display)}.account-d8-notice{display:flex;align-items:center;gap:var(--yl-space-3);width:fit-content;margin:calc(var(--yl-space-4) * -1) var(--yl-space-0) var(--yl-space-4);color:var(--yl-color-success);font-size:var(--yl-font-size-bodySmall)}.account-d8-notice>span{display:grid;width:var(--yl-space-6);height:var(--yl-space-6);place-items:center;border-radius:var(--yl-radius-pill);background:var(--yl-color-brandSoft);color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall)}.account-d8-section+.account-d8-section{margin-top:var(--yl-space-10)}.account-d8-section>h2{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-4);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-semibold)}.account-d8-card{overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.account-d8-row{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-6);min-height:calc(var(--yl-layout-touchTarget) + var(--yl-space-16));padding:var(--yl-space-5) var(--yl-space-6)}.account-d8-row+.account-d8-row{border-top:var(--yl-border-width) solid var(--yl-color-surfaceSubtle)}.account-d8-row h3,.account-d8-row p{margin:var(--yl-space-0)}.account-d8-row h3{color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-semibold)}.account-d8-row p{margin-top:var(--yl-space-2);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall);font-variant-numeric:tabular-nums}.account-d8-row .primary-button{min-width:calc(var(--yl-layout-touchTarget) + var(--yl-space-10));height:calc(var(--yl-layout-controlHeight) - var(--yl-space-1));min-height:calc(var(--yl-layout-controlHeight) - var(--yl-space-1))}.account-d8-text-action{min-width:var(--yl-layout-touchTarget);min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-semibold)}.account-d8-text-action:hover{text-decoration:underline}.account-d8-backdrop{background:var(--yl-color-settingsOverlay)}.account-d8-dialog{box-sizing:border-box;width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-layout-webSidebarWidth) + var(--yl-space-16)));padding:var(--yl-space-10);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-overlay)}.account-d8-dialog header{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-6)}.account-d8-dialog h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title);font-weight:var(--yl-font-weight-semibold)}.account-d8-close{display:grid;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);place-items:center;padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-display);font-weight:var(--yl-font-weight-regular);line-height:var(--yl-font-lineHeight-display)}.account-d8-dialog footer{display:flex;justify-content:flex-end;gap:var(--yl-space-3);margin-top:var(--yl-space-10)}.account-d8-dialog footer button{min-width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-controlHeight) - var(--yl-space-1));min-height:calc(var(--yl-layout-controlHeight) - var(--yl-space-1))}.account-d8-dialog-copy{margin:var(--yl-space-8) var(--yl-space-0) var(--yl-space-5);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.account-d8-upgrade-details{display:grid;gap:var(--yl-space-3);margin:var(--yl-space-0);padding:var(--yl-space-4) var(--yl-space-5);border-radius:var(--yl-radius-md);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.account-d8-upgrade-details div{display:grid;grid-template-columns:minmax(0,var(--yl-layout-webSidebarWidth)) minmax(0,1fr);gap:var(--yl-space-4)}.account-d8-upgrade-details dt{color:var(--yl-color-textMuted)}.account-d8-upgrade-details dd{margin:var(--yl-space-0);color:var(--yl-color-textPrimary)}.account-d8-unavailable{display:grid;gap:var(--yl-space-4);margin-top:var(--yl-space-8);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.account-d8-unavailable strong{display:flex;align-items:center;gap:var(--yl-space-3);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body)}.account-d8-unavailable strong span{display:grid;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);place-items:center;border:var(--yl-border-width) solid var(--yl-color-serviceUnavailableBorder);border-radius:var(--yl-radius-pill);background:var(--yl-color-serviceUnavailableSoft);color:var(--yl-color-serviceUnavailable);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-regular)}.account-d8-unavailable p{margin:var(--yl-space-0)}.account-d8-password-form{display:grid;gap:var(--yl-space-6);margin-top:var(--yl-space-8)}.account-d8-password-field{display:grid;gap:var(--yl-space-2);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-semibold)}.account-d8-password-field input{box-sizing:border-box;width:100%;height:calc(var(--yl-layout-controlHeight) + var(--yl-space-2));padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font:inherit}.account-d8-password-field input[aria-invalid=true]{border-color:var(--yl-color-danger)}.account-d8-password-field small{color:var(--yl-color-textMuted);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-regular)}.account-d8-password-field input[aria-invalid=true]+small,.account-d8-submit-error{color:var(--yl-color-danger)}.account-d8-submit-error{margin:calc(var(--yl-space-2) * -1) var(--yl-space-0) var(--yl-space-0);font-size:var(--yl-font-size-bodySmall)}.field-error{padding:var(--yl-space-3);border-radius:var(--yl-radius-md);background:var(--yl-color-dangerSoft);color:var(--yl-color-danger)!important}.logged-out-screen{position:fixed;z-index:calc(var(--yl-zIndex-overlay) + 1);inset:var(--yl-space-0);display:grid;place-content:center;justify-items:center;gap:var(--yl-space-4);padding:var(--yl-space-6);background:var(--yl-color-canvas);text-align:center}.logged-out-screen p,.muted-text{color:var(--yl-color-textSecondary)}.danger-text-button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-space-0);background:transparent;color:var(--yl-color-danger)}.schedule-page,.capacity-page,.recycle-page{width:100%}.schedule-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);gap:var(--yl-space-6);margin-top:var(--yl-space-6);align-items:start}.calendar-card,.schedule-card,.usage-panel{padding:var(--yl-space-6);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);margin-bottom:var(--yl-space-5)}.calendar-heading h2{margin:var(--yl-space-0);font-size:var(--yl-font-size-titleSmall)}.calendar-heading>div{display:flex;gap:var(--yl-space-2)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week{border-top:var(--yl-border-width) solid var(--yl-color-borderStrong);border-left:var(--yl-border-width) solid var(--yl-color-borderStrong)}.calendar-week span{padding:var(--yl-space-3);border-right:var(--yl-border-width) solid var(--yl-color-borderStrong);text-align:center;color:var(--yl-color-textSecondary)}.calendar-day{position:relative;min-height:92px;padding:var(--yl-space-3);border:var(--yl-space-0);border-top:var(--yl-border-width) solid var(--yl-color-borderStrong);border-right:var(--yl-border-width) solid var(--yl-color-borderStrong);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);text-align:left}.calendar-day:nth-child(7n+1){border-left:var(--yl-border-width) solid var(--yl-color-borderStrong)}.calendar-day:nth-last-child(-n+7){border-bottom:var(--yl-border-width) solid var(--yl-color-borderStrong)}.calendar-day small{display:block;width:fit-content;margin-top:var(--yl-space-3);padding:var(--yl-space-1) var(--yl-space-2);border-radius:var(--yl-radius-pill);background:var(--yl-color-brandSoft);color:var(--yl-color-brand)}.calendar-day-selected{box-shadow:inset 0 0 0 calc(var(--yl-border-width) * 2) var(--yl-color-brand);background:var(--yl-color-brandSoft)}.calendar-day-empty{background:var(--yl-color-surfaceSubtle)}.inline-error-state{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);margin-top:var(--yl-space-4);padding:var(--yl-space-3);border-radius:var(--yl-radius-md);background:var(--yl-color-dangerSoft);color:var(--yl-color-danger)}.schedule-side{display:grid;gap:var(--yl-space-6)}.schedule-card h2,.usage-panel h2{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-5);font-size:var(--yl-font-size-titleSmall)}.schedule-card textarea,.schedule-card input{width:100%}.schedule-draft{display:grid;gap:var(--yl-space-4);margin-top:var(--yl-space-5);padding-top:var(--yl-space-5);border-top:var(--yl-border-width) solid var(--yl-color-border)}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--yl-space-3)}.day-schedule-list article{display:flex;justify-content:space-between;gap:var(--yl-space-4);padding:var(--yl-space-4) var(--yl-space-0);border-top:var(--yl-border-width) solid var(--yl-color-border)}.day-schedule-list p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0)}.schedule-item-actions{display:flex;align-items:center;gap:var(--yl-space-2)}.schedule-item-actions>button:first-child{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-space-0);background:transparent;color:var(--yl-color-brand)}.package-snapshot-preview{display:grid;gap:var(--yl-space-1);padding:var(--yl-space-3);border-radius:var(--yl-radius-md);background:var(--yl-color-brandSoft);color:var(--yl-color-brand)}.snapshot-summary{padding:var(--yl-space-2);border-radius:var(--yl-radius-sm);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.schedule-page>.schedule-notice{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-4)}.schedule-layout{grid-template-columns:minmax(0,1fr);gap:var(--yl-space-6);margin-top:var(--yl-space-0)}.schedule-side{display:contents}.schedule-side>.schedule-card:first-child{display:grid;grid-row:1;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--yl-space-0);padding:var(--yl-space-0);border:var(--yl-space-0);border-radius:var(--yl-radius-none)}.schedule-side>.schedule-card:first-child .form-field{min-width:var(--yl-space-0)}.schedule-side>.schedule-card:first-child textarea{display:block;height:calc(var(--yl-layout-controlHeight) + var(--yl-space-2));min-height:calc(var(--yl-layout-controlHeight) + var(--yl-space-2));padding:var(--yl-space-0) var(--yl-space-4);resize:none;border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md) var(--yl-radius-none) var(--yl-radius-none) var(--yl-radius-md);line-height:calc(var(--yl-layout-controlHeight) + var(--yl-space-2));overflow:hidden}.schedule-side>.schedule-card:first-child>.primary-button{min-width:calc(var(--yl-layout-touchTarget) * 2);min-height:calc(var(--yl-layout-controlHeight) + var(--yl-space-2));border-radius:var(--yl-radius-none) var(--yl-radius-md) var(--yl-radius-md) var(--yl-radius-none)}.schedule-side>.schedule-card:first-child .field-error,.schedule-side>.schedule-card:first-child .schedule-draft{grid-column:1 / -1}.calendar-card{grid-row:2;padding:var(--yl-space-8) var(--yl-space-0) var(--yl-space-0);border:var(--yl-space-0);border-radius:var(--yl-radius-none)}.calendar-heading{justify-content:center;gap:var(--yl-space-6);margin-bottom:var(--yl-space-6)}.schedule-month-arrow{width:var(--yl-layout-touchTarget);min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-display);font-weight:var(--yl-font-weight-regular);line-height:1}.schedule-month-arrow:disabled{background:transparent}.calendar-period{display:flex;gap:var(--yl-space-2)}.calendar-period span,.calendar-period select{height:var(--yl-layout-controlHeight);min-width:calc(var(--yl-layout-touchTarget) * 2);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-body);line-height:var(--yl-layout-controlHeight);text-align:center}.calendar-period select{appearance:none;padding-right:var(--yl-space-4)}.calendar-week{border-color:var(--yl-color-border)}.calendar-week span{padding:var(--yl-space-3);border-color:var(--yl-color-border);font-size:var(--yl-font-size-body)}.calendar-day{min-height:calc(var(--yl-layout-touchTarget) * 2);padding:var(--yl-space-3);border-color:var(--yl-color-border);font-size:var(--yl-font-size-titleSmall)}.calendar-day-selected{box-shadow:none;background:var(--yl-color-brandSoft)}.calendar-events{display:grid;gap:var(--yl-space-1);margin-top:var(--yl-space-2)}.calendar-events small{position:relative;display:block;width:auto;margin:var(--yl-space-0);padding:var(--yl-space-0) var(--yl-space-0) var(--yl-space-0) var(--yl-space-3);border-radius:var(--yl-radius-none);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-events small:before{position:absolute;top:calc(var(--yl-space-1) + 1px);left:var(--yl-space-0);width:var(--yl-space-1);height:var(--yl-space-1);border-radius:var(--yl-radius-pill);background:var(--yl-color-brand);content:""}.schedule-side>.schedule-card:last-child{grid-row:3;padding:var(--yl-space-6) var(--yl-space-0) var(--yl-space-0);border:var(--yl-space-0);border-top:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-none)}.capacity-heading{display:none}.capacity-tabs{display:flex;gap:var(--yl-space-12);margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-10);border-bottom:var(--yl-border-width) solid var(--yl-color-borderStrong)}.capacity-tabs button{position:relative;min-height:calc(var(--yl-layout-touchTarget) + var(--yl-space-4));display:flex;align-items:center;gap:var(--yl-space-2);padding:var(--yl-space-0) var(--yl-space-0) var(--yl-space-5);border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:transparent;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-title);text-align:left}.capacity-tabs button span{display:none}.capacity-tabs .capacity-tab-active{color:var(--yl-color-brand);font-weight:var(--yl-font-weight-semibold)}.capacity-tabs .capacity-tab-active:after{position:absolute;right:var(--yl-space-0);bottom:calc(var(--yl-border-width) * -1);left:var(--yl-space-0);height:var(--yl-layout-activeIndicatorHeight);background:var(--yl-color-brand);content:""}.usage-panel{display:flex;flex-direction:column;max-width:none;min-height:var(--yl-layout-capacityHeroMinHeight);margin:var(--yl-space-0) calc(var(--yl-layout-webContentInset) * -1);padding:var(--yl-space-16) var(--yl-layout-webContentInset);border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:var(--yl-color-brandDecorative);color:var(--yl-color-surface)}.usage-panel-main{display:grid;width:100%;margin:auto var(--yl-space-0)}.usage-panel h2{margin-bottom:var(--yl-space-8);color:inherit;font-size:var(--yl-font-size-display)}.usage-main{display:flex;align-items:baseline;justify-content:center;gap:var(--yl-space-3);margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-10);color:inherit;font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-regular);line-height:1.1}.usage-main strong{font-size:var(--yl-font-size-displayMedium);font-weight:var(--yl-font-weight-semibold)}.usage-summary{justify-self:end;order:3;margin:var(--yl-space-6) var(--yl-space-0) var(--yl-space-0);color:inherit!important;font-size:var(--yl-font-size-bodySmall)}.usage-progress{order:2;height:var(--yl-space-3);overflow:hidden;border-radius:var(--yl-radius-none);background:var(--yl-color-surface)}.usage-progress span{display:block;height:100%;background:var(--yl-color-danger)}.usage-panel-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-6);margin-top:var(--yl-space-10);color:var(--yl-color-surface);font-size:var(--yl-font-size-bodySmall)}.usage-panel-meta p{margin:var(--yl-space-0);color:inherit!important}.usage-panel-meta .secondary-button{border-color:var(--yl-color-surface);background:var(--yl-color-surface);color:var(--yl-color-brand)}.capacity-storage-notice{min-height:var(--yl-space-12);display:flex;align-items:center;margin:var(--yl-space-0) calc(var(--yl-layout-webContentInset) * -1);padding:var(--yl-space-0) var(--yl-layout-webContentInset);background:var(--yl-color-warningSoft);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.empty-usage{display:block}.usage-progress-warning span,.usage-progress-protection span{background:var(--yl-color-warning)}.usage-progress-restricted span{background:var(--yl-color-danger)}.usage-notice{padding:var(--yl-space-3) var(--yl-space-4);border-radius:var(--yl-radius-md)}.usage-panel>.usage-notice-warning,.usage-panel>.usage-notice-protection{color:var(--yl-color-warning);background:var(--yl-color-warningSoft)}.usage-panel>.usage-notice-restricted{color:var(--yl-color-danger);background:var(--yl-color-dangerSoft)}.usage-panel>p{color:var(--yl-color-textSecondary)}.trash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yl-space-6);margin-top:var(--yl-space-4)}.trash-card{padding:var(--yl-space-4);overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-none);background:var(--yl-color-surfaceSubtle)}.trash-cover{display:block;aspect-ratio:var(--yl-media-albumCoverRatio);border-radius:var(--yl-radius-md);background:var(--yl-color-surface)}.trash-cover img{display:block;width:100%;height:100%;object-fit:cover}.trash-body{padding:var(--yl-space-3) var(--yl-space-0) var(--yl-space-0)}.trash-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-3);min-width:var(--yl-space-0)}.trash-meta h2{min-width:var(--yl-space-0);margin:var(--yl-space-0);overflow:hidden;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-regular);text-overflow:ellipsis;white-space:nowrap}.trash-meta strong{flex:0 0 auto;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-regular);white-space:nowrap}.trash-purge-note{margin:var(--yl-space-3) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.trash-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-3);margin-top:var(--yl-space-5)}.trash-actions .primary-button{min-width:calc(var(--yl-layout-touchTarget) + var(--yl-space-4));padding:var(--yl-space-0) var(--yl-space-3)}.trash-actions .danger-text-button{color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall)}.package-page{width:100%;max-width:calc(var(--yl-layout-webSidebarWidth) * 4)}.package-list{display:grid;gap:var(--yl-space-4);margin-top:var(--yl-space-6)}.package-card{padding:var(--yl-space-6);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.package-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yl-space-6)}.package-card header>div:last-child{display:flex;gap:var(--yl-space-2)}.package-card h2{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-2);font-size:var(--yl-font-size-titleSmall)}.package-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yl-space-4) var(--yl-space-8);margin:var(--yl-space-5) var(--yl-space-0) var(--yl-space-0);padding-top:var(--yl-space-5);border-top:var(--yl-border-width) solid var(--yl-color-border)}.package-card dt{margin-bottom:var(--yl-space-2);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.package-card dd{margin:var(--yl-space-0);white-space:pre-wrap}.package-dialog{max-height:calc(100vh - var(--yl-space-8));overflow-y:auto;text-align:left}.package-dialog h2{text-align:center}.package-dialog .form-field{margin-top:var(--yl-space-4)}.package-page{max-width:none}.package-toolbar{position:relative;display:flex;align-items:center;width:100%;min-height:var(--yl-layout-controlHeight);padding-bottom:var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.package-search{position:absolute;top:var(--yl-space-0);right:calc((var(--yl-space-12) + var(--yl-space-10)) * -1);display:flex;width:calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16))}.package-search input{min-width:var(--yl-space-0);height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-brand);border-radius:var(--yl-radius-md) var(--yl-radius-none) var(--yl-radius-none) var(--yl-radius-md)}.package-search .primary-button{border-radius:var(--yl-radius-none) var(--yl-radius-md) var(--yl-radius-md) var(--yl-radius-none)}.package-list{gap:var(--yl-space-0);margin-top:var(--yl-space-0)}.package-card{padding:var(--yl-space-6) var(--yl-space-4);border:var(--yl-space-0);border-bottom:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-none)}.package-card header{align-items:center}.package-card h2{margin-bottom:var(--yl-space-2);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.package-card header p{margin:var(--yl-space-0);color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-bodySmall)}.package-card header strong{color:var(--yl-color-danger);font-size:var(--yl-font-size-titleSmall)}.package-card header>div:last-child{gap:var(--yl-space-5)}.package-card header>div:last-child button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-bodySmall)}.package-card header>div:last-child .danger-text-button{color:var(--yl-color-textDisabled)}.package-card dl{display:none}.recycle-page>.page-heading{display:none}.recycle-page:before{display:block;padding:var(--yl-space-0) var(--yl-space-0) var(--yl-space-4);color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall);content:"已删除相册保留30天，到期后将自动永久删除"}.recycle-page .status-panel{min-height:calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16));display:grid;place-content:center;border:var(--yl-space-0);background:transparent}.recycle-page .status-panel h2{color:var(--yl-color-textMuted);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-regular)}.recycle-page .status-panel p,.recycle-page .status-panel button{display:none}.recycle-delete-dialog{width:min(100%,calc(var(--yl-layout-webContentMaxWidth) + var(--yl-space-16)));min-height:calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16));display:flex;flex-direction:column;justify-content:center;padding:var(--yl-space-16) calc(var(--yl-space-16) + var(--yl-space-6));border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-lg)}.recycle-delete-dialog h2{font-size:var(--yl-font-size-display)}.recycle-delete-dialog p{max-width:calc(var(--yl-layout-webSidebarWidth) * 2);margin:var(--yl-space-8) auto var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-medium)}.recycle-delete-dialog .dialog-actions{justify-content:space-around;gap:var(--yl-space-12);margin-top:var(--yl-space-16)}.recycle-delete-dialog .dialog-actions button{min-width:calc(var(--yl-layout-webSidebarWidth) - var(--yl-space-6));min-height:calc(var(--yl-layout-controlHeight) + var(--yl-space-4));font-size:var(--yl-font-size-title)}.staging-login{padding:var(--yl-space-12);background:var(--yl-color-canvas)}.staging-login-card{width:min(calc(var(--yl-layout-webSidebarWidth) * 2 + var(--yl-space-16) + var(--yl-space-16)),100%);min-height:calc(var(--yl-layout-webSidebarWidth) * 2 + var(--yl-space-16) + var(--yl-space-16));align-content:center;gap:var(--yl-space-5);padding:var(--yl-space-16) calc(var(--yl-space-16) + var(--yl-space-6));border:var(--yl-space-0);border-radius:var(--yl-radius-none);box-shadow:none}.staging-login-card .login-logo{position:fixed;top:var(--yl-space-8);left:max(var(--yl-space-12),calc((100vw - var(--yl-layout-webWorkspaceWidth)) / 2));width:calc(var(--yl-layout-webSidebarWidth) / 2);height:var(--yl-layout-touchTarget)}.staging-login-card .login-heading{justify-items:center;margin-bottom:var(--yl-space-6)}.staging-login-card h1{font-size:var(--yl-font-size-title);color:var(--yl-color-textSecondary)}.staging-login-card .login-fields{width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-16) + var(--yl-space-16)));justify-self:center;gap:var(--yl-space-3)}.staging-login-card .login-fields>label:not(.agreement-field)>span{display:none}.staging-login-card input{height:calc(var(--yl-layout-controlHeight) + var(--yl-space-4));border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:var(--yl-color-surfaceSubtle)}.staging-login-card .login-submit{width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-16) + var(--yl-space-16)));justify-self:center;min-height:calc(var(--yl-layout-controlHeight) + var(--yl-space-4));margin-top:var(--yl-space-4);border-radius:var(--yl-radius-none);font-size:var(--yl-font-size-body)}.staging-login-card .login-error,.staging-login-card .registration-message{width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-16) + var(--yl-space-16)));justify-self:center}.staging-login-card .login-switch{min-height:var(--yl-layout-controlHeight)}.staging-login-card.session-restore-card{width:min(100%,calc(var(--yl-layout-webSidebarWidth) * 2));min-height:var(--yl-space-0);padding:var(--yl-space-8)}.session-restore-card [role=status]{color:var(--yl-color-textPrimary)}.session-restore-card .primary-button{min-height:var(--yl-layout-touchTarget)}.production-onboarding{padding:var(--yl-space-8) var(--yl-space-4)}.production-onboarding .staging-login-card{width:min(100%,calc(var(--yl-layout-webSidebarWidth) * 2));min-width:var(--yl-space-0);min-height:var(--yl-space-0);padding:var(--yl-space-8) var(--yl-space-6)}.production-onboarding .login-heading{min-width:var(--yl-space-0);text-align:center}.production-onboarding .login-logo{position:static;justify-self:center}.production-onboarding .login-fields{min-width:var(--yl-space-0);width:100%}.production-onboarding .login-fields>label:not(.agreement-field)>span{display:block}.production-onboarding input{min-width:var(--yl-space-0)}.production-onboarding .staging-login-card .login-switch{min-height:var(--yl-layout-touchTarget)}.production-onboarding .staging-login-card [role=status]{color:var(--yl-color-textPrimary)}.production-onboarding .staging-login-card h1,.production-onboarding .staging-login-card p{overflow-wrap:anywhere}.production-onboarding .registration-fields .agreement-field{color:var(--yl-color-textSecondary)}.production-onboarding .registration-phone-field b{padding-inline:var(--yl-space-3)}.production-onboarding .registration-fields .verification-field .primary-button{min-width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-4));padding-inline:var(--yl-space-2);font-size:var(--yl-font-size-bodySmall)}.login-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-16) + var(--yl-space-16)));justify-self:center;margin-bottom:var(--yl-space-6)}.login-tabs button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);border-bottom:calc(var(--yl-border-width) * 2) solid transparent;background:transparent;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-body)}.login-tabs .login-tab-active{border-bottom-color:var(--yl-color-brand);color:var(--yl-color-brand)}.login-tabs button:disabled{background:transparent;border-color:transparent;color:var(--yl-color-textMuted);opacity:1}.login-phone-field>div,.login-password-field>div{position:relative;display:flex;align-items:center;width:100%;background:var(--yl-color-surfaceSubtle)}.login-phone-field b{flex:0 0 auto;padding:var(--yl-space-0) var(--yl-space-5);border-right:var(--yl-border-width) solid var(--yl-color-border);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-regular)}.login-phone-field input{min-width:var(--yl-space-0);flex:1 1 auto}.login-password-field input{padding-right:calc(var(--yl-space-12) + var(--yl-space-10))}.forgot-password-link{position:absolute;right:var(--yl-space-4);min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall)}.forgot-password-link:hover{color:var(--yl-color-brand)}.login-auxiliary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-16) + var(--yl-space-16)));justify-self:center}.login-auxiliary-actions .login-switch{color:var(--yl-color-textMuted);font-size:var(--yl-font-size-body)}.login-auxiliary-actions .login-switch-disabled{color:var(--yl-color-textMuted)}.registration-card .login-fields{margin-top:var(--yl-space-2)}.registration-phone-field>div{display:flex;align-items:center;width:100%;background:var(--yl-color-surfaceSubtle)}.registration-phone-field b{flex:0 0 auto;padding:var(--yl-space-0) var(--yl-space-5);border-right:var(--yl-border-width) solid var(--yl-color-border);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-regular)}.registration-phone-field input{min-width:var(--yl-space-0);flex:1 1 auto}.registration-fields .verification-field{gap:var(--yl-space-0);background:var(--yl-color-surfaceSubtle)}.registration-fields .verification-field .primary-button{min-width:calc(var(--yl-layout-touchTarget) * 3);height:calc(var(--yl-layout-controlHeight) + var(--yl-space-4));border-radius:var(--yl-radius-none);font-size:var(--yl-font-size-body)}.registration-fields .agreement-field{justify-self:start;margin-top:var(--yl-space-1);color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-caption)}.registration-fields .agreement-field span{display:inline}.registration-legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--yl-space-4)}.registration-card .registration-legal-links a,.registration-card .registration-message a{display:inline-flex;align-items:center;min-height:var(--yl-layout-touchTarget);color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall)}.registration-back-link{justify-self:center;color:var(--yl-color-brand);font-size:var(--yl-font-size-body)}@media(max-width:1279px)and (min-width:960px){.app-shell{grid-template-columns:var(--yl-layout-globalShellSidebarCompactWidth) minmax(0,1fr)}.sidebar{padding-right:var(--yl-layout-globalShellSidebarCompactInset);padding-left:var(--yl-layout-globalShellSidebarCompactInset)}.nav-item{justify-content:center;padding-right:var(--yl-space-0);padding-left:var(--yl-space-0)}.nav-item-label{position:absolute;width:var(--yl-space-1);height:var(--yl-space-1);overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}@media(max-width:1023px){.workbench-layout{grid-template-columns:1fr}.phone-preview{width:calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-4))}.photo-console{width:100%}.schedule-layout{grid-template-columns:1fr}.trash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-cover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.miniapp-template-manager .template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.public-album-page{min-height:100vh;background:var(--yl-color-surface,#fff);color:var(--yl-color-text-primary,#202423);padding:0 0 calc(32px + env(safe-area-inset-bottom))}.public-album-header{max-width:760px;margin:0 auto;padding:40px 16px 28px}.public-album-header span{display:block;color:var(--yl-color-text-secondary,#737977);font-size:13px;letter-spacing:.04em}.public-album-header h1{margin:10px 0 0;font-size:26px;font-weight:600;line-height:1.35}.public-album-photos{max-width:760px;margin:0 auto;padding:0 8px}.public-album-photos img{display:block;width:100%;height:auto;margin:0 0 8px;background:var(--yl-color-surface-subtle,#f3f4f2)}.public-album-state{min-height:100vh;display:grid;place-content:center;gap:10px;padding:24px;text-align:center;background:var(--yl-color-surface,#fff);color:var(--yl-color-text-secondary,#737977)}.public-album-state strong{color:var(--yl-color-text-primary,#202423);font-size:18px;font-weight:600}.public-album-state span{font-size:14px}.public-album-items{max-width:calc(var(--yl-layout-webSidebarWidth) * 2 + var(--yl-space-16) + var(--yl-space-16));margin:var(--yl-space-0) auto;padding:var(--yl-space-0) var(--yl-space-2)}.public-album-items>img{display:block;width:100%;height:auto;margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-2);background:var(--yl-color-surfaceSubtle)}.public-album-password-page{display:grid;min-height:100vh;place-items:center;padding:var(--yl-space-6);background:var(--yl-color-surface)}.public-album-password{display:grid;width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16)));gap:var(--yl-space-4);padding:var(--yl-space-8);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.miniapp-settings-page{width:min(100%,var(--yl-layout-webContentMaxWidth));margin-top:var(--yl-space-0)}.miniapp-settings-page .settings-tabs{height:var(--yl-layout-touchTarget);gap:var(--yl-space-12);margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-8)}.miniapp-settings-page .settings-tabs button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-2);color:var(--yl-color-textSecondary)}.miniapp-settings-page .settings-tabs .settings-tab-active{border-bottom-width:calc(var(--yl-border-width) * 2);color:var(--yl-color-brand)}.miniapp-profile-card,.miniapp-cover-manager,.miniapp-startup-manager{box-sizing:border-box;width:100%;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-raised)}.miniapp-profile-card{overflow:hidden;padding:var(--yl-space-8)}.miniapp-logo-bar{display:flex;min-height:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-4));align-items:center;gap:var(--yl-space-6);padding:var(--yl-space-4) var(--yl-space-6);border-radius:var(--yl-radius-lg);background:linear-gradient(120deg,var(--yl-color-brandSoft),var(--yl-color-surfaceSubtle))}.miniapp-logo-picker{display:block;flex:0 0 auto}.miniapp-logo-picker>span{position:absolute;width:var(--yl-space-1);height:var(--yl-space-1);overflow:hidden;clip:rect(0 0 0 0)}.miniapp-logo-picker .small-media-picker{display:grid;width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-touchTarget) * 2);grid-template-rows:1fr auto;padding:var(--yl-space-1);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-pill);background:var(--yl-color-surface)}.miniapp-logo-picker .small-media-picker img{grid-row:1 / -1}.miniapp-logo-action{min-width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-3));height:calc(var(--yl-layout-controlHeight) - var(--yl-space-1));margin-left:auto;padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-brand);border-radius:var(--yl-radius-pill);background:var(--yl-color-surface);color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-semibold)}.miniapp-logo-copy{min-width:0}.miniapp-logo-copy strong{display:block;color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body)}.miniapp-logo-copy span{display:block;margin-top:var(--yl-space-1);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.miniapp-profile-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;margin-top:var(--yl-space-10)}.miniapp-profile-section{display:flex;min-width:0;flex-direction:column}.miniapp-profile-section:first-child .miniapp-intro-field{min-height:0;flex:1 1 auto}.miniapp-profile-section:first-child .miniapp-intro-field textarea{flex:1 1 auto}.miniapp-profile-section+.miniapp-profile-section{margin-left:var(--yl-space-12);padding-left:var(--yl-space-12);border-left:var(--yl-border-width) solid var(--yl-color-border)}.miniapp-profile-section h2{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-8);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.miniapp-section-heading{display:flex;align-items:baseline;gap:var(--yl-space-4)}.miniapp-section-heading span{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.miniapp-profile-card .miniapp-name-field,.miniapp-profile-card .miniapp-intro-field,.miniapp-profile-card .miniapp-phone-field{display:grid;gap:var(--yl-space-3);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.miniapp-profile-card .miniapp-intro-field{margin-top:var(--yl-space-8)}.miniapp-profile-card .miniapp-name-field input,.miniapp-profile-card .miniapp-phone-field input,.miniapp-profile-card .miniapp-intro-field textarea{width:100%;padding:var(--yl-space-0) var(--yl-space-0) var(--yl-space-3);border:var(--yl-space-0);border-bottom:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-none);background:transparent;color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body)}.miniapp-profile-card .miniapp-intro-field textarea{min-height:calc(var(--yl-layout-touchTarget) * 3);resize:vertical}.miniapp-profile-card .switch-row{margin-top:var(--yl-space-4);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.miniapp-wechat-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--yl-space-5);margin-top:var(--yl-space-6);padding-top:var(--yl-space-5);border-top:var(--yl-border-width) solid var(--yl-color-border);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.miniapp-wechat-block>span{grid-column:1 / -1}.miniapp-wechat-block .switch-row{margin:var(--yl-space-0);white-space:nowrap}.miniapp-qr-picker{display:block}.miniapp-qr-picker>span{position:absolute;width:var(--yl-space-1);height:var(--yl-space-1);overflow:hidden;clip:rect(0 0 0 0)}.miniapp-qr-picker .small-media-picker{width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-touchTarget) * 2);border-color:var(--yl-color-brand);border-radius:var(--yl-radius-lg);background:var(--yl-color-brandSoft);color:var(--yl-color-brand)}.miniapp-qr-copy{min-width:0}.miniapp-qr-copy strong,.miniapp-qr-copy span{display:block}.miniapp-qr-copy strong{color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-medium)}.miniapp-qr-copy span{margin-top:var(--yl-space-1);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.miniapp-cover-manager{display:block;padding:var(--yl-space-8)}.miniapp-cover-manager .home-cover-heading{align-items:center;padding-bottom:var(--yl-space-6)}.miniapp-cover-manager .home-cover-heading h2{color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.miniapp-cover-manager .home-cover-heading>div{display:flex;align-items:center;gap:var(--yl-space-4)}.miniapp-cover-manager .home-cover-heading>div>span{padding:var(--yl-space-0);border-radius:var(--yl-radius-none);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.miniapp-cover-manager .miniapp-cover-ratio{padding:var(--yl-space-1) var(--yl-space-3)!important;border-radius:var(--yl-radius-sm)!important;background:var(--yl-color-surfaceSubtle)!important}.miniapp-cover-add{min-width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-3))}.miniapp-cover-manager .home-cover-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--yl-space-4);padding-top:var(--yl-space-7)}.miniapp-cover-manager .home-cover-item{border-radius:var(--yl-radius-md);box-shadow:var(--yl-shadow-raised)}.home-cover-number{position:absolute;top:var(--yl-space-3);left:var(--yl-space-3);display:grid;width:var(--yl-space-6);height:var(--yl-space-6);place-items:center;border-radius:var(--yl-radius-pill);background:var(--yl-color-overlay);color:var(--yl-color-textOnBrand);font-size:var(--yl-font-size-caption);font-variant-numeric:tabular-nums}.miniapp-cover-manager .home-cover-item button{top:var(--yl-space-2);right:var(--yl-space-2);width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget)}.miniapp-cover-manager .home-cover-item button svg{background:var(--yl-color-surface);color:var(--yl-color-textSecondary)}.miniapp-startup-manager{min-height:calc(var(--yl-layout-touchTarget) * 12);grid-template-columns:minmax(0,470px) minmax(0,1fr);gap:var(--yl-space-16);padding:var(--yl-space-10)}.miniapp-startup-info h2{color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title)}.miniapp-startup-info>p{margin:var(--yl-space-2) var(--yl-space-0)}.miniapp-startup-tag{display:inline-flex;margin-top:var(--yl-space-4);padding:var(--yl-space-1) var(--yl-space-3);border-radius:var(--yl-radius-sm);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.miniapp-startup-note,.miniapp-startup-format{color:var(--yl-color-textDisabled)!important;font-size:var(--yl-font-size-caption)!important}.startup-picker-compact{position:relative;display:grid;justify-items:start;margin-top:var(--yl-space-6)}.startup-picker-compact .splash-picker{width:calc(var(--yl-layout-touchTarget) * 3 + var(--yl-space-5));height:calc(var(--yl-layout-touchTarget) * 5);align-content:center;gap:var(--yl-space-2);border-color:var(--yl-color-brand);border-radius:var(--yl-radius-md);background:var(--yl-color-brandSoft);color:var(--yl-color-brand)}.startup-picker-compact .splash-picker small{font-size:var(--yl-font-size-bodySmall)}.startup-picker-compact .startup-remove-button{position:static;width:auto;height:var(--yl-layout-controlHeight);margin-top:var(--yl-space-4);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textSecondary);opacity:1;font-size:var(--yl-font-size-bodySmall)}.miniapp-startup-preview{display:flex;align-items:center;flex-direction:column;padding-left:var(--yl-space-16);border-left:var(--yl-border-width) solid var(--yl-color-border)}.miniapp-startup-preview>p{align-self:center;width:calc(var(--yl-layout-touchTarget) * 6);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.miniapp-startup-phone{position:relative;width:calc(var(--yl-layout-touchTarget) * 6);aspect-ratio:1125 / 2180;overflow:hidden;border:calc(var(--yl-border-width) * 7) solid var(--yl-color-textPrimary);border-radius:var(--yl-radius-panel);background:var(--yl-color-surfaceSubtle);box-shadow:var(--yl-shadow-raised)}.miniapp-startup-phone:before{position:absolute;z-index:1;top:var(--yl-space-3);left:50%;width:calc(var(--yl-layout-touchTarget) + var(--yl-space-8));height:var(--yl-space-5);transform:translate(-50%);border-radius:var(--yl-radius-pill);background:var(--yl-color-textPrimary);content:""}.miniapp-startup-phone img{display:block;width:100%;height:100%;object-fit:cover}.miniapp-startup-phone>span{position:absolute;bottom:var(--yl-space-8);left:50%;min-width:calc(var(--yl-layout-touchTarget) * 3);min-height:var(--yl-layout-controlHeight);display:grid;place-items:center;transform:translate(-50%);border:var(--yl-border-width) solid var(--yl-color-textOnBrand);border-radius:var(--yl-radius-pill);background:var(--yl-color-overlay);color:var(--yl-color-textOnBrand);font-size:var(--yl-font-size-caption)}.miniapp-publish-actions{width:100%;max-width:none;min-height:calc(var(--yl-layout-controlHeight) + var(--yl-space-6));margin-top:var(--yl-space-10);padding-top:var(--yl-space-3);border-top:var(--yl-border-width) solid var(--yl-color-border)}.miniapp-publish-actions .primary-button{min-width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-3))}@media(max-width:1024px){.miniapp-profile-columns{grid-template-columns:1fr;gap:var(--yl-space-8)}.miniapp-profile-section+.miniapp-profile-section{margin-left:var(--yl-space-0);padding-top:var(--yl-space-8);padding-left:var(--yl-space-0);border-top:var(--yl-border-width) solid var(--yl-color-border);border-left:0}.miniapp-startup-manager{grid-template-columns:1fr}.miniapp-startup-preview{padding-top:var(--yl-space-8);padding-left:var(--yl-space-0);border-top:var(--yl-border-width) solid var(--yl-color-border);border-left:0}}@media(max-width:640px){.miniapp-profile-card,.miniapp-cover-manager,.miniapp-startup-manager{padding:var(--yl-space-4)}.miniapp-logo-bar{gap:var(--yl-space-3);padding:var(--yl-space-3)}.miniapp-logo-picker .small-media-picker small{position:static;min-width:auto;height:auto;margin-top:var(--yl-space-2);padding:var(--yl-space-0);border:0;background:transparent}.miniapp-wechat-block{grid-template-columns:1fr auto}.miniapp-wechat-block>span{grid-column:1 / -1}.miniapp-qr-picker .small-media-picker small{display:none}.miniapp-cover-manager .home-cover-heading{align-items:flex-start}.miniapp-cover-manager .home-cover-heading>div{justify-content:flex-end;flex-wrap:wrap}.miniapp-cover-manager .home-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.miniapp-startup-manager{gap:var(--yl-space-8)}.miniapp-startup-phone,.miniapp-startup-preview>p{width:calc(var(--yl-layout-touchTarget) * 5)}}.public-album-password-studio{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);letter-spacing:.04em}.miniapp-settings-page{width:calc(100% - var(--yl-space-12));margin-left:var(--yl-space-6)}.miniapp-profile-card .miniapp-intro-field{padding:var(--yl-space-0);border:var(--yl-space-0)}.miniapp-profile-card .miniapp-name-field input,.miniapp-profile-card .miniapp-phone-field input{height:var(--yl-layout-controlHeight)}.miniapp-profile-card .miniapp-intro-field textarea{height:auto}.miniapp-wechat-block .miniapp-qr-picker{display:block;grid-column:auto;grid-template-columns:none;align-items:initial;gap:var(--yl-space-0)}.miniapp-qr-picker .small-media-picker{box-sizing:border-box;width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-border-width) * 2);height:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-border-width) * 2)}.miniapp-wechat-block .switch-row{grid-column:auto;min-height:var(--yl-space-0);justify-content:flex-start;gap:var(--yl-space-2)}.miniapp-startup-manager{min-height:calc(var(--yl-layout-touchTarget) * 12 + var(--yl-space-6));grid-template-columns:minmax(0,calc(var(--yl-layout-touchTarget) * 10 + var(--yl-space-6))) minmax(0,1fr);gap:calc(var(--yl-space-16) + var(--yl-space-2));padding:calc(var(--yl-space-8) + var(--yl-space-1)) calc(var(--yl-space-10) + var(--yl-space-1))}.miniapp-startup-info{padding-top:var(--yl-space-2)}.miniapp-startup-info h2{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-2);color:var(--yl-color-textPrimary);font-size:calc(var(--yl-font-size-body) + var(--yl-space-1));line-height:var(--yl-font-lineHeight-titleSmall)}.miniapp-startup-info>p{margin:var(--yl-space-0)}.miniapp-startup-info .miniapp-startup-note{margin-top:var(--yl-space-3)}.miniapp-startup-info .miniapp-startup-format{margin-top:var(--yl-space-5)}.startup-picker-compact{margin-top:var(--yl-space-8)}.startup-picker-compact .splash-picker{width:calc(var(--yl-layout-touchTarget) * 3 + var(--yl-space-2));height:calc(var(--yl-layout-touchTarget) * 5)}.startup-picker-compact .startup-remove-button{margin-top:var(--yl-space-4)}.miniapp-startup-preview{align-items:center;padding-top:var(--yl-space-0);padding-left:calc(var(--yl-space-16) + var(--yl-space-1))}.miniapp-startup-preview>p{align-self:center;width:calc(var(--yl-layout-touchTarget) * 6 - var(--yl-space-1));margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-3)}.miniapp-startup-phone{width:calc(var(--yl-layout-touchTarget) * 6 - var(--yl-space-1));border-width:calc(var(--yl-border-width) * 7)}.miniapp-startup-phone>span{bottom:calc(var(--yl-space-8) + var(--yl-space-2));min-width:calc(var(--yl-layout-touchTarget) * 3);min-height:calc(var(--yl-layout-controlHeight) - var(--yl-space-1))}.miniapp-template-manager{display:block;padding-top:var(--yl-space-0)}.miniapp-template-card{width:100%;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-xl);background:var(--yl-color-surface);overflow:hidden}.miniapp-template-manager .template-grid{display:grid;grid-template-columns:repeat(4,var(--yl-d13-selector-optionWidth));justify-content:center;column-gap:var(--yl-d13-selector-grid-columnGapWide);row-gap:var(--yl-d13-selector-grid-rowGapWide);align-items:start;padding:var(--yl-d13-selector-grid-paddingTop) var(--yl-d13-selector-grid-paddingInlineWide) var(--yl-d13-selector-grid-paddingBottom)}.miniapp-template-manager .template-card{position:relative;display:grid;width:var(--yl-d13-selector-optionWidth);grid-template-columns:1fr;justify-self:start;justify-items:center;gap:var(--yl-space-0);padding:var(--yl-space-0);border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:transparent;color:var(--yl-color-textPrimary);text-align:center;box-shadow:none}.miniapp-template-manager .template-card:hover{border-color:transparent;background:transparent}.miniapp-template-manager .template-card:focus-visible{outline:var(--yl-d13-selector-phone-borderWidth) solid var(--yl-color-brand);outline-offset:var(--yl-space-1)}.miniapp-template-manager .template-card:after{position:absolute;z-index:6;top:var(--yl-d13-selector-check-top);right:var(--yl-d13-selector-check-right);display:grid;width:var(--yl-d13-selector-check-size);height:var(--yl-d13-selector-check-size);place-items:center;border-radius:var(--yl-radius-pill);background:var(--yl-color-brand);box-shadow:var(--yl-d13-selector-check-shadow);color:var(--yl-color-surface);content:"✓";opacity:0;transition:opacity var(--yl-motion-fast) ease;font-size:var(--yl-font-size-micro);font-weight:var(--yl-font-weight-semibold);line-height:1}.miniapp-template-manager .template-card-selected:after{opacity:1}.miniapp-template-manager .template-preview{display:block;width:var(--yl-d13-selector-phone-width);height:var(--yl-d13-selector-phone-height);overflow:visible;border:var(--yl-space-0);border-radius:var(--yl-radius-none);background:transparent}.d9-template-phone{position:relative;display:block;box-sizing:border-box;width:var(--yl-d13-selector-phone-width);height:var(--yl-d13-selector-phone-height);overflow:hidden;border:var(--yl-d13-selector-phone-borderWidth) solid var(--yl-d13-selector-phone-border);border-radius:var(--yl-d13-selector-phone-radius);background:var(--yl-color-surface);box-shadow:var(--yl-d13-selector-phone-shadow);color:var(--yl-color-textPrimary);text-align:left;transition:border-color var(--yl-motion-fast) ease,box-shadow var(--yl-motion-fast) ease}.template-preview-canvas{position:absolute;top:var(--yl-space-0);left:var(--yl-space-0);display:block;width:var(--yl-d13-selector-phone-canvasWidth);height:var(--yl-d13-selector-phone-canvasHeight);transform:scale(var(--yl-d13-selector-phone-canvasScale));transform-origin:top left;background:inherit;color:inherit}.miniapp-template-manager .template-card:hover .d9-template-phone{border-color:var(--yl-d13-selector-phone-hoverBorder)}.miniapp-template-manager .template-card-selected .d9-template-phone{border-color:var(--yl-color-brand);box-shadow:var(--yl-d13-selector-phone-selectedShadow)}.d9-phone-notch{position:absolute;z-index:5;top:var(--yl-space-0);left:50%;display:block;width:calc(var(--yl-layout-touchTarget) + var(--yl-space-8));height:calc(var(--yl-space-4) + var(--yl-space-1));transform:translate(-50%);border-radius:var(--yl-radius-none) var(--yl-radius-none) var(--yl-radius-lg) var(--yl-radius-lg);background:var(--yl-color-textPrimary)}.d9-mini-head{position:relative;z-index:1;display:block;height:calc(var(--yl-layout-touchTarget) + var(--yl-space-8));padding:calc(var(--yl-space-6) + var(--yl-space-2)) var(--yl-space-3) var(--yl-space-0);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-1));font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-caption);white-space:nowrap}.d9-mini-head small{float:right;font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));font-weight:var(--yl-font-weight-regular);opacity:.72}.d9-mini-nav{position:absolute;right:var(--yl-space-0);bottom:var(--yl-space-0);left:var(--yl-space-0);display:flex;height:calc(var(--yl-layout-touchTarget) - var(--yl-space-2));align-items:center;justify-content:space-around;border-top:var(--yl-border-width) solid var(--yl-color-publicSharedDivider);background:inherit;color:var(--yl-color-publicSharedSecondary);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));line-height:var(--yl-font-lineHeight-caption)}.d9-mini-nav b,.d9-mini-nav i{font-style:normal}.d9-mini-nav b{color:var(--yl-color-brandDecorative);font-weight:var(--yl-font-weight-semibold)}.d9-template-editorial{background:var(--yl-color-publicEditorialCanvas);color:var(--yl-color-publicEditorialText)}.d9-template-editorial .d9-mini-head{color:var(--yl-color-publicEditorialText)}.d9-template-editorial .d9-mini-nav{border-color:var(--yl-color-publicEditorialDivider);background:var(--yl-color-publicEditorialCanvas)}.d9-editorial-cover{display:block;width:100%;height:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-3));object-fit:cover;filter:brightness(.76) saturate(.78)}.d9-editorial-copy{display:block;padding:var(--yl-space-3) var(--yl-space-3) var(--yl-space-0)}.d9-editorial-copy>i,.d9-editorial-copy>strong,.d9-editorial-copy>small,.d9-editorial-copy>b{display:block;font-style:normal}.d9-editorial-copy>i{color:var(--yl-color-publicEditorialAccent);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-1));letter-spacing:.04em}.d9-editorial-copy>strong{margin-top:var(--yl-space-1);font-size:calc(var(--yl-font-size-titleSmall) + var(--yl-space-1));font-weight:var(--yl-font-weight-medium);line-height:1.18;letter-spacing:-.03em}.d9-editorial-copy>small{margin-top:var(--yl-space-1);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));line-height:1.55;opacity:.66}.d9-editorial-copy>b{display:grid;width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-4));height:calc(var(--yl-space-6) + var(--yl-space-1));place-items:center;margin:var(--yl-space-3) auto var(--yl-space-0);border:var(--yl-border-width) solid var(--yl-color-publicEditorialText);color:var(--yl-color-publicEditorialText);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2))}.d9-editorial-section{display:block;margin:var(--yl-space-5) var(--yl-space-3) var(--yl-space-0);padding:var(--yl-space-3) var(--yl-space-0) var(--yl-space-0);border-top:var(--yl-border-width) solid var(--yl-color-publicEditorialDivider);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-1));font-weight:var(--yl-font-weight-semibold)}.d9-template-journal{background:var(--yl-color-publicJournalCanvas);color:var(--yl-color-publicJournalText)}.d9-template-journal .d9-mini-head{height:calc(var(--yl-layout-touchTarget) + var(--yl-space-5));font-family:Georgia,Songti SC,serif}.d9-journal-title{display:block;margin:var(--yl-space-0) var(--yl-space-3);padding:var(--yl-space-2) var(--yl-space-0);border-bottom:var(--yl-border-width) solid var(--yl-color-publicJournalDivider)}.d9-journal-title>strong{display:block;font-family:Georgia,Songti SC,serif;font-size:calc(var(--yl-font-size-title) - var(--yl-space-1));font-weight:var(--yl-font-weight-medium);line-height:1}.d9-journal-title>span{display:flex;gap:var(--yl-space-3);margin-top:var(--yl-space-2);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));white-space:nowrap}.d9-journal-title i{font-style:normal}.d9-journal-title b{color:var(--yl-color-publicJournalAccent);font-weight:var(--yl-font-weight-semibold)}.d9-journal-story{display:grid;grid-template-columns:calc(var(--yl-space-6) + var(--yl-space-1)) 1fr;gap:var(--yl-space-2);margin:var(--yl-space-3);padding-bottom:var(--yl-space-3);border-bottom:var(--yl-border-width) solid var(--yl-color-publicJournalDivider)}.d9-journal-story>em{padding-top:var(--yl-space-1);color:var(--yl-color-publicJournalAccent);font:calc(var(--yl-font-size-title) - var(--yl-space-1))/1 Georgia,serif;font-style:normal}.d9-journal-story>span{display:block}.d9-journal-story img{display:block;width:100%;height:calc(var(--yl-layout-touchTarget) + var(--yl-space-4));object-fit:cover}.d9-journal-story strong,.d9-journal-story small{display:block;font-family:Georgia,Songti SC,serif}.d9-journal-story strong{margin-top:var(--yl-space-1);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-medium);line-height:1.2}.d9-journal-story small{margin-top:calc(var(--yl-space-1) / 2);color:var(--yl-color-publicSharedSecondary);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2))}.d9-template-journal .d9-mini-cta{display:grid;width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-2));height:calc(var(--yl-space-6) + var(--yl-space-1));place-items:center;margin:var(--yl-space-1) auto var(--yl-space-0);background:var(--yl-color-publicJournalText);color:var(--yl-color-publicJournalCanvas);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2))}.d9-template-journal .d9-mini-nav{border-color:var(--yl-color-publicJournalDivider);background:var(--yl-color-publicJournalCanvas)}.d9-template-journal .d9-mini-nav b{color:var(--yl-color-publicJournalAccent)}.d9-template-studio{background:var(--yl-color-publicStudioCanvas);color:var(--yl-color-publicStudioText)}.d9-template-studio .d9-mini-head{height:calc(var(--yl-layout-touchTarget) + var(--yl-space-4))}.d9-studio-logo{display:grid;width:calc(var(--yl-layout-touchTarget) - var(--yl-space-1));height:calc(var(--yl-layout-touchTarget) - var(--yl-space-1));place-items:center;margin:var(--yl-space-1) auto;border:var(--yl-border-width) solid var(--yl-color-publicAction);border-radius:var(--yl-radius-pill);color:var(--yl-color-publicAction);font:var(--yl-font-weight-semibold) var(--yl-font-size-bodySmall)/1 Georgia,"Songti SC",serif}.d9-studio-name{display:block;color:var(--yl-color-publicStudioText);text-align:center;font:var(--yl-font-weight-medium) calc(var(--yl-font-size-body) - var(--yl-space-1))/1.2 Georgia,"Songti SC",serif;letter-spacing:.06em}.d9-studio-motto{display:block;margin:var(--yl-space-1) var(--yl-space-3) var(--yl-space-2);color:var(--yl-color-publicSharedSecondary);text-align:center;font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));line-height:1.55}.d9-studio-feature{position:relative;display:block;height:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-3));margin:var(--yl-space-0) var(--yl-space-3);overflow:hidden}.d9-studio-feature:after{position:absolute;right:var(--yl-space-0);bottom:var(--yl-space-0);left:var(--yl-space-0);height:var(--yl-space-10);background:linear-gradient(transparent,var(--yl-color-overlay));content:""}.d9-studio-feature img{display:block;width:100%;height:100%;object-fit:cover}.d9-studio-feature strong{position:absolute;z-index:1;bottom:var(--yl-space-2);left:var(--yl-space-2);color:var(--yl-color-surface);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2))}.d9-studio-contacts{display:grid;grid-template-columns:1fr 1fr;gap:var(--yl-space-1);margin:var(--yl-space-2) var(--yl-space-3)}.d9-studio-contacts i{display:grid;height:calc(var(--yl-space-6) + var(--yl-space-1));place-items:center;background:var(--yl-color-publicStudioContact);color:var(--yl-color-publicAction);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));font-style:normal}.d9-studio-recent{display:flex;gap:var(--yl-space-2);margin:var(--yl-space-2) var(--yl-space-3)}.d9-studio-recent img{width:var(--yl-space-12);height:var(--yl-layout-touchTarget);object-fit:cover}.d9-studio-recent span{color:var(--yl-color-publicSharedSecondary);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));line-height:1.55}.d9-studio-recent strong{display:block;color:var(--yl-color-publicStudioText);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-1))}.d9-template-studio .d9-mini-nav{border-color:var(--yl-color-publicStudioDivider);background:var(--yl-color-publicStudioCanvas)}.d9-template-studio .d9-mini-nav b{color:var(--yl-color-publicAction)}.d13-template-phone{font-size:var(--yl-font-size-micro)}.d13-mini-head{display:flex;height:calc(var(--yl-layout-touchTarget) + var(--yl-space-5));box-sizing:border-box;align-items:flex-end;justify-content:space-between;padding:var(--yl-space-6) var(--yl-space-3) var(--yl-space-2);border-bottom:var(--yl-border-width) solid currentColor}.d13-mini-head strong{overflow:hidden;font-size:calc(var(--yl-font-size-caption) - var(--yl-space-1));font-weight:var(--yl-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.d13-mini-head small{font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));letter-spacing:.04em}.d13-home-grid{position:absolute;top:calc(var(--yl-layout-touchTarget) + var(--yl-space-5));right:var(--yl-space-0);bottom:calc(var(--yl-layout-touchTarget) - var(--yl-space-2));left:var(--yl-space-0);display:grid;align-content:start;overflow:hidden}.d13-work-card,.d13-work-media,.d13-work-meta,.d13-work-card img{display:block;min-width:var(--yl-space-0)}.d13-work-card{position:relative;color:inherit}.d13-work-media{width:100%;overflow:hidden;background:var(--yl-color-surfaceSubtle)}.d13-work-card img{width:100%;height:100%;object-fit:cover}.d13-work-meta{box-sizing:border-box}.d13-work-meta strong,.d13-work-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d13-work-meta strong{font-size:calc(var(--yl-font-size-caption) - var(--yl-space-1));font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-caption)}.d13-work-meta small{margin-top:calc(var(--yl-space-1) / 2);font-size:calc(var(--yl-font-size-caption) - var(--yl-space-2));line-height:var(--yl-font-lineHeight-caption)}.d13-template-archive{background:var(--yl-template-archive-canvas);color:var(--yl-template-archive-text-primary)}.d13-template-archive .d13-mini-head{border-color:var(--yl-template-archive-line)}.d13-template-archive .d13-home-grid{grid-template-columns:1fr;gap:var(--yl-space-2)}.d13-template-archive .d13-work-media{aspect-ratio:3 / 2;background:var(--yl-template-archive-surface)}.d13-template-archive .d13-work-hero .d13-work-media{aspect-ratio:4 / 5}.d13-template-archive .d13-work-card:after{position:absolute;right:var(--yl-space-0);bottom:var(--yl-space-0);left:var(--yl-space-0);height:50%;background:linear-gradient(transparent,var(--yl-template-archive-canvas));content:""}.d13-template-archive .d13-work-meta{position:absolute;z-index:1;right:var(--yl-space-3);bottom:var(--yl-space-3);left:var(--yl-space-3)}.d13-template-archive .d13-work-hero .d13-work-meta strong{font-family:Songti SC,STSong,serif;font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-medium)}.d13-template-archive .d13-work-meta small{color:var(--yl-template-archive-text-muted)}.d13-template-archive .d9-mini-nav{border-color:var(--yl-template-archive-line);background:var(--yl-template-archive-nav-canvas);color:var(--yl-template-archive-text-nav)}.d13-template-archive .d9-mini-nav b{color:var(--yl-template-archive-accent)}.d13-template-curated{background:var(--yl-template-curated-canvas);color:var(--yl-template-curated-text-primary)}.d13-template-curated .d13-mini-head{border-color:var(--yl-template-curated-line)}.d13-template-curated .d13-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yl-space-3) var(--yl-space-2);padding:var(--yl-space-3)}.d13-template-curated .d13-work-hero{grid-column:1 / -1}.d13-template-curated .d13-work-media{aspect-ratio:4 / 5;border:var(--yl-border-width) solid var(--yl-template-curated-line);background:var(--yl-template-curated-surface)}.d13-template-curated .d13-work-meta{min-height:var(--yl-layout-touchTarget);padding-top:var(--yl-space-2)}.d13-template-curated .d13-work-hero .d13-work-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--yl-space-2)}.d13-template-curated .d13-work-hero .d13-work-meta strong{font-family:Songti SC,STSong,serif;font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-semibold)}.d13-template-curated .d13-work-meta small{color:var(--yl-template-curated-text-muted)}.d13-template-curated .d9-mini-nav{border-color:var(--yl-template-curated-line);background:var(--yl-template-curated-canvas);color:var(--yl-template-curated-text-muted)}.d13-template-curated .d9-mini-nav b{color:var(--yl-template-curated-accent)}.d13-template-grid{background:var(--yl-template-grid-canvas);color:var(--yl-template-grid-text-primary)}.d13-template-grid .d13-mini-head{border-color:var(--yl-template-grid-lineOnBrand);background:var(--yl-template-grid-brand);color:var(--yl-template-grid-text-onBrand)}.d13-template-grid .d13-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yl-space-3) var(--yl-space-2);padding:var(--yl-space-3)}.d13-template-grid .d13-work-hero{grid-column:1 / -1}.d13-template-grid .d13-work-media{aspect-ratio:4 / 5;border:var(--yl-border-width) solid var(--yl-template-grid-line);background:var(--yl-template-grid-surface)}.d13-template-grid .d13-work-hero .d13-work-media{aspect-ratio:3 / 2}.d13-template-grid .d13-work-meta{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-2) var(--yl-space-1) var(--yl-space-0)}.d13-template-grid .d13-work-hero .d13-work-meta{display:flex;min-height:auto;align-items:flex-end;justify-content:space-between;gap:var(--yl-space-2);padding:var(--yl-space-3);background:var(--yl-template-grid-brand);color:var(--yl-template-grid-text-onBrand)}.d13-template-grid .d13-work-hero .d13-work-meta strong{font-size:var(--yl-font-size-body)}.d13-template-grid .d13-work-meta small{color:var(--yl-template-grid-text-muted)}.d13-template-grid .d13-work-hero .d13-work-meta small{color:var(--yl-template-grid-text-mutedOnBrand)}.d13-template-grid .d9-mini-nav{border-color:var(--yl-template-grid-line);background:var(--yl-template-grid-canvas);color:var(--yl-template-grid-text-muted)}.d13-template-grid .d9-mini-nav b{color:var(--yl-template-grid-accent)}.miniapp-template-manager .template-name{display:grid;width:100%;height:var(--yl-d13-selector-name-height);place-items:center;color:var(--yl-color-textPrimary);font-size:var(--yl-d13-selector-name-size);font-weight:var(--yl-font-weight-medium);line-height:var(--yl-d13-selector-name-lineHeight);letter-spacing:.03em}.miniapp-template-manager .template-draft-note{margin:var(--yl-space-0)}@media(max-width:1279px)and (min-width:960px){.miniapp-template-manager .template-grid{column-gap:var(--yl-d13-selector-grid-columnGapDesktop);padding-right:var(--yl-d13-selector-grid-paddingInlineDesktop);padding-left:var(--yl-d13-selector-grid-paddingInlineDesktop)}}@media(max-width:1024px){.miniapp-settings-page{width:100%;margin-left:var(--yl-space-0)}.miniapp-startup-manager{grid-template-columns:1fr;gap:var(--yl-space-8)}.miniapp-startup-preview{padding-top:var(--yl-space-8);padding-left:var(--yl-space-0);border-top:var(--yl-border-width) solid var(--yl-color-border);border-left:var(--yl-space-0)}}@media(max-width:959px)and (min-width:621px){.miniapp-template-manager .template-grid{grid-template-columns:repeat(3,var(--yl-d13-selector-optionWidth));column-gap:var(--yl-d13-selector-grid-columnGapTablet);row-gap:var(--yl-d13-selector-grid-rowGapCompact)}}@media(max-width:620px){.miniapp-startup-manager{padding:var(--yl-space-4)}.miniapp-startup-phone,.miniapp-startup-preview>p{width:calc(var(--yl-layout-touchTarget) * 4 + var(--yl-space-4))}.miniapp-template-manager .template-grid{grid-template-columns:repeat(2,var(--yl-d13-selector-optionWidth));column-gap:var(--yl-d13-selector-grid-columnGapCompact);row-gap:var(--yl-d13-selector-grid-rowGapCompact);padding-right:var(--yl-d13-selector-grid-paddingInlineCompact);padding-left:var(--yl-d13-selector-grid-paddingInlineCompact)}}@media(max-width:360px){.miniapp-template-manager .template-grid{column-gap:var(--yl-d13-selector-grid-columnGapNarrow);padding-right:var(--yl-space-0);padding-left:var(--yl-space-0)}}@media(prefers-reduced-motion:reduce){.d9-template-phone,.miniapp-template-manager .template-card:after{transition:none}}.public-album-password h1,.public-album-password p{margin:var(--yl-space-0)}.public-album-password h1{color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title);line-height:var(--yl-font-lineHeight-title)}.public-album-password>p{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.public-album-password form{display:grid;gap:var(--yl-space-3);margin-top:var(--yl-space-2)}.public-album-password label{color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-medium)}.public-album-password input{width:100%;height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body);letter-spacing:.18em}.public-album-password-error{padding:var(--yl-space-2) var(--yl-space-3);border-radius:var(--yl-radius-md);background:var(--yl-color-dangerSoft);color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.public-album-password .primary-button{width:100%;min-height:var(--yl-layout-touchTarget);margin-top:var(--yl-space-1)}.public-album-video{position:relative;width:100%;margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-2);overflow:hidden;background:var(--yl-color-surfaceSubtle)}.public-album-video>video{display:block;width:100%;height:100%;background:var(--yl-color-surfaceSubtle);object-fit:contain}.public-album-video figcaption{position:absolute;right:var(--yl-space-2);bottom:var(--yl-space-2);margin:var(--yl-space-0);padding:var(--yl-space-1) var(--yl-space-2);border-radius:var(--yl-radius-sm);background:var(--yl-color-overlay);color:var(--yl-color-surface);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption);pointer-events:none}.public-album-video-error{position:absolute;right:var(--yl-space-3);bottom:var(--yl-space-3);left:var(--yl-space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-3);padding:var(--yl-space-2) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-danger);border-radius:var(--yl-radius-md);background:var(--yl-color-dangerSoft);color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.public-album-video-error button{min-height:var(--yl-layout-touchTarget);margin:calc(var(--yl-space-2) * -1) calc(var(--yl-space-3) * -1) calc(var(--yl-space-2) * -1) var(--yl-space-0);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-space-0);background:transparent;color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall);white-space:nowrap}@media(max-width:767px){.registration-screen{padding:var(--yl-space-6) var(--yl-space-4)}.registration-screen .registration-card{min-width:var(--yl-space-0);min-height:var(--yl-space-0);width:100%;grid-template-columns:minmax(var(--yl-space-0),1fr);padding:var(--yl-space-8) var(--yl-space-4)}.registration-screen .registration-card .login-logo{position:static;justify-self:center}.registration-screen .registration-card .login-fields{min-width:var(--yl-space-0);width:100%}.registration-screen .registration-card .login-switch{min-height:var(--yl-layout-touchTarget)}.registration-screen .registration-card .registration-message,.registration-screen .registration-card .login-error{overflow-wrap:anywhere}.content{width:100%;max-width:100%;min-width:0;padding:var(--yl-space-4);overflow-x:hidden}.page-heading{align-items:stretch;flex-direction:column}.toolbar{flex-direction:column}.toolbar label{flex:1;width:100%}.toolbar label:last-child{flex:1}.title-field,.phone-preview{width:100%;max-width:calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-4))}.settings-heading,.brand-media-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.settings-heading>*,.settings-actions{min-width:0}.settings-actions{justify-content:space-between}.settings-tabs{overflow-x:auto}.settings-tabs button{white-space:nowrap}.brand-cover-picker,.home-cover-gallery{width:100%;height:auto;justify-self:stretch}.home-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{grid-template-columns:1fr}.template-heading{align-items:stretch;flex-direction:column}.account-d8-page{width:100%;min-width:0}.account-d8-row{align-items:flex-start;flex-direction:column;gap:var(--yl-space-3)}.account-d8-dialog{padding:var(--yl-space-6)}.account-d8-dialog footer{flex-direction:column-reverse}.account-d8-dialog footer button{width:100%}.calendar-card{overflow-x:auto;padding:var(--yl-space-4)}.calendar-heading,.calendar-week,.calendar-card>.calendar-grid{min-width:620px}.capacity-tabs{gap:var(--yl-space-5);overflow-x:auto}.capacity-tabs button{flex:0 0 auto;font-size:var(--yl-font-size-titleSmall)}.portal-page{grid-template-rows:var(--yl-layout-webTopbarHeight) minmax(calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16)),1fr) auto}.portal-hero h1{font-size:var(--yl-font-size-display)}.portal-hero p{font-size:var(--yl-font-size-titleSmall)}.portal-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-feature{min-height:calc(var(--yl-layout-webSidebarWidth) / 2)}.usage-panel{gap:var(--yl-space-8);padding:var(--yl-space-6)}.usage-panel-meta{align-items:flex-start;flex-direction:column}.usage-panel-meta p{overflow-wrap:anywhere}.trash-grid,.time-fields{grid-template-columns:1fr}.package-card header{flex-direction:column}.package-card dl{grid-template-columns:1fr}}@media(max-width:959px){.app-shell{display:grid;grid-template:var(--yl-layout-webTopbarHeight) minmax(0,1fr) / minmax(0,1fr)}.topbar{padding-right:var(--yl-space-4);padding-left:var(--yl-space-4)}.navigation-drawer-trigger{display:inline-flex;min-width:var(--yl-layout-touchTarget);min-height:var(--yl-layout-touchTarget);align-items:center;justify-content:center;gap:var(--yl-space-2);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall)}.navigation-drawer-trigger span,.navigation-drawer-trigger span:before,.navigation-drawer-trigger span:after{display:block;width:var(--yl-space-4);height:var(--yl-border-width);border-radius:var(--yl-radius-pill);background:currentColor;content:""}.navigation-drawer-trigger span{position:relative}.navigation-drawer-trigger span:before,.navigation-drawer-trigger span:after{position:absolute;left:var(--yl-space-0)}.navigation-drawer-trigger span:before{top:calc(var(--yl-space-1) * -1)}.navigation-drawer-trigger span:after{top:var(--yl-space-1)}.sidebar{position:fixed;z-index:var(--yl-zIndex-modal);top:var(--yl-layout-webTopbarHeight);bottom:var(--yl-space-0);left:var(--yl-space-0);width:var(--yl-layout-globalShellSidebarWidth);height:auto;padding:var(--yl-space-6) var(--yl-space-3);visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--yl-motion-normal) ease;box-shadow:var(--yl-shadow-raised)}.sidebar-drawer-open{visibility:visible;opacity:1;pointer-events:auto}.navigation-drawer-backdrop{position:fixed;z-index:var(--yl-zIndex-overlay);inset:var(--yl-layout-webTopbarHeight) var(--yl-space-0) var(--yl-space-0);display:block;border:var(--yl-space-0);background:var(--yl-color-modalOverlay)}.content{grid-column:1;width:100%;max-width:none;padding:var(--yl-layout-globalShellContentTopInset) var(--yl-space-4) var(--yl-space-4)}.workspace-trail{overflow:hidden;text-overflow:ellipsis}.topbar-help,.avatar-label,.avatar-chevron{display:none}.avatar-button{padding:var(--yl-space-1)}.album-list-page .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.workspace-trail{display:none}.album-list-heading{position:static;justify-content:flex-end;margin-bottom:var(--yl-space-4)}.album-list-page .toolbar{align-items:stretch}.album-search-field,.category-picker{width:100%}.album-list-page .album-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0ms!important;animation-duration:0ms!important}}.package-page{width:100%;max-width:none}.package-page-title{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-4);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-title)}.package-toolbar{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--yl-space-4);min-height:var(--yl-layout-controlHeight);margin-bottom:var(--yl-space-6);padding-bottom:var(--yl-space-6);padding-left:var(--yl-space-0);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.package-search{position:relative;inset:auto;display:block;align-self:flex-start;width:min(318px,100%);margin-left:var(--yl-space-0)}.package-search:before{position:absolute;z-index:1;top:50%;left:var(--yl-space-3);width:var(--yl-space-3);height:var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-textMuted);border-radius:var(--yl-radius-pill);content:"";pointer-events:none;transform:translateY(-60%)}.package-search:after{position:absolute;z-index:1;top:calc(50% + var(--yl-space-1));left:calc(var(--yl-space-3) + var(--yl-space-2));width:var(--yl-space-1);height:var(--yl-border-width);background:var(--yl-color-textMuted);content:"";pointer-events:none;transform:rotate(45deg);transform-origin:left center}.package-search input{box-sizing:border-box;width:100%;height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4) var(--yl-space-0) var(--yl-space-8);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall)}.package-search input::placeholder{color:var(--yl-color-textDisabled)}.package-create-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--yl-space-2);min-width:118px}.package-toolbar .package-create-button{margin-left:auto}.package-create-button:before{color:currentColor;content:"+";font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-regular);line-height:1}.package-notice{width:fit-content;margin:calc(var(--yl-space-4) * -1) var(--yl-space-0) var(--yl-space-4)}.package-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(414px,414px));gap:18px;margin-top:var(--yl-space-0)}.package-card{position:relative;box-sizing:border-box;min-height:var(--yl-space-0);padding:var(--yl-space-6);overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);transition:transform var(--yl-motion-normal) ease;will-change:transform}.package-card:hover,.package-card:focus-within{transform:translateY(calc(var(--yl-space-2) * -1))}.package-card header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yl-space-4)}.package-card h2{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-2);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-titleSmall)}.package-price{display:block;color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title);font-weight:var(--yl-font-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--yl-font-lineHeight-title)}.package-card dl{position:relative;z-index:1;display:grid;gap:var(--yl-space-5);margin:var(--yl-space-4) var(--yl-space-0) var(--yl-space-0);padding-top:var(--yl-space-4);border-top:var(--yl-border-width) solid var(--yl-color-border)}.package-card dt{margin-bottom:var(--yl-space-2);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.package-card dd{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall);white-space:pre-wrap}.package-note{margin-top:auto;padding-top:var(--yl-space-4);border-top:var(--yl-border-width) solid var(--yl-color-border)}.package-note dd{color:var(--yl-color-textMuted)}.package-card-actions{position:absolute;z-index:3;right:var(--yl-space-0);bottom:var(--yl-space-0);left:var(--yl-space-0);display:flex;align-items:center;justify-content:center;height:var(--yl-layout-touchTarget);gap:var(--yl-space-8);border-top:var(--yl-border-width) solid var(--yl-color-textPrimary);background:var(--yl-color-textPrimary);color:var(--yl-color-surface);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-medium);opacity:0;pointer-events:none;transform:translateY(100%);transition:transform var(--yl-motion-normal) ease,opacity var(--yl-motion-normal) ease}.package-card:hover .package-card-actions,.package-card:focus-within .package-card-actions{opacity:1;pointer-events:auto;transform:translateY(var(--yl-space-0))}.package-card-actions button{min-width:var(--yl-layout-touchTarget);min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-space-0);border-radius:var(--yl-radius-sm);background:transparent;color:var(--yl-color-surface);font-weight:inherit}.package-card-actions button:hover,.package-card-actions button:focus-visible{outline:var(--yl-space-0);box-shadow:none;background:transparent;color:var(--yl-color-brand)}.package-card-actions .package-card-delete{color:var(--yl-color-surface)}.package-skeleton-list{gap:18px}.package-skeleton{display:grid;align-content:start;gap:var(--yl-space-3);pointer-events:none}.package-skeleton i,.package-skeleton b,.package-skeleton span{display:block;height:var(--yl-space-3);border-radius:var(--yl-radius-pill);background:var(--yl-color-border);opacity:.62}.package-skeleton i{width:32%}.package-skeleton b{width:52%}.package-skeleton hr{width:100%;height:var(--yl-border-width);margin:var(--yl-space-1) var(--yl-space-0);border:var(--yl-space-0);background:var(--yl-color-border)}.package-skeleton span{width:20%}.package-state{display:grid;min-height:500px;place-content:center;justify-items:center;gap:var(--yl-space-2);padding:var(--yl-space-8);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);text-align:center}.package-state-icon{display:grid;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);margin-bottom:var(--yl-space-2);border-radius:var(--yl-radius-pill);place-items:center;background:var(--yl-color-brandSoft);color:var(--yl-color-brand);font-size:var(--yl-font-size-title);line-height:1}.package-state h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-semibold)}.package-state p{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-4);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall)}.package-state-error .package-state-icon{background:var(--yl-color-dangerSoft);color:var(--yl-color-danger)}.package-state-unauthorized .package-state-icon{background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textMuted)}.package-retry-button{display:inline-flex;align-items:center;gap:var(--yl-space-2);color:var(--yl-color-brand)}.package-retry-button:before{content:"↻";font-size:var(--yl-font-size-titleSmall)}.package-modal-backdrop{z-index:var(--yl-zIndex-overlay);display:grid;place-items:center;padding:var(--yl-space-6);background:var(--yl-color-overlay)}.package-dialog{z-index:var(--yl-zIndex-modal);box-sizing:border-box;width:min(630px,100%);max-height:calc(100vh - var(--yl-space-12));padding:var(--yl-space-0);overflow-y:auto;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-overlay);text-align:left}.package-dialog>header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:var(--yl-space-0) var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.package-dialog>header h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-semibold)}.package-dialog-close{width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);margin-right:calc(var(--yl-space-3) * -1);padding:var(--yl-space-0);border:var(--yl-border-width) solid transparent;border-radius:var(--yl-radius-md);background:transparent;color:var(--yl-color-textMuted);font-size:var(--yl-font-size-display);font-weight:var(--yl-font-weight-regular);line-height:1}.package-dialog-form{display:grid;gap:var(--yl-space-3);padding:var(--yl-space-5) var(--yl-space-6) var(--yl-space-4)}.package-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--yl-space-3)}.package-dialog .form-field{display:grid;gap:var(--yl-space-2);margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall)}.package-dialog .form-field>span{font-weight:var(--yl-font-weight-medium)}.package-dialog .form-field b{color:var(--yl-color-danger)}.package-dialog input,.package-dialog textarea{box-sizing:border-box;width:100%;padding:var(--yl-space-2) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall);resize:vertical}.package-dialog input{height:var(--yl-layout-controlHeight)}.package-dialog textarea{min-height:72px}.package-dialog textarea[rows="2"]{min-height:64px}.package-dialog input::placeholder,.package-dialog textarea::placeholder{color:var(--yl-color-textDisabled)}.package-snapshot-note{margin:var(--yl-space-3) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-caption)}.package-dialog .field-error{margin:var(--yl-space-0)}.package-dialog>.dialog-actions{display:flex;justify-content:flex-end;gap:var(--yl-space-3);margin:var(--yl-space-0);padding:var(--yl-space-4) var(--yl-space-6);border-top:var(--yl-border-width) solid var(--yl-color-border)}.package-dialog>.dialog-actions button{min-width:88px}.package-delete-dialog{width:min(500px,100%)}.package-delete-body{display:flex;gap:var(--yl-space-4);padding:var(--yl-space-8) var(--yl-space-6) var(--yl-space-6)}.package-delete-icon{display:grid;flex:0 0 auto;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);border-radius:var(--yl-radius-pill);place-items:center;background:var(--yl-color-dangerSoft);color:var(--yl-color-danger);font-size:var(--yl-font-size-title)}.package-delete-body h2{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-5);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.package-delete-body p{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-2);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.package-delete-dialog>.field-error{margin:calc(var(--yl-space-4) * -1) var(--yl-space-6) var(--yl-space-4)}@media(max-width:1023px){.package-list{grid-template-columns:repeat(auto-fill,minmax(360px,414px))}}@media(max-width:767px){.package-toolbar{align-items:stretch;flex-direction:column}.package-search{width:100%}.package-toolbar .package-create-button{align-self:flex-end}.package-list{grid-template-columns:minmax(0,1fr);gap:var(--yl-space-4)}.package-card{min-height:auto}.package-state{min-height:420px}.package-modal-backdrop{align-items:start;padding:var(--yl-space-4);overflow-y:auto}.package-dialog{max-height:none;margin:var(--yl-space-4) var(--yl-space-0)}.package-dialog-form,.package-dialog>header,.package-dialog>.dialog-actions{padding-right:var(--yl-space-4);padding-left:var(--yl-space-4)}.package-form-row{grid-template-columns:1fr}.package-delete-body{padding-right:var(--yl-space-4);padding-left:var(--yl-space-4)}}@media(hover:none),(pointer:coarse){.package-card-actions{position:relative;right:auto;bottom:auto;left:auto;margin-top:var(--yl-space-4);color:var(--yl-color-surface);opacity:1;pointer-events:auto;transform:none}.package-card-actions .package-card-delete{color:var(--yl-color-surface)}}.schedule-d4-page{width:100%;max-width:none}.schedule-d4-page>h1{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-3);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title);line-height:var(--yl-font-lineHeight-title)}.schedule-d4-toolbar{display:grid;grid-template-columns:minmax(0,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-16))) auto minmax(var(--yl-layout-touchTarget),1fr);align-items:center;gap:var(--yl-space-3);margin-bottom:var(--yl-space-8)}.schedule-d4-input{min-width:var(--yl-space-0)}.schedule-d4-input input{display:block;width:100%;height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall)}.schedule-d4-recognize{min-width:calc(var(--yl-layout-touchTarget) * 2)}.schedule-d4-month{display:flex;align-items:center;justify-content:flex-end;gap:var(--yl-space-6);color:var(--yl-color-textPrimary)}.schedule-d4-month>button{display:grid;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);place-items:center;padding:var(--yl-space-0);border:var(--yl-space-0);border-radius:var(--yl-radius-md);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-title)}.schedule-d4-month>strong{min-width:calc(var(--yl-layout-touchTarget) * 3);font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-semibold);text-align:center}.schedule-d4-layout{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--yl-layout-webSidebarWidth) - var(--yl-space-4));align-items:start;gap:var(--yl-space-4)}.schedule-d4-calendar,.schedule-d4-detail{overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.schedule-d4-week,.schedule-d4-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.schedule-d4-week{border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.schedule-d4-week span{min-height:var(--yl-layout-controlHeight);display:grid;place-items:center;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.schedule-d4-day{min-width:var(--yl-space-0);min-height:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-2));padding:var(--yl-space-3);border:var(--yl-space-0);border-right:var(--yl-border-width) solid var(--yl-color-border);border-bottom:var(--yl-border-width) solid var(--yl-color-border);background:var(--yl-color-surface);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);text-align:right}.schedule-d4-day:nth-child(7n){border-right:var(--yl-space-0)}.schedule-d4-day:hover{background:var(--yl-color-surfaceSubtle)}.schedule-d4-day-selected{background:var(--yl-color-brandSoft);color:var(--yl-color-brand);font-weight:var(--yl-font-weight-medium)}.schedule-d4-day-empty{background:var(--yl-color-surfaceSubtle)}.schedule-d4-events{display:grid;gap:var(--yl-space-1);margin-top:var(--yl-space-2);text-align:left}.schedule-d4-events small{display:block;overflow:hidden;padding:var(--yl-space-1) var(--yl-space-2) var(--yl-space-1) var(--yl-space-3);border-radius:var(--yl-radius-sm);background:var(--yl-color-brandSoft);color:var(--yl-color-brand);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-regular);line-height:var(--yl-font-lineHeight-caption);text-overflow:ellipsis;white-space:nowrap}.schedule-d4-events small:before{display:inline-block;width:var(--yl-space-1);height:var(--yl-space-1);margin-right:var(--yl-space-1);border-radius:var(--yl-radius-pill);background:currentColor;content:"";vertical-align:middle}.schedule-d4-detail{padding:var(--yl-space-5)}.schedule-d4-detail header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:var(--yl-space-3);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.schedule-d4-detail h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-body)}.schedule-d4-detail header span{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.schedule-d4-detail article{padding:var(--yl-space-4) var(--yl-space-0);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.schedule-d4-detail article:last-child{border-bottom:var(--yl-space-0)}.schedule-d4-detail article>strong{color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall)}.schedule-d4-detail h3,.schedule-d4-detail p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0)}.schedule-d4-detail h3{color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-medium)}.schedule-d4-detail p{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.schedule-d4-detail article>div{display:flex;gap:var(--yl-space-4);margin-top:var(--yl-space-3)}.schedule-d4-detail article button{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-brand);font-size:var(--yl-font-size-caption)}.schedule-d4-detail article .danger-text-button{color:var(--yl-color-danger)}.schedule-d4-notice{margin:calc(var(--yl-space-3) * -1) var(--yl-space-0) var(--yl-space-3);color:var(--yl-color-success);font-size:var(--yl-font-size-bodySmall)}.schedule-d4-dialog{width:min(100%,calc(var(--yl-layout-webSidebarWidth) * 2 + var(--yl-space-16) + var(--yl-space-4)));overflow:hidden;border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-overlay)}.schedule-d4-dialog>header,.schedule-d4-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);padding:var(--yl-space-4) var(--yl-space-5);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.schedule-d4-dialog>header h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.schedule-d4-dialog>header button{width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);padding:var(--yl-space-0);border:var(--yl-space-0);background:transparent;color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-title)}.schedule-d4-dialog>footer{justify-content:flex-end;border-top:var(--yl-border-width) solid var(--yl-color-border);border-bottom:var(--yl-space-0)}.schedule-d4-recognized,.schedule-d4-conflict,.schedule-d4-package{margin:var(--yl-space-4) var(--yl-space-5) var(--yl-space-0);padding:var(--yl-space-3);border-radius:var(--yl-radius-md);background:var(--yl-color-brandSoft);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.schedule-d4-conflict{background:var(--yl-color-warningSoft);color:var(--yl-color-warning)}.schedule-d4-package{color:var(--yl-color-brand)}.schedule-d4-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yl-space-3) var(--yl-space-4);padding:var(--yl-space-4) var(--yl-space-5) var(--yl-space-6)}.schedule-d4-form label{display:grid;gap:var(--yl-space-1);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.schedule-d4-form input,.schedule-d4-form select{width:100%;height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-3);border:var(--yl-border-width) solid var(--yl-color-borderStrong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall)}.schedule-d4-form small{color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption)}.schedule-d4-form-wide{grid-column:1 / -1}.schedule-d4-cancel>p{min-height:calc(var(--yl-layout-touchTarget) * 3);margin:var(--yl-space-0);padding:var(--yl-space-5);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.danger-button{min-height:var(--yl-layout-controlHeight);padding:var(--yl-space-0) var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-danger);border-radius:var(--yl-radius-md);background:var(--yl-color-danger);color:var(--yl-color-surface)}.schedule-d4-skeleton{min-height:calc(var(--yl-layout-albumWorkbenchPreviewHeight) + var(--yl-space-16))}.schedule-d4-skeleton .schedule-d4-day{display:flex;justify-content:flex-end;background:var(--yl-color-surface)}.schedule-d4-skeleton .schedule-d4-day i{display:block;width:var(--yl-space-10);height:var(--yl-space-2);border-radius:var(--yl-radius-pill);background:var(--yl-color-border)}.schedule-d4-unavailable{display:grid;min-height:calc(var(--yl-layout-albumWorkbenchPreviewHeight) + var(--yl-space-16));place-content:center;justify-items:center;padding:var(--yl-space-8);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);text-align:center}.schedule-d4-unavailable>span{display:grid;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);place-items:center;border-radius:var(--yl-radius-pill);background:var(--yl-color-brandSoft);color:var(--yl-color-brand);font-size:var(--yl-font-size-title)}.schedule-d4-unavailable h2{margin:var(--yl-space-3) var(--yl-space-0) var(--yl-space-1);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.schedule-d4-unavailable p{margin:var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall)}.schedule-d4-unavailable button{margin-top:var(--yl-space-4)}@media(max-width:1023px){.schedule-d4-layout{grid-template-columns:minmax(0,1fr)}.schedule-d4-toolbar{grid-template-columns:minmax(0,1fr) auto}.schedule-d4-month{grid-column:1 / -1;justify-content:center}}@media(max-width:767px){.schedule-d4-toolbar{grid-template-columns:minmax(0,1fr)}.schedule-d4-recognize{width:100%}.schedule-d4-month{grid-column:auto}.schedule-d4-day{min-height:var(--yl-layout-touchTarget);padding:var(--yl-space-1);font-size:var(--yl-font-size-caption)}.schedule-d4-events{display:none}.schedule-d4-form{grid-template-columns:minmax(0,1fr)}}.capacity-d6-page{width:100%;max-width:none}.capacity-d6-page>h1{margin:var(--yl-space-0) var(--yl-space-0) var(--yl-space-4);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-title)}.capacity-d6-tabs,.capacity-d6-skeleton-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yl-space-4);margin-bottom:var(--yl-space-6)}.capacity-d6-tab,.capacity-d6-skeleton-tabs>i{min-height:calc(var(--yl-layout-touchTarget) + var(--yl-space-5));border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-navActive);background:var(--yl-color-surface)}.capacity-d6-tab{position:relative;display:grid;align-content:center;gap:var(--yl-space-1);padding:var(--yl-space-3) var(--yl-space-6);color:var(--yl-color-textSecondary);text-align:left;transition:border-color var(--yl-motion-fast) ease,color var(--yl-motion-fast) ease}.capacity-d6-tab strong{font-size:var(--yl-font-size-body);font-weight:var(--yl-font-weight-medium)}.capacity-d6-tab span{color:var(--yl-color-textMuted);font-size:var(--yl-font-size-caption)}.capacity-d6-tab:hover{border-color:var(--yl-color-borderStrong)}.capacity-d6-tab-active:after{position:absolute;right:calc(var(--yl-border-width) * -1);bottom:calc(var(--yl-border-width) * -1);left:calc(var(--yl-border-width) * -1);height:var(--yl-layout-activeIndicatorHeight);border-radius:var(--yl-radius-none) var(--yl-radius-none) var(--yl-radius-navActive) var(--yl-radius-navActive);background:var(--yl-color-brand);content:""}.capacity-d6-tab-active{color:var(--yl-color-brand)}.capacity-d6-tab-active span{color:inherit}.capacity-d6-tab-warning{color:var(--yl-color-usageWarning)}.capacity-d6-tab-protection{color:var(--yl-color-usageProtection)}.capacity-d6-tab-restricted{color:var(--yl-color-usageRestricted)}.capacity-d6-tab-warning.capacity-d6-tab-active:after{background:var(--yl-color-usageWarning)}.capacity-d6-tab-protection.capacity-d6-tab-active:after{background:var(--yl-color-usageProtection)}.capacity-d6-tab-restricted.capacity-d6-tab-active:after{background:var(--yl-color-usageRestricted)}.capacity-d6-panel,.capacity-d6-error{min-height:calc(var(--yl-layout-capacityHeroMinHeight) + var(--yl-space-3));border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.capacity-d6-panel{display:flex;flex-direction:column;padding:var(--yl-space-6)}.capacity-d6-panel>h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-semibold)}.capacity-d6-main{display:grid;align-content:start;margin-top:var(--yl-space-8)}.capacity-d6-label,.capacity-d6-used,.capacity-d6-description{margin:var(--yl-space-0);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall)}.capacity-d6-value,.capacity-d6-state-title{margin:var(--yl-space-3) var(--yl-space-0) var(--yl-space-2);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-displayMedium);font-weight:var(--yl-font-weight-regular);line-height:var(--yl-font-lineHeight-display)}.capacity-d6-description{margin-top:var(--yl-space-0)}.capacity-d6-progress{display:grid;grid-template-columns:minmax(0,1fr) var(--yl-layout-touchTarget);align-items:center;gap:var(--yl-space-4);margin-top:var(--yl-space-8)}.capacity-d6-progress:before{grid-column:1;grid-row:1;height:var(--yl-space-3);border-radius:var(--yl-radius-pill);background:var(--yl-color-brandSoft);content:""}.capacity-d6-progress>span{grid-column:1;grid-row:1;z-index:1;display:block;height:var(--yl-space-3);border-radius:var(--yl-radius-pill);background:var(--yl-color-brand)}.capacity-d6-progress b{grid-column:2;grid-row:1;color:var(--yl-color-brand);font-size:var(--yl-font-size-bodySmall);font-weight:var(--yl-font-weight-medium)}.capacity-d6-progress-warning:before,.capacity-d6-progress-protection:before{background:var(--yl-color-usageWarningSoft)}.capacity-d6-progress-warning>span{background:var(--yl-color-usageWarning)}.capacity-d6-progress-warning b{color:var(--yl-color-usageWarning)}.capacity-d6-progress-protection>span{background:var(--yl-color-usageProtection)}.capacity-d6-progress-protection b{color:var(--yl-color-usageProtection)}.capacity-d6-progress-restricted:before{background:var(--yl-color-usageRestrictedSoft)}.capacity-d6-progress-restricted>span{background:var(--yl-color-usageRestricted)}.capacity-d6-progress-restricted b{color:var(--yl-color-usageRestricted)}.capacity-d6-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-6);margin-top:var(--yl-space-8);padding-top:var(--yl-space-4);border-top:var(--yl-border-width) solid var(--yl-color-divider)}.capacity-d6-footer p{margin:var(--yl-space-0);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall)}.capacity-d6-outline-button{min-width:calc(var(--yl-layout-touchTarget) * 3 + var(--yl-space-3));border-color:var(--yl-color-brand);color:var(--yl-color-brand)}.capacity-d6-storage-tip{display:flex;align-items:center;gap:var(--yl-space-4);margin:var(--yl-space-6) calc(var(--yl-space-6) * -1) calc(var(--yl-space-6) * -1);padding:var(--yl-space-4) var(--yl-space-6);border:var(--yl-border-width) solid var(--yl-color-usageWarningBorder);border-radius:var(--yl-radius-md);background:var(--yl-color-usageWarningSoft);color:var(--yl-color-usageWarning);font-size:var(--yl-font-size-bodySmall)}.capacity-d6-storage-tip span{color:inherit;font-size:var(--yl-font-size-titleSmall)}.capacity-d6-unmetered .capacity-d6-main{min-height:calc(var(--yl-layout-touchTarget) * 3)}.capacity-d6-unmetered-footer{align-items:flex-start;flex-direction:column;gap:var(--yl-space-6)}.capacity-d6-primary-button{min-width:calc(var(--yl-layout-touchTarget) * 3 + var(--yl-space-4))}.capacity-d6-alert{display:flex;align-items:center;gap:var(--yl-space-4);margin:var(--yl-space-6) var(--yl-space-0) var(--yl-space-0);padding:var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-usageWarningBorder);border-radius:var(--yl-radius-md);background:var(--yl-color-usageWarningSoft);color:var(--yl-color-usageWarning);font-size:var(--yl-font-size-bodySmall)}.capacity-d6-alert span{font-size:var(--yl-font-size-titleSmall)}.capacity-d6-alert-protection{color:var(--yl-color-usageProtection)}.capacity-d6-alert-restricted{border-color:var(--yl-color-usageRestrictedBorder);background:var(--yl-color-usageRestrictedSoft);color:var(--yl-color-usageRestricted)}.capacity-d6-skeleton-tabs>i{display:block;position:relative;overflow:hidden}.capacity-d6-skeleton-tabs>i:before,.capacity-d6-skeleton-tabs>i:after{position:absolute;left:var(--yl-space-6);height:var(--yl-space-3);border-radius:var(--yl-radius-pill);background:var(--yl-color-skeletonStrong);content:""}.capacity-d6-skeleton-tabs>i:before{top:var(--yl-space-4);width:calc(var(--yl-layout-touchTarget) * 2)}.capacity-d6-skeleton-tabs>i:after{top:calc(var(--yl-space-4) + var(--yl-space-5));width:calc(var(--yl-layout-touchTarget) * 3);background:var(--yl-color-skeletonSoft)}.capacity-d6-loading{position:relative;gap:var(--yl-space-6);overflow:hidden}.capacity-d6-loading>i,.capacity-d6-loading>b,.capacity-d6-loading>span{display:block;border-radius:var(--yl-radius-pill);background:var(--yl-color-skeletonStrong)}.capacity-d6-loading>i:first-child{width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-4));height:var(--yl-space-4)}.capacity-d6-loading>i:nth-child(2){width:var(--yl-layout-touchTarget);height:var(--yl-space-3);margin-top:var(--yl-space-6);background:var(--yl-color-skeletonSoft)}.capacity-d6-loading>b{width:calc(var(--yl-layout-touchTarget) * 6);height:var(--yl-font-size-displayMedium)}.capacity-d6-loading>i:nth-child(4){width:calc(var(--yl-layout-touchTarget) * 3);height:var(--yl-space-3);background:var(--yl-color-skeletonSoft)}.capacity-d6-loading>span{width:72%;height:var(--yl-space-3);margin-top:var(--yl-space-2);background:var(--yl-color-skeletonSoft)}.capacity-d6-loading>p{margin:auto var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textDisabled);font-size:var(--yl-font-size-bodySmall)}.capacity-d6-error{display:grid;place-content:center;justify-items:center;gap:var(--yl-space-3);padding:var(--yl-space-8);text-align:center}.capacity-d6-error>span{display:grid;width:var(--yl-layout-touchTarget);height:var(--yl-layout-touchTarget);place-items:center;border:var(--yl-border-width) solid var(--yl-color-usageRestrictedBorder);border-radius:var(--yl-radius-pill);background:var(--yl-color-usageRestrictedSoft);color:var(--yl-color-danger);font-size:var(--yl-font-size-title)}.capacity-d6-error h2{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.capacity-d6-error p{margin:var(--yl-space-0);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall)}.capacity-d6-error button{margin-top:var(--yl-space-3);min-width:calc(var(--yl-layout-touchTarget) * 2 + var(--yl-space-2))}@media(max-width:767px){.capacity-d6-tabs,.capacity-d6-skeleton-tabs{grid-template-columns:minmax(0,1fr)}.capacity-d6-tab{min-height:var(--yl-layout-touchTarget)}.capacity-d6-footer{align-items:flex-start;flex-direction:column}.capacity-d6-outline-button{width:100%}.capacity-d6-storage-tip{align-items:flex-start}.capacity-d6-value,.capacity-d6-state-title{font-size:var(--yl-font-size-display)}}.recycle-d7-page{width:100%;max-width:none}.recycle-d7-heading{display:flex;align-items:baseline;gap:var(--yl-space-6);margin-bottom:var(--yl-space-6);padding-bottom:var(--yl-space-4);border-bottom:var(--yl-border-width) solid var(--yl-color-divider)}.recycle-d7-heading h1{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-title);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-title)}.recycle-d7-heading p{margin:var(--yl-space-0);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall)}.recycle-d7-notice,.recycle-d7-operation-error{width:fit-content;margin:calc(var(--yl-space-4) * -1) var(--yl-space-0) var(--yl-space-4);font-size:var(--yl-font-size-bodySmall)}.recycle-d7-notice{color:var(--yl-color-success)}.recycle-d7-operation-error{color:var(--yl-color-danger)}.recycle-d7-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yl-space-4)}.recycle-d7-card{overflow:hidden;border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.recycle-d7-cover{display:block;aspect-ratio:var(--yl-media-albumCoverRatio);overflow:hidden;border-radius:var(--yl-radius-md) var(--yl-radius-md) var(--yl-radius-none) var(--yl-radius-none);background:var(--yl-color-surfaceSubtle)}.recycle-d7-cover>span{display:block;width:100%;height:100%}.recycle-d7-cover img{display:block;width:100%;height:100%;object-fit:cover}.recycle-d7-card-body{display:grid;gap:var(--yl-space-3);padding:var(--yl-space-4)}.recycle-d7-card h2{margin:var(--yl-space-0);overflow:hidden;color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-titleSmall);text-overflow:ellipsis;white-space:nowrap}.recycle-d7-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-3);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-caption)}.recycle-d7-meta strong{flex:0 0 auto;color:var(--yl-color-usageWarning);font-size:var(--yl-font-size-caption);font-weight:var(--yl-font-weight-medium);white-space:nowrap}.recycle-d7-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4);padding-top:var(--yl-space-3);border-top:var(--yl-border-width) solid var(--yl-color-divider)}.recycle-d7-actions .primary-button{min-width:calc(var(--yl-layout-touchTarget) + var(--yl-space-3));min-height:var(--yl-space-8);height:var(--yl-space-8);padding:var(--yl-space-0) var(--yl-space-4);font-size:var(--yl-font-size-bodySmall)}.recycle-d7-actions .danger-text-button{min-height:var(--yl-space-8);height:var(--yl-space-8);padding:var(--yl-space-0) var(--yl-space-2);color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall)}.recycle-d7-skeleton{pointer-events:none}.recycle-d7-skeleton>i{display:block;aspect-ratio:var(--yl-media-albumCoverRatio);background:var(--yl-color-skeletonStrong)}.recycle-d7-skeleton>div{display:grid;gap:var(--yl-space-3);padding:var(--yl-space-4)}.recycle-d7-skeleton b,.recycle-d7-skeleton span,.recycle-d7-skeleton em{display:block;height:var(--yl-space-3);border-radius:var(--yl-radius-pill);background:var(--yl-color-skeletonSoft)}.recycle-d7-skeleton b{width:42%;background:var(--yl-color-skeletonStrong)}.recycle-d7-skeleton span{width:58%}.recycle-d7-skeleton em{width:calc(var(--yl-layout-touchTarget) + var(--yl-space-3));height:var(--yl-space-8)}.recycle-d7-empty,.recycle-d7-load-error{display:grid;min-height:calc(var(--yl-layout-albumWorkbenchPreviewHeight) - var(--yl-space-16));place-content:center;justify-items:center;gap:var(--yl-space-3);text-align:center}.recycle-d7-empty>span{position:relative;display:block;width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-touchTarget) * 2);margin-bottom:var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-skeletonSoft)}.recycle-d7-empty>span:before{position:absolute;top:calc(var(--yl-space-2) * -1);left:calc(var(--yl-layout-touchTarget) - var(--yl-space-2));width:var(--yl-space-6);height:var(--yl-space-1);border-top:var(--yl-border-width) solid var(--yl-color-recycleEmptyIcon);content:""}.recycle-d7-empty>span i{position:absolute;top:var(--yl-space-5);bottom:var(--yl-space-4);width:var(--yl-border-width);background:var(--yl-color-recycleEmptyIcon)}.recycle-d7-empty>span i:nth-child(1){left:var(--yl-space-6)}.recycle-d7-empty>span i:nth-child(2){left:calc(var(--yl-space-6) + var(--yl-space-4))}.recycle-d7-empty>span i:nth-child(3){right:var(--yl-space-6)}.recycle-d7-empty h2,.recycle-d7-load-error h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.recycle-d7-empty p,.recycle-d7-load-error p{margin:var(--yl-space-0);color:var(--yl-color-textMuted);font-size:var(--yl-font-size-bodySmall)}.recycle-d7-load-error>span{display:grid;width:calc(var(--yl-layout-touchTarget) * 2);height:calc(var(--yl-layout-touchTarget) * 2);margin-bottom:var(--yl-space-2);place-items:center;border:var(--yl-border-width) solid var(--yl-color-usageRestrictedBorder);border-radius:var(--yl-radius-pill);background:var(--yl-color-usageRestrictedSoft);color:var(--yl-color-danger);font-size:var(--yl-font-size-display)}.recycle-d7-load-error button{display:inline-flex;align-items:center;gap:var(--yl-space-3);height:calc(var(--yl-layout-controlHeight) - var(--yl-space-1));min-height:calc(var(--yl-layout-controlHeight) - var(--yl-space-1));margin-top:var(--yl-space-3);color:var(--yl-color-brand)}.recycle-d7-load-error button b{font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-regular)}.recycle-d7-backdrop{background:var(--yl-color-recycleOverlay)}.recycle-d7-dialog{box-sizing:border-box;width:min(100%,calc(var(--yl-layout-webSidebarWidth) + var(--yl-space-16) + var(--yl-space-16) + var(--yl-space-16) + var(--yl-space-10)));padding:var(--yl-space-10);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-overlay)}.recycle-d7-dialog header{display:flex;align-items:center}.recycle-d7-dialog h2{margin:var(--yl-space-0);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-titleSmall)}.recycle-d7-dialog>p{margin:var(--yl-space-6) var(--yl-space-2);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.recycle-d7-dialog aside{display:flex;align-items:flex-start;padding:var(--yl-space-4);border:var(--yl-border-width) solid var(--yl-color-usageRestrictedBorder);border-radius:var(--yl-radius-md);background:var(--yl-color-usageRestrictedSoft);color:var(--yl-color-danger);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.recycle-d7-dialog-error{margin:var(--yl-space-3) var(--yl-space-0) var(--yl-space-0)!important;color:var(--yl-color-danger)!important}.recycle-d7-dialog footer{display:flex;justify-content:flex-end;gap:var(--yl-space-3);margin-top:var(--yl-space-8)}.recycle-d7-dialog footer button{min-width:calc(var(--yl-layout-touchTarget) * 2)}@media(max-width:1023px){.recycle-d7-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.recycle-d7-heading{align-items:flex-start;flex-direction:column;gap:var(--yl-space-2)}.recycle-d7-grid{grid-template-columns:minmax(0,1fr)}.recycle-d7-dialog{padding:var(--yl-space-6)}.recycle-d7-dialog>p{margin-right:var(--yl-space-0);margin-left:var(--yl-space-0)}.recycle-d7-dialog footer{flex-direction:column-reverse}.recycle-d7-dialog footer button{width:100%}.recycle-d7-empty,.recycle-d7-load-error{min-height:calc(var(--yl-layout-albumWorkbenchPreviewHeight) - var(--yl-space-16))}}.miniapp-settings-controls{min-width:0;margin:0;padding:0;border:0}.traffic-notices{margin-block:var(--yl-space-4);color:var(--yl-color-textPrimary)}.traffic-notices h2{margin:var(--yl-space-0);font-size:var(--yl-font-size-titleSmall)}.traffic-notices>p,.traffic-notice p{font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-bodySmall)}.traffic-notice{color:var(--yl-color-textPrimary);display:flex;justify-content:space-between;gap:var(--yl-space-4)}.traffic-notice>div{min-width:var(--yl-space-0);overflow-wrap:anywhere}.traffic-notice>button{flex-shrink:0;align-self:center}@media(max-width:767px){.traffic-notice{flex-direction:column}.traffic-notice>button{align-self:stretch}}.traffic-notices-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--yl-space-4)}.traffic-notices button{min-height:var(--yl-layout-touchTarget)}.account-invitation-link{overflow-wrap:anywhere}.account-d8-page.account-referral-page{width:min(100%,var(--yl-layout-globalShellContentMaxWidth))}.account-settings-tabs{display:flex;gap:var(--yl-space-6);margin-bottom:var(--yl-space-6);border-bottom:var(--yl-border-width) solid var(--yl-color-border)}.account-settings-tabs [role=tab]{min-height:var(--yl-layout-touchTarget);min-width:var(--yl-layout-touchTarget);padding:var(--yl-space-3) var(--yl-space-0);border:var(--yl-space-0);border-bottom:var(--yl-border-width) solid transparent;background:transparent;color:var(--yl-color-textSecondary);font:inherit}.account-settings-tabs [aria-selected=true]{color:var(--yl-color-brand);border-bottom-color:var(--yl-color-brand);font-weight:var(--yl-font-weight-semibold)}.account-referral-section{color:var(--yl-color-textPrimary)}.referral-heading,.referral-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--yl-space-4)}.referral-heading{margin-bottom:var(--yl-space-6)}.referral-heading h2,.referral-card h3,.referral-state h4{margin:var(--yl-space-0);font-size:var(--yl-font-size-titleSmall);font-weight:var(--yl-font-weight-semibold)}.referral-heading p,.referral-card p{margin:var(--yl-space-2) var(--yl-space-0) var(--yl-space-0);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-bodySmall);line-height:var(--yl-font-lineHeight-body)}.referral-badge{display:inline-flex;align-items:center;width:fit-content;padding:var(--yl-space-1) var(--yl-space-2);border-radius:var(--yl-radius-sm);background:var(--yl-color-surfaceSubtle);color:var(--yl-color-textSecondary);font-size:var(--yl-font-size-caption);line-height:var(--yl-font-lineHeight-body);white-space:nowrap}.referral-badge-qualified{background:var(--yl-color-successSoft);color:var(--yl-color-success)}.referral-top{display:grid;gap:var(--yl-space-6);margin-bottom:var(--yl-space-6)}.referral-top-with-count{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.referral-card{min-width:0;padding:var(--yl-space-6);border:var(--yl-border-width) solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.referral-code-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--yl-space-6);align-items:center}.referral-code-copy{min-width:0}.referral-code{display:block;margin-top:var(--yl-space-5);overflow-wrap:anywhere;font-family:var(--yl-font-familySans);font-size:var(--yl-font-size-title);font-weight:var(--yl-font-weight-semibold);font-variant-numeric:tabular-nums}.referral-actions{display:flex;flex-wrap:wrap;gap:var(--yl-space-3);margin-top:var(--yl-space-5)}.account-referral-section button{min-height:var(--yl-layout-touchTarget);min-width:var(--yl-layout-touchTarget)}.referral-qr{width:calc(var(--yl-space-16) * 2);text-align:center}.referral-qr img{display:block;width:100%;height:auto;aspect-ratio:1}.referral-count-card{display:flex;flex-direction:column;align-items:flex-start}.referral-count-card .referral-count{margin-top:var(--yl-space-5);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-display);font-weight:var(--yl-font-weight-semibold);line-height:var(--yl-font-lineHeight-display);font-variant-numeric:tabular-nums}.referral-count-card button{margin-top:auto}.referral-records{padding:var(--yl-space-0);overflow:hidden}.referral-records>header{padding:var(--yl-space-6)}.referral-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--yl-font-size-bodySmall)}.referral-table th,.referral-table td{padding:var(--yl-space-4) var(--yl-space-6);border-top:var(--yl-border-width) solid var(--yl-color-border)}.referral-table th{color:var(--yl-color-textSecondary);background:var(--yl-color-surfaceSubtle);font-weight:var(--yl-font-weight-medium)}.referral-table td{font-variant-numeric:tabular-nums}.referral-state{padding:var(--yl-space-8) var(--yl-space-6)}.referral-state>button{margin-top:var(--yl-space-4)}.referral-pagination{display:flex;justify-content:flex-end;gap:var(--yl-space-3);padding:var(--yl-space-4) var(--yl-space-6);border-top:var(--yl-border-width) solid var(--yl-color-border)}.referral-copy-notice{padding:var(--yl-space-3);color:var(--yl-color-success);background:var(--yl-color-successSoft);border-radius:var(--yl-radius-md)}@media(max-width:1023px){.referral-top-with-count{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.referral-heading{flex-direction:column}.referral-code-card{grid-template-columns:minmax(0,1fr)}.referral-qr{justify-self:center}.referral-table thead{position:absolute;width:var(--yl-border-width);height:var(--yl-border-width);overflow:hidden;clip-path:inset(50%)}.referral-table,.referral-table tbody,.referral-table tr{display:block}.referral-table tr{padding:var(--yl-space-4) var(--yl-space-6);border-top:var(--yl-border-width) solid var(--yl-color-border)}.referral-table td{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--yl-space-3);padding:var(--yl-space-2) var(--yl-space-0);border:var(--yl-space-0)}.referral-table td:before{content:attr(data-label);color:var(--yl-color-textSecondary)}}.account-invitation-qr{display:block;width:min(100%,var(--yl-layout-webSidebarWidth));height:auto;margin-top:var(--yl-space-4)}.account-referral-section .account-d8-card .account-d8-row{flex-wrap:wrap}.account-referral-section .account-d8-card .account-d8-row>div{min-width:var(--yl-space-0);max-width:100%}.account-referral-section .account-d8-card ul{margin:var(--yl-space-3) var(--yl-space-0);padding-left:var(--yl-space-5);overflow-wrap:anywhere}.staging-login-card .registration-fields>label.registration-invitation-field>span{display:block;margin-bottom:var(--yl-space-2);color:var(--yl-color-textPrimary);font-size:var(--yl-font-size-bodySmall)}
