.studio-image-tool{width:100%;min-width:0;padding:24px clamp(20px,2.5vw,44px) 60px;color:#ededf2}.studio-tool-heading{padding-bottom:30px}.studio-tool-back{display:inline-flex;align-items:center;min-height:44px;gap:8px;margin-bottom:14px;color:#91919e;font-size:11px}.studio-tool-back:hover{color:#e3e3e9}.studio-tool-heading>div{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.studio-tool-eyebrow{color:#9e9daa;font-size:9px;font-weight:550;letter-spacing:.1em}.studio-tool-heading h1{margin:11px 0 12px;font-family:var(--font-display);font-size:clamp(28px,2.8vw,42px);font-weight:500;letter-spacing:-.055em;line-height:1.2}.studio-tool-heading p{margin:0;color:#888894;font-size:12px;line-height:1.8}.studio-tool-local{display:inline-flex;align-items:center;flex-shrink:0;gap:7px;margin-bottom:3px;color:#9b9ba7;font-size:10px}.studio-tool-local>span{width:5px;height:5px;border-radius:50%;background:#bea9b7}.studio-tool-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px}.studio-tool-controls{min-width:0;overflow:hidden;padding:0 20px 20px;border:1px solid var(--ruxa-line);border-radius:12px;background:var(--ruxa-surface-1)}.studio-tool-files{padding:4px 0 20px}.studio-tool-section-title{display:flex;min-height:52px;align-items:center;justify-content:space-between;color:#bebec9;font-size:11px}.studio-tool-upload{position:relative;display:flex;align-items:center;gap:12px;min-height:90px;padding:12px;overflow:hidden;border:1px dashed #ffffff26;border-radius:9px;background:#ffffff02;cursor:pointer;transition:border-color .16s ease,background .16s ease}.studio-tool-upload.is-dragging,.studio-tool-upload:hover{border-color:var(--ruxa-subtle);background:var(--ruxa-surface-hover)}.studio-tool-upload:focus-within{outline:2px solid var(--ruxa-focus);outline-offset:3px}.studio-tool-upload>input{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer}.studio-tool-upload-icon{display:grid;width:42px;height:48px;flex-shrink:0;place-items:center;color:#a3a0ab}.studio-tool-upload-icon>img{width:100%;height:100%;border-radius:5px;object-fit:cover}.studio-tool-upload-copy{display:flex;min-width:0;flex-direction:column;gap:7px}.studio-tool-upload-copy strong{overflow:hidden;color:#dedee5;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.studio-tool-upload-copy>span{color:#767785;font-size:10px;line-height:1.5}.studio-tool-file-note,.studio-tool-setting-note{color:#8d8d99;font-size:10px;line-height:1.8}.studio-tool-file-note{margin:10px 0 0}.studio-tool-example{justify-content:space-between;width:100%;margin-top:8px;padding-inline:10px;font-size:12px}.studio-tool-second{margin-top:6px;border-top:1px solid #ffffff10}.studio-tool-parameters{border-top:1px solid #ffffff12}.studio-tool-parameters>summary{display:flex;min-height:56px;align-items:center;justify-content:space-between;color:#bfbfca;font-size:11px;list-style:none;cursor:pointer}.studio-tool-faq summary::-webkit-details-marker,.studio-tool-parameters>summary::-webkit-details-marker{display:none}.studio-tool-parameters>summary>span{display:flex;align-items:center;gap:9px}.studio-tool-parameters[open]>summary>svg{transform:rotate(180deg)}.studio-tool-parameter-content{display:grid;gap:17px;padding:5px 0 18px}.studio-tool-parameter-content .ruxa-field{min-width:0}.studio-tool-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-tool-resize-presets>span{display:block;margin-bottom:10px;color:var(--ruxa-muted);font-size:12px}.studio-tool-resize-presets>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.studio-tool-resize-presets button{min-height:50px;flex-direction:column;gap:3px;padding:6px;font-size:11px;line-height:1.4}.studio-tool-resize-presets button span{color:#ded6e0;font-size:11px}.studio-tool-number-wrap{position:relative;min-width:0}.studio-tool-number-wrap>span{position:absolute;top:50%;right:13px;color:var(--ruxa-subtle);font-size:11px;pointer-events:none;transform:translateY(-50%)}.studio-tool-number-wrap .ruxa-input{padding-inline-end:36px;appearance:textfield;font-variant-numeric:tabular-nums}.studio-tool-number-wrap input::-webkit-inner-spin-button,.studio-tool-number-wrap input::-webkit-outer-spin-button{appearance:none;margin:0}.studio-tool-lock,.studio-tool-reset,.studio-tool-toggle{justify-content:flex-start;padding-inline:10px;font-size:12px}.studio-tool-lock>svg:last-child:not(:first-child),.studio-tool-toggle>svg:last-child:not(:first-child){margin-inline-start:auto;color:var(--ruxa-accent-soft)}.studio-tool-lock.ruxa-button[aria-pressed=true],.studio-tool-toggle.ruxa-button[aria-pressed=true]{color:var(--ruxa-text);background:var(--ruxa-surface-2)}.studio-tool-color{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;color:#aaaab5;font-size:11px}.studio-tool-color input{width:44px;height:44px;padding:6px;border:1px solid #ffffff1a;border-radius:7px;background:#18191d}.studio-tool-rotation-value{display:flex;align-items:center;justify-content:space-between;color:#9797a5;font-size:11px}.studio-tool-rotation-value strong{color:#e2e2e9;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.studio-tool-orientation-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-tool-orientation-buttons button{min-height:50px;font-size:12px}.studio-tool-error{color:var(--ruxa-danger);font-size:11px;line-height:1.8;margin:0 0 16px;padding:12px;border:1px solid #f875951f;border-radius:7px;background:#f875950a}.studio-tool-primary-actions{display:grid;gap:9px}.studio-tool-apply,.studio-tool-continue,.studio-tool-download,.studio-tool-reference{width:100%;min-height:46px;padding:0 12px;font-size:12px}.studio-tool-preview{min-width:0;overflow:hidden;border:1px solid #ffffff12;border-radius:12px;background:#101115}.studio-tool-preview-bar{display:flex;min-height:60px;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;border-bottom:1px solid #ffffff0b;color:#8f8f9d;font-size:11px}.studio-tool-preview-switch{display:flex;gap:3px}.studio-tool-preview-switch button{padding-inline:16px;font-size:12px}.studio-tool-preview-switch button[aria-pressed=true]{color:var(--ruxa-text);background:var(--ruxa-surface-2)}.studio-tool-preview-stage{position:relative;display:flex;min-height:480px;align-items:center;justify-content:center;padding:28px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#17181c,#0d0e11 80%)}.studio-tool-preview-stage.has-image{background-color:#0e0f12;background-image:linear-gradient(45deg,#ffffff03 25%,transparent 0),linear-gradient(-45deg,#ffffff03 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ffffff03 0),linear-gradient(-45deg,transparent 75%,#ffffff03 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.studio-tool-image-frame{position:relative;flex-shrink:0;max-width:100%;overflow:hidden;box-shadow:0 6px 50px #00000040}.studio-tool-image-frame>img{display:block;width:100%;height:100%;object-fit:contain}.studio-tool-image-frame>img.studio-tool-comparison-top{position:absolute;inset:0}.studio-tool-compare-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}.studio-tool-compare-labels{position:absolute;top:12px;right:12px;left:12px;display:flex;justify-content:space-between;pointer-events:none}.studio-tool-compare-labels span{padding:5px 9px;border:1px solid #ffffff33;border-radius:4px;background:#0009;color:#fff;font-size:10px}.studio-tool-crop-region{position:absolute;border:1px solid #fff;box-shadow:0 0 0 9999px #0008;pointer-events:none}.studio-tool-crop-region>i{position:absolute;inset:0 33.333%;border-inline-end:1px solid #ffffff60;border-inline-start:1px solid #ffffff60}.studio-tool-crop-region>i+i{inset:33.333% 0;border:0;border-top:1px solid #ffffff60;border-bottom:1px solid #ffffff60}.studio-tool-crop-region>span{position:absolute;bottom:8px;left:50%;padding:5px 8px;border-radius:4px;background:#000a;color:#fff;font-size:10px;white-space:nowrap;transform:translateX(-50%)}.studio-tool-empty{max-width:340px;padding:34px 14px;text-align:center}.studio-tool-empty-frame{display:grid;width:90px;height:78px;margin:0 auto 26px;place-items:center;border:1px solid #ffffff12;border-radius:12px;color:#908590;background:#ffffff03;transform:rotate(-5deg)}.studio-tool-empty h2{margin:0 0 12px;color:#cccbd5;font-family:var(--font-display);font-size:23px;font-weight:500;letter-spacing:-.035em}.studio-tool-empty p{margin:0 auto;color:#7f7e8d;font-size:11px;line-height:1.9}.studio-tool-empty button{margin-top:21px;padding:0 15px;font-size:12px}.studio-tool-processing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#090a0dca;color:#cebbcc;font-size:12px;backdrop-filter:blur(3px)}.studio-tool-preview-info{display:flex;min-height:76px;align-items:center;gap:18px;padding:14px 20px;border-top:1px solid #ffffff0b;color:#c2c2cc;font-size:12px;font-variant-numeric:tabular-nums}.studio-tool-preview-info small{display:block;margin-top:5px;color:#727381;font-size:10px}.studio-tool-preview-info .studio-tool-info-arrow{color:#6d6d7a}.studio-tool-size-change{margin-inline-start:auto;color:#a5a1ad;font-size:10px}.studio-tool-size-change.is-smaller{color:#d7abc2}.studio-tool-preview-hint{color:#6e6f7d;font-size:10px}.studio-tool-compare-controls{padding:18px 24px 12px;border-top:1px solid #ffffff0b}.studio-tool-compare-controls>div:last-child{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:12px}.studio-tool-compare-controls button{font-size:12px}.studio-tool-support{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;margin-top:48px;padding-top:32px;border-top:1px solid #ffffff10}.studio-tool-explanation h2,.studio-tool-related h2{margin:12px 0 15px;font-family:var(--font-display);font-size:24px;font-weight:500;line-height:1.4;letter-spacing:-.04em}.studio-tool-explanation p{max-width:420px;margin:0;color:#898996;font-size:11px;line-height:1.9}.studio-tool-faq details{border-bottom:1px solid #ffffff10}.studio-tool-faq summary{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;color:#bcbcc7;font-size:11px;line-height:1.8;list-style:none;cursor:pointer}.studio-tool-faq summary svg{flex-shrink:0;color:#757584}.studio-tool-faq details[open] summary svg{transform:rotate(180deg)}.studio-tool-faq details>p{margin:0;padding:0 20px 18px 0;color:#8b8b99;font-size:11px;line-height:1.9}.studio-tool-related{margin-top:42px;padding-top:30px;border-top:1px solid #ffffff10}.studio-tool-related>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.studio-tool-related a{display:flex;min-height:110px;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border:1px solid #ffffff13;border-radius:9px;background:#111216;color:#d2c7d2;font-size:12px}.studio-tool-related a:hover{border-color:#ff80af44;background:#17151b}.studio-tool-related a>svg{flex-shrink:0;color:#867887}.studio-tool-related small{display:block;margin-top:9px;color:#7d7b8a;font-size:10px;line-height:1.8}.studio-image-tool :is(input[type=color],summary,a):focus-visible{outline:2px solid var(--ruxa-focus);outline-offset:3px}@media (max-width:1199px) and (min-width:768px){.studio-tool-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}.studio-tool-preview-stage{min-height:440px;padding:18px}.studio-tool-local{display:none}.studio-tool-preview-info{flex-wrap:wrap;gap:12px}}@media (max-width:767px){.studio-image-tool{padding:18px 18px 42px}.studio-tool-heading{padding-bottom:24px}.studio-tool-back{margin-bottom:12px}.studio-tool-heading>div{flex-direction:column;align-items:flex-start;gap:16px}.studio-tool-local{display:inline-flex}.studio-tool-layout{grid-template-columns:1fr;gap:18px}.studio-tool-controls{padding:0 18px 18px}.studio-tool-files{padding-bottom:10px}.studio-tool-parameters{margin-bottom:8px}.studio-tool-preview-stage{min-height:310px;padding:18px}.studio-tool-preview-bar{min-height:54px;padding:5px 14px}.studio-tool-preview-switch button{padding:0 12px}.studio-tool-preview-info{flex-wrap:wrap;gap:12px;padding:14px}.studio-tool-size-change{width:100%}.studio-tool-empty{padding:24px 0}.studio-tool-support{grid-template-columns:1fr;gap:22px;margin-top:32px;padding-top:26px}.studio-tool-related{margin-top:32px}.studio-tool-related>div:last-child{grid-template-columns:1fr;gap:10px}.studio-tool-related a{min-height:86px;padding:18px}}@media (prefers-reduced-motion:reduce){.studio-tool-upload{transition:none}}