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:#116650}.creator-studio [aria-pressed=true],.rename-workspace [aria-pressed=true]{border-color:#116650;color:#116650;box-shadow:inset 0 0 0 1px #116650;background:#fff}.creator-studio :focus-visible,.rename-workspace :focus-visible{outline:2px solid #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:#116650}.cs-range>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}.cs-range output{color:#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 #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:#116650}.cs-range input::-moz-range-thumb{width:18px;height:18px;border:2px solid #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:#116650;color:#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:#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:#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}}