body:has(.creator-studio,.rename-workspace){--ink:#25332c;--muted:#65726b;--surface:#fff;--line:#dfe6e1;background:#fff;color:#25332c;color-scheme:light}main.tool-page:has(.creator-studio,.rename-workspace){width:min(1160px,calc(100% - 48px));margin-inline:auto;padding-inline:0}.creator-studio,.rename-workspace{--ink:#25332c;--muted:#65726b;--surface:#fff;--line:#dfe6e1;color:#25332c;background:#fff;color-scheme:light;font-size:12px}.creator-studio{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(820px,calc(100svh - 24px));min-height:440px;overflow:hidden;border:1px solid var(--line);border-radius:14px}.creator-studio.is-expanded{height:100%;min-height:0;border:0;border-radius:0}.creator-studio :is(button,input,select,a),.rename-workspace :is(button,input,select,a){color:#25332c;background:#fff;border:1px solid #dfe6e1;border-radius:8px;min-height:44px;font:inherit}.creator-studio button,.rename-workspace button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;cursor:pointer}.creator-studio :is(button,a):hover,.rename-workspace :is(button,a):hover{background:#fff;border-color:var(--aurora-116650,#116650)}.creator-studio [aria-pressed=true],.rename-workspace [aria-pressed=true]{border-color:var(--aurora-116650,#116650);color:var(--aurora-116650,#116650);box-shadow:inset 0 0 0 1px var(--aurora-116650,#116650);background:#fff}.creator-studio :focus-visible,.rename-workspace :focus-visible{outline:2px solid var(--aurora-116650,#116650);outline-offset:2px}.creator-studio :disabled,.rename-workspace :disabled{opacity:.5;cursor:default}.cs-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);min-width:0}.cs-header>div:first-child{display:grid;min-width:0;gap:3px}.cs-header strong{font-size:12px}.cs-header span{color:#65726b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-header-actions{display:flex;flex:none;gap:5px}.cs-header-actions button{min-width:44px}.cs-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:minmax(0,1fr)}.cs-layout,.cs-preview{min-height:0;overflow:hidden}.cs-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;padding:12px;background:#fff;gap:8px}.cs-preview>:is(canvas,img,video){display:block;max-width:100%;max-height:100%;min-height:0;object-fit:contain}.cs-preview canvas{width:auto;height:auto;touch-action:pan-y pinch-zoom}.cs-preview-media{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;container-type:size}.cs-preview-media>:is(video,img,canvas){width:100%;height:100%;min-height:0;object-fit:contain}.cs-preview>audio{width:100%;max-width:100%;height:44px;flex:none}.cs-inspector{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;min-height:0;border-left:1px solid var(--line)}.cs-options{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;padding:14px;box-sizing:border-box}.cs-options fieldset,.cs-options>div{display:grid;gap:12px;min-width:0}.cs-options fieldset{padding:0;border:0;margin:0}.cs-options legend{font-size:14px;font-weight:700;margin-bottom:12px}.cs-field{display:grid;gap:6px;min-width:0}.cs-field>label,.cs-field>span{font-weight:600;font-size:11px}.creator-studio :is(input:not([type=range]):not([type=checkbox]):not([type=color]),select),.rename-workspace :is(input:not([type=checkbox]),select){width:100%;min-width:0;padding:8px;box-sizing:border-box}.cs-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cs-segments{display:flex;flex-wrap:wrap;gap:5px}.cs-segments button{flex:1;min-width:44px;font-size:11px}.cs-check{display:flex;gap:8px;align-items:center;min-height:44px}.cs-check input{width:18px;height:18px;min-height:18px;accent-color:var(--aurora-116650,#116650)}.cs-range>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}.cs-range output{color:var(--aurora-116650,#116650);font-variant-numeric:tabular-nums}.cs-range input{appearance:none;width:100%;min-height:44px;border:0;padding:0;background:transparent;cursor:pointer}.cs-range input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#116650 var(--fill),#dfe6e1 var(--fill))}.cs-range input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-8px;border:2px solid var(--aurora-116650,#116650);border-radius:50%;background:#fff;box-shadow:0 1px 4px #25332c20}.cs-range input::-moz-range-track{height:4px;border-radius:4px;background:#dfe6e1}.cs-range input::-moz-range-progress{height:4px;background:var(--aurora-116650,#116650)}.cs-range input::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--aurora-116650,#116650);border-radius:50%;background:#fff}.cs-actions{display:grid;gap:7px;padding:10px 12px;border-top:1px solid var(--line);max-height:min(240px,35svh);overflow-y:auto;overscroll-behavior:auto}.creator-studio .cs-primary,.rename-workspace .cs-primary{border-color:var(--aurora-116650,#116650);color:var(--aurora-116650,#116650);font-weight:700;text-align:center;text-decoration:none;padding:10px;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.cs-actions p{margin:0}.cs-status{display:grid;gap:5px;font-size:11px}.cs-status progress{width:100%;accent-color:var(--aurora-116650,#116650)}.cs-error{color:#a32c28;overflow-wrap:anywhere;font-size:11px}.cs-result{display:grid;gap:6px;font-size:11px}.cs-note,.cs-result span{color:#65726b;font-size:11px;line-height:1.6;margin:0}.cs-dock{display:flex;gap:6px;padding:7px 12px;border-top:1px solid var(--line)}.cs-dock button{flex:1;font-size:11px}.cs-drop{width:100%;height:100%;min-height:0;flex:1;flex-direction:column;border-style:dashed!important;padding:12px!important;text-align:center}.cs-drop strong{font-size:16px}.cs-drop span{color:#65726b;font-size:11px;line-height:1.6}.cs-modal{position:fixed;inset:0;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;border:1px solid #dfe6e1;padding:0;border-radius:14px;background:#fff;overflow:hidden}.cs-modal::backdrop{background:#25332c66}.creator-studio.is-expanded :is(.cs-options,.cs-actions){overscroll-behavior:contain}.cs-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cs-colors label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px}.cs-colors input[type=color]{width:44px;height:44px;padding:4px}.cs-crop-frame{position:relative;min-height:0;max-width:100%;max-height:100%;overflow:hidden;background:#fff}.cs-crop-frame video{width:100%;height:100%;display:block}.cs-frame-overlay{position:absolute;inset:0;pointer-events:none;border:1px solid #fff9;background:linear-gradient(90deg,transparent 33.1%,#fff6 33.3%,transparent 33.5%,transparent 66.4%,#fff6 66.6%,transparent 66.8%),linear-gradient(180deg,transparent 33.1%,#fff6 33.3%,transparent 33.5%,transparent 66.4%,#fff6 66.6%,transparent 66.8%)}.cs-transport{display:flex;flex:none;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.cs-transport button{padding-inline:8px;font-size:11px}.cs-frame-list{display:grid;gap:6px}.cs-frame-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:5px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:5px}.cs-frame-row>button:first-child{padding:2px}.cs-frame-row img{width:36px;height:36px;object-fit:cover}.cs-frame-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.cs-frame-row.is-active{border-color:var(--aurora-116650,#116650)}.cs-onion{position:relative;width:100%;height:100%;min-height:0}.cs-onion img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cs-onion img.cs-ghost{opacity:.35;pointer-events:none}.cs-preview canvas.is-picking{cursor:crosshair}@media(max-width:760px){main.tool-page:has(.creator-studio,.rename-workspace){width:100%;max-width:none;padding-inline:0}main.tool-page:has(.creator-studio,.rename-workspace)>:is(.back-link,.tool-intro,.tool-instructions,.faq,.related-tools){padding-inline:12px;box-sizing:border-box}.creator-studio{border-radius:0;border-inline:0;height:min(780px,calc(100svh - 16px));min-height:420px}.cs-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}.cs-inspector{border-left:0;border-top:1px solid var(--line)}.cs-preview{padding:8px 12px;gap:5px}.cs-options{padding:10px 12px}.cs-actions{padding:7px 12px;max-height:min(150px,24svh)}.creator-studio :is(input:not([type=range]):not([type=checkbox]):not([type=color]),select),.rename-workspace :is(input:not([type=checkbox]),select){font-size:16px}.cs-header{padding-block:5px}.cs-modal{width:100vw;height:100dvh;border:0;border-radius:0}.cs-dock{padding-bottom:max(7px,env(safe-area-inset-bottom))}.cs-dock button{padding-inline:4px}.cs-options>div{gap:8px}}.creator-file-control>input[type=file][hidden]{display:none!important}.cs-header>div:first-child{flex:1;overflow:hidden}.cs-header strong{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cs-header-actions{min-width:0;align-items:center}.cs-header-actions .creator-file-control{display:flex;min-width:0;flex:none}.cs-header-actions .creator-upload-button{white-space:nowrap}.cs-drop-cta{display:none}.ps-root{background:#fff;color:#263140;min-width:0}.ps-root .cs-preview{padding:10px;align-items:stretch;overflow:hidden}.ps-root .cs-options{min-width:0}.ps-root .cs-actions{max-height:180px}.ps-root .cs-dock button[aria-pressed=true]{color:var(--aurora-116650,#6253a5)}.ps-controls{border:0;margin:0;padding:0;display:grid;gap:13px;min-width:0}.ps-controls label{display:grid;gap:6px;font-size:12px;font-weight:650;min-width:0}.ps-controls :is(input:not([type=checkbox]):not([type=range]),select,textarea){width:100%;box-sizing:border-box;padding:9px 10px;min-width:0;max-width:100%;background:#fff;color:#263140}.ps-controls textarea{resize:vertical;min-height:100px;line-height:1.6}.ps-controls small,.ps-hint,.ps-note{font-size:11px;color:#697484;font-weight:400;line-height:1.55;margin:0}.ps-page-nav,.ps-preview-toolbar,.ps-primary,.ps-toolbar,.ps-view-switch{display:flex;gap:6px;align-items:center;min-width:0}.ps-toolbar{justify-content:space-between}.ps-summary{display:grid;gap:5px;padding-block:9px;border-block:1px solid #edf0f4}.ps-summary strong{font-size:15px}.ps-summary span{font-size:11px;color:#697484}.ps-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;width:100%;min-height:0;gap:8px;min-width:0}.ps-preview-toolbar{justify-content:space-between;flex-wrap:wrap}.ps-view-switch button{font-size:10px!important;padding-inline:8px!important}.ps-page-nav{justify-content:center}.ps-page-nav label{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.ps-page-nav input{width:52px;min-width:0;box-sizing:border-box;padding:4px}.ps-page-nav button{padding:5px!important;min-width:36px}.ps-canvas-area,.ps-page-shell{overflow:hidden;width:100%}.ps-canvas-area,.ps-page-fit,.ps-page-shell{display:flex;align-items:center;justify-content:center;min-height:0;height:100%}.ps-page-fit{max-width:100%;aspect-ratio:var(--page-ratio)}.ps-page{position:relative;max-height:100%;max-width:100%;height:100%;min-width:0;box-shadow:0 0 0 1px #e0e4ec;overflow:hidden;background:#fff;touch-action:pan-y pinch-zoom}.ps-page canvas{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain}.ps-page.can-draw{cursor:crosshair}.ps-page .ps-region{position:absolute;min-height:0!important;min-width:0!important;border:1.5px dashed #6653b5!important;border-radius:2px!important;padding:0!important;background:rgba(255,255,255,.3)!important;display:block;box-sizing:border-box}.ps-page .ps-region.selected{border-style:solid!important;outline:1px solid #fff;box-shadow:0 0 0 2px #6653b5}.ps-region span{position:absolute;left:0;top:0;font-size:9px;color:#5440a4;background:#fff;padding:1px 3px;line-height:1.4}.ps-loading{position:absolute;inset:0;display:grid;place-content:center;background:#fff;color:#697484;font-size:12px}.ps-blank{height:100%;width:70%;border:1px solid #e0e4ec;display:grid;align-content:center;justify-items:center;gap:12px;font-size:12px}.ps-page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ps-page-grid button{display:grid;gap:3px;padding:9px 3px!important;min-width:0;min-height:60px!important}.ps-page-grid span{font-weight:750;font-size:16px}.ps-page-grid small{font-size:9px}.ps-button-grid,.ps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ps-button-grid button{font-size:11px!important}.ps-controls .ps-check{display:flex;align-items:center;gap:8px;min-height:44px}.ps-check input{width:18px;height:18px;min-height:18px!important;flex:none;accent-color:#6653b5}.ps-region-list{display:flex;gap:6px;flex-wrap:wrap}.ps-region-list button{font-size:10px!important;min-height:36px!important}.ps-status{display:grid;gap:5px;font-size:11px;line-height:1.5;min-width:0}.ps-status .modern-progress{width:100%;height:7px}.ps-primary{margin-top:5px}.ps-primary button{flex:1;border-color:#6653b5!important;color:#55439c!important;font-weight:750!important}.ps-error{color:#a73149;line-height:1.5;margin:0;font-size:12px;overflow-wrap:anywhere}.ps-gallery{overflow:auto;height:100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;overscroll-behavior:auto}.ps-image-card{border:1px solid #e5e9ef;border-radius:10px;overflow:hidden;min-width:0;background:#fff}.ps-image-card img{display:block;width:100%;height:145px;object-fit:contain;background:#fff}.ps-image-card>div{padding:9px;display:grid;gap:5px}.ps-image-card strong{font-size:11px;overflow-wrap:anywhere}.ps-image-card span{font-size:10px;color:#697484}.ps-outline{padding:0;list-style:none}.ps-outline button{width:100%;justify-content:space-between!important;text-align:start;margin-bottom:5px}.ps-outline span{font-size:10px;color:#697484}.ps-root .cs-drop{width:100%;height:100%}.ps-region-settings{border-block:1px solid #edf0f4;padding-block:10px}@media(max-width:760px){.ps-root .creator-studio{height:min(820px,calc(100svh - 12px));min-height:460px}.ps-root .cs-layout{grid-template-rows:minmax(0,1.15fr) minmax(0,1fr)}.ps-root .cs-preview{padding:8px 12px}.ps-root .cs-actions{max-height:150px}.ps-preview-toolbar{gap:4px}.ps-page-nav input{font-size:16px!important}.ps-page-nav label{font-size:10px}.ps-controls label{font-size:12px}.ps-page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ps-image-card img{height:100px}.ps-page-fit{max-width:100%}.ps-root .cs-header strong{max-width:180px}.ps-root .cs-header-actions button span{font-size:11px}}@media(prefers-reduced-motion:reduce){.ps-root *{scroll-behavior:auto!important}}.ps-canvas-area{container-type:size}@supports(width:1cqw){.ps-page-fit{width:min(100cqw,calc(100cqh * var(--page-ratio)));height:min(100cqh,calc(100cqw / var(--page-ratio)));aspect-ratio:auto;flex:none}.ps-page{width:100%;height:100%}}.ps-editable-preview{grid-template-rows:auto auto minmax(0,1fr) auto}.ps-page.can-draw{user-select:none;-webkit-user-select:none}.ps-page.touch-draw{touch-action:none}.ps-page.can-draw .ps-region{pointer-events:none}.ps-page .ps-region-draft{position:absolute;pointer-events:none;box-sizing:border-box;border:2px solid #6653b5;outline:1px solid #fff;background:transparent;z-index:2}.ps-draw-mode{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.ps-draw-mode button{background:#fff!important;min-height:44px!important;font-size:11px!important;padding:6px 10px!important}.ps-draw-mode button[aria-pressed=true]{border-color:#6653b5!important;color:#55439c!important;box-shadow:inset 0 0 0 1px #6653b5}.ps-input-surface{cursor:crosshair;user-select:none;-webkit-user-select:none;background:transparent}.ps-zoom-editor{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;width:100%;min-width:0;min-height:0;gap:6px;overflow:hidden}.ps-zoom-toolbar{display:flex;gap:4px;align-items:center;justify-content:center;min-width:0;flex-wrap:wrap}.ps-zoom-toolbar button{min-width:44px;min-height:44px;font-size:11px!important;padding:5px 7px!important}.ps-zoom-toolbar select{width:100px!important;min-width:0;font-size:12px!important;padding:5px!important;min-height:44px}.ps-zoom-viewport{width:100%;height:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-gutter:stable;background:#fff;touch-action:pan-x pan-y pinch-zoom}.ps-zoom-viewport.is-panning{cursor:grab}.ps-zoom-viewport.is-panning:active{cursor:grabbing}.ps-zoom-stage{display:grid;place-items:center;box-sizing:border-box;padding:8px;min-width:100%;min-height:100%}.ps-zoom-stage .ps-page{position:relative;max-width:none;max-height:none}.ps-review-check{display:flex;gap:8px;align-items:center;min-height:32px;font-size:11px}.ps-review-check input{min-height:18px!important;width:18px;height:18px;accent-color:#6653b5}.ps-focus-toggle{font-size:10px!important;padding:5px 8px!important}@media(max-width:760px){.ps-page-focus .cs-layout{grid-template-rows:minmax(0,1fr) auto}.ps-page-focus .cs-inspector>.options-scroll-shell{display:none}.ps-page-focus .cs-inspector{grid-template-rows:auto}.ps-root .cs-preview{padding:6px}.ps-zoom-toolbar select{font-size:16px!important;width:110px!important}.ps-root .ps-preview-toolbar{gap:4px}.ps-page-focus .cs-actions{max-height:150px}}.cs-modal:has(.ps-preview) .creator-studio{height:100%;min-height:0}.cs-modal:has(.ps-preview) .cs-preview{padding:6px}.cs-modal:has(.ps-preview) .ps-canvas-area{container-type:size}@media(max-width:760px){.cs-modal:has(.ps-focus-toggle[aria-pressed=true]) .cs-layout{grid-template-rows:minmax(0,1fr) auto}.cs-modal:has(.ps-focus-toggle[aria-pressed=true]) .cs-inspector>.options-scroll-shell{display:none}.cs-modal:has(.ps-focus-toggle[aria-pressed=true]) .cs-inspector{grid-template-rows:auto}}.ps-focus-toggle{display:none!important}@media(max-width:760px){.ps-focus-toggle{display:inline-flex!important}}.pn-root .pn-source{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;padding:22px;box-sizing:border-box;text-align:center;overflow:auto;background:#fff;color:#334155}.pn-source>svg{color:#7761b6}.pn-source strong{font-size:18px;overflow-wrap:anywhere;max-width:100%}.pn-source p{max-width:390px;line-height:1.7}.pn-source p,.pn-source>span{font-size:12px;color:#677487}.pn-sheet{display:inline-block;padding:6px 9px;border:1px solid #dfe5ee;border-radius:6px;margin:3px;font-size:10px}.pn-fonts{display:grid;gap:7px}.pn-fonts>input[hidden]{display:none!important}.pn-fonts>div{display:flex;align-items:center;gap:7px;min-width:0}.pn-fonts span{flex:1;overflow-wrap:anywhere;font-size:11px}.pn-fonts button{min-width:44px}.pn-boundary{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.6;border:1px solid #ded7f0;border-radius:8px;padding:10px;color:#655480;margin:0;background:#fff}.pn-boundary svg{flex:none;margin-top:2px}.pn-saving{display:flex;align-items:baseline;gap:10px;padding:10px 0}.pn-saving strong{font-size:30px;letter-spacing:-1px;color:#6553a5}.pn-saving span{font-size:11px;color:#677487}.pn-report{display:grid;gap:8px}.pn-report article{border:1px solid #e3e7ee;border-radius:9px;padding:11px;display:grid;gap:5px;background:#fff}.pn-report article>span{text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:#4d826a}.pn-report article[data-status=fail]>span,.pn-report article[data-status=warning]>span{color:#a3653d}.pn-report article[data-status=manual]>span{color:#7b62a0}.pn-report strong{font-size:12px}.pn-report p{font-size:11px;line-height:1.6;margin:0;color:#677487}.pn-edit-list{display:grid;gap:8px}.pn-edit-list article{position:relative;border:1px solid #e1e6ee;border-radius:8px;padding:10px 48px 10px 10px;display:grid;gap:5px}.pn-edit-list p,.pn-edit-list span{font-size:11px;overflow-wrap:anywhere;margin:0;line-height:1.6}.pn-edit-list article>button{position:absolute;right:4px;top:4px}.pn-object-list{display:grid;gap:5px;max-height:220px;overflow:auto;overscroll-behavior:auto}.pn-object-list button{display:grid!important;gap:3px;justify-items:start;text-align:start;min-width:0}.pn-object-list span{font-size:11px;overflow-wrap:anywhere;max-width:100%}.pn-object-list small{font-size:9px;color:#677487}.pn-check-intro{display:grid;gap:10px;border:1px solid #e2e6ee;border-radius:10px;padding:15px}.pn-check-intro svg{color:#7360aa}.pn-check-intro p{font-size:12px;line-height:1.7;color:#677487;margin:0}.pn-root .ps-grid{min-width:0}.pn-root .ps-controls>label:has(input[type=checkbox]){font-weight:500}@media(max-width:760px){.pn-source strong{font-size:16px}.pn-root .pn-object-list{max-height:180px}.pn-source p{font-size:11px}.pn-root .pn-source{padding:15px}.pn-root .cs-header strong{max-width:185px}}.social-tool-page{background:#fff;color:#172b35;--surface:#fff;--panel:#fff;--text:#172b35;--muted:#52616b;--border:#dce2e7}.social-tool-page .tool-intro{text-align:center}.social-tool-page .tool-page-title{justify-content:center}.social-tool-page .tool-intro>p{margin-inline:auto}.social-tool-page :is(.tool-instructions,.faq,.help-panel,.info-panel){background:#fff;color:#172b35}.social-studio{width:100%;min-width:0}.social-window.utility-panel{position:relative;inset:auto;margin:0;padding:0;width:100%;max-width:none;height:660px;max-height:none;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;background:#fff;color:#172b35;border:1px solid #dce2e7;border-radius:18px;box-shadow:0 8px 32px #172b3508}.social-window[data-expanded=true]{position:fixed;inset:12px;width:calc(100% - 24px);height:calc(100dvh - 24px);margin:0}.social-window::backdrop{background:#172b3570}.social-window *{box-sizing:border-box;min-width:0}.social-window :is(button,input,select,textarea,details,summary,.utility-panel,.info-panel){background:#fff;color:#172b35}.social-window :is(button,input,select,textarea){max-width:100%;border:1px solid #d4dde4;border-radius:10px}.social-window :is(button,a){overflow-wrap:anywhere}.social-window button{min-height:44px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.social-window button:disabled{opacity:.48;cursor:not-allowed}.social-window button:hover,.social-window button[aria-pressed=true]{border-color:#172b35;background:#fff}.social-window button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #172b35}.social-window :focus-visible{outline:2px solid #2563eb;outline-offset:2px}.social-window :is(label,.field){display:grid;gap:5px;font-size:13px;font-weight:550}.social-window :is(input:not([type=checkbox]):not([type=color]):not([type=range]),select,textarea){width:100%;min-height:44px;padding:9px 10px}.social-window textarea{resize:vertical;min-height:100px;max-height:220px}.social-window input[type=color]{width:100%;height:44px;padding:4px}.social-window input[type=checkbox]{width:18px;height:18px;accent-color:#172b35}.social-window .check{display:flex;align-items:center;gap:8px;min-height:44px}.social-window :is(p,small){overflow-wrap:anywhere}.social-window small{font-size:12px;color:#52616b}.social-window details{border:1px solid #dce2e7;border-radius:10px;padding:0 10px 10px}.social-window summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:13px;font-weight:650}.social-window details>:not(summary)+:not(summary){margin-top:10px}.social-window-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid #e6ebef;font-size:12px;font-weight:650}.social-window-header button{display:flex;align-items:center;gap:6px;border-color:transparent}.social-window-grid{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.social-preview-pane,.social-window-grid{display:grid;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0;overflow:hidden}.social-preview-pane{height:100%;padding:16px;background:#fff}.social-viewport{width:100%;height:100%;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.social-artboard{position:relative;flex:none;max-width:100%;max-height:100%}.social-artboard :is(.maker-preview,.creator-preview,.screenshot-preview,.code-preview){position:relative;width:100%;height:100%;max-width:none;max-height:none;min-height:0;padding:0;margin:0;overflow:hidden;background:#fff}.social-artboard :is(.maker-canvas,.maker-canvas-host){width:100%;height:100%;min-height:0}.social-artboard canvas{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.social-artboard .code-preview{display:grid;place-items:center;border:0}.social-artboard .code-preview img{display:block;width:100%;height:100%;object-fit:contain}.social-artboard .studio-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:16px;font-size:13px;pointer-events:none}.social-settings{min-height:0;overflow:auto;overscroll-behavior:auto;border-left:1px solid #e6ebef;scrollbar-width:thin}.social-settings-body{padding:12px;display:grid;gap:12px}.social-settings-body :is(fieldset,.creator-controls,.code-controls){min-width:0;padding:0;margin:0;border:0;max-height:none;height:auto;overflow:visible}.social-settings-body :is(.creator-controls,.code-controls,[data-studio-section]){display:grid;gap:12px}.social-window[data-panel=content] [data-studio-section]:not([data-studio-section=content]),.social-window[data-panel=design] [data-studio-section]:not([data-studio-section=design]),.social-window[data-panel=export] [data-studio-section]:not([data-studio-section=export]){display:none}.social-window [hidden]{display:none!important}.social-window :is(.everyday-toolbar,.creator-actions,.studio-preset-grid,.code-actions){display:flex;flex-wrap:wrap;gap:8px}.social-window :is(.creator-grid,.creator-colors,.two-col){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-window .studio-preset-grid>button{flex:1 1 90px}.social-window .studio-slider-picker{display:flex;flex-wrap:wrap;gap:6px}.social-window .studio-slider-picker button{flex:1 1 auto}.social-window .studio-sliders{display:grid;gap:10px}.social-window input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:44px;padding:0;border:0;background:#fff;cursor:pointer}.social-window input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#bfcbd5}.social-window input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border:2px solid #172b35;border-radius:50%;background:#fff}.social-window input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#bfcbd5}.social-window input[type=range]::-moz-range-thumb{width:20px;height:20px;border:2px solid #172b35;border-radius:50%;background:#fff}.social-studio-status{max-height:100px;overflow:auto;padding:8px 12px;border-top:1px solid #e6ebef;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12px}.social-studio-status:empty{padding:0;border:0}.social-studio-status p{margin:0}.social-studio-status [role=alert]{color:#a91d31}.social-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 12px;border-top:1px solid #e6ebef;background:#fff}.social-dock button{display:flex;align-items:center;justify-content:center;gap:7px}.social-post-preview-stage{height:100%;min-height:0;overflow:auto;padding:0;font-size:13px}.social-post-preview-stage>p{margin:0 0 10px}.social-window .social-post-preview{max-width:460px;width:100%;margin:0 auto 10px;padding:12px;border:1px solid #dce2e7;border-radius:14px;background:#fff;color:#172b35}.social-window .social-post-preview header{display:flex;align-items:center;gap:10px;padding:0}.social-window .social-post-preview header small{display:block}.social-window .social-avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce2e7;border-radius:50%;background:#fff}.social-window .social-post-preview img{width:100%;max-height:340px;object-fit:contain;display:block;margin-top:12px}.social-window .social-post-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.social-window .social-post-preview footer{width:100%;min-height:0;margin:12px 0 0;padding:10px 0 0;display:block;border-top:1px solid #e6ebef;font-size:11px;background:#fff;color:#52616b}@media(max-width:760px){.social-tool-page{width:100%;max-width:none;padding-inline:0}.social-tool-page>:is(.back-link,.tool-intro,.tool-instructions,.faq,.related-tools){width:auto;max-width:none;margin-inline:12px}.social-tool-page .tool-intro{padding-inline:0}.social-window.utility-panel{border-radius:0;border-inline:0;height:clamp(510px,calc(100svh - 85px),760px)}.social-window[data-expanded=true]{inset:0;width:100%;height:100dvh}.social-window-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) minmax(170px,.95fr)}.social-preview-pane{padding:12px}.social-settings{border-left:0;border-top:1px solid #e6ebef}.social-settings-body{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.social-window :is(input,select,textarea){font-size:16px}.social-window-header{padding-inline:12px}.social-dock{padding-bottom:max(8px,env(safe-area-inset-bottom))}.social-studio-status{max-height:80px}}@media(max-height:540px) and (max-width:760px){.social-window.utility-panel{height:480px}.social-window[data-expanded=true]{height:100dvh}.social-window[data-expanded=true] .social-window-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}.social-tool-page{--ink:#172b35;--line:#dce2e7;--paper:#fff}.social-window :is(.studio-presets,.utility-actions){display:flex;flex-wrap:wrap;gap:8px}.social-window .creator-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.social-window.utility-panel button.collage-target,.social-window.utility-panel button.collage-target:hover,.social-window.utility-panel button.collage-target[aria-pressed=true]{background:transparent;min-height:0;padding:0;border-radius:0;box-shadow:none}.social-window .maker-empty{position:absolute;inset:0;display:grid;place-content:center;padding:12px;line-height:1.5;text-align:center}.social-window .creator-slides button[aria-pressed=true]{color:#172b35;background:#fff}.social-window .creator-check input{width:18px!important}.social-tool-page .social-window.utility-panel a.secondary,.social-tool-page .social-window.utility-panel button:not(.collage-target),.social-tool-page .social-window.utility-panel button:not(.collage-target):enabled:hover{background:#fff;color:#172b35}.social-tool-page .social-window.utility-panel button.primary{border-color:#172b35;box-shadow:inset 0 0 0 1px #172b35}.social-tool-page .social-window.utility-panel input.creator-hidden-file{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;clip-path:inset(50%);overflow:hidden}.social-window[data-expanded=true] :is(.social-settings,.social-studio-status,.social-post-preview-stage){overscroll-behavior:contain}.social-touch-hint{display:none;font-weight:400}@media (any-pointer:coarse){.social-window[data-expanded=false]:has(.screenshot-preview,.maker-preview) .social-touch-hint{display:inline}.social-window[data-expanded=false] :is(.collage-target,.collage-text-stage,.screenshot-preview.is-masking){touch-action:pan-y pinch-zoom}}