.social-page{min-height:100vh;padding-bottom:var(--space-8)}.social-tool-shell{max-width:1040px;margin-inline:auto;padding:clamp(1.25rem,3vw,2rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);box-sizing:border-box}.social-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4);margin-block:var(--space-5);background:var(--color-background);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.social-control-grid label,.social-control-grid fieldset{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;font-weight:700;font-size:var(--font-size-sm);color:var(--color-heading)}.social-control-grid fieldset{grid-column:1 / -1;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--color-surface)}.social-control-grid input:not([type=checkbox]):not([type=radio]),.social-control-grid select{min-height:2.75rem;width:100%;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;background:var(--color-surface);color:var(--color-body);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.social-control-grid input:focus,.social-control-grid select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.social-control-grid input[type=color]{padding:.25rem;height:2.75rem;cursor:pointer;border-radius:var(--radius-md)}.social-preset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-2);max-height:180px;overflow-y:auto;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.social-preset-option{display:flex!important;align-items:flex-start;gap:var(--space-2)!important;font-weight:500!important;font-size:var(--font-size-xs)!important;padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.social-preset-option:hover{background:var(--color-surface-hover)}.social-preset-option small{display:block;color:var(--color-muted);font-weight:400;font-size:.75rem}.social-check{grid-column:1 / -1;display:flex!important;flex-direction:row!important;align-items:center;gap:var(--space-2)}.social-check input{width:auto;min-height:auto}.social-preview-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:fit-content;max-width:100%;margin-inline:auto;overflow:hidden;box-sizing:border-box;padding:0;background:transparent;border:none}.social-preview-frame canvas{display:block;max-width:100%;max-height:28rem;width:auto;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.social-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-3)}.social-status,.social-source-note,.social-grid-explanation{color:var(--color-muted);min-height:1.25rem;font-size:var(--font-size-xs)}.social-grid-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--space-2);margin-block:var(--space-3)}.social-grid-tile-number{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;font-size:var(--font-size-xs)}.social-page .privacy-notice{max-width:1040px;margin:var(--space-4) auto 0}.visually-hidden{inset-inline-start:0;inset-inline-end:auto;left:0;right:auto;margin:0}@media(max-width:480px){.social-tool-shell{padding:var(--space-3)}.social-actions .btn{flex:1 1 100%}.social-preset-list{grid-template-columns:1fr}}