@font-face{font-family:SUSEMono;src:url(/fonts/SUSE-Mono/SUSEMono-Regular.ttf);font-display:swap}.size-studio{--sd-surface:var(--card);--sd-muted:var(--muted);--sd-text:var(--foreground);color:var(--sd-text);padding:24px 28px;font:12px var(--font-sans)}.size-studio *{box-sizing:border-box}.size-studio [hidden]{display:none!important}.size-studio .size-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px}.size-studio .size-toolbar strong{display:block;font-size:20px;font-weight:600;letter-spacing:-.4px}.size-studio .size-subtitle{display:block;color:var(--muted-foreground);margin-top:4px;font-size:12px}.size-studio .badge{font-size:10px;background:var(--secondary);color:var(--muted-foreground);padding:5px 9px;border-radius:6px}.size-studio .spacer{flex:1}.size-studio .button,.size-studio button,.size-studio input,.size-studio select{font:inherit}.size-studio .button,.size-studio button{background:var(--sd-surface);color:var(--sd-text);border:1px solid var(--border);border-radius:9px;padding:8px 11px;cursor:pointer;transition:background-color .12s;line-height:1.25}.size-studio .button:hover,.size-studio button:hover{background:var(--accent)}.size-studio button:disabled{opacity:.5;cursor:not-allowed}.size-studio .size-toolbar .button{margin:0}.size-studio button:focus-visible,.size-studio input:focus-visible,.size-studio select:focus-visible{outline:2px solid #8e8aa8;outline-offset:2px}.size-studio .size-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.size-studio .size-inspector{display:flex;flex-direction:column;gap:14px;min-width:0}.size-studio .size-inspector>.sectionHeading{padding:0 2px}.size-studio h1{font-size:14px;font-weight:600;margin:0}.size-studio h2{font-size:12px;font-weight:600;margin:0;letter-spacing:-.05px}.size-studio .size-inspector>section{background:var(--sd-surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 1px 2px #00000003}.size-studio .sectionHeading{display:flex;align-items:center;gap:7px;margin-bottom:12px}.size-studio .sectionHeading h1,.size-studio .sectionHeading h2{margin-right:auto}.size-studio .headingActions{display:flex;align-items:center;gap:8px}.size-studio label{display:block;font-size:11px;color:var(--sd-text)}.size-studio input:not([type=checkbox]):not([type=range]):not([type=file]),.size-studio select{border:1px solid var(--input);background:var(--sd-surface);color:var(--sd-text);border-radius:8px;min-width:0;padding:7px 8px;width:100%}.size-studio input[aria-invalid=true]{border-color:#d83737!important}.size-studio input[type=checkbox]{accent-color:#65617c;width:12px;height:12px;margin:0}.size-studio input[type=range]{appearance:none;width:100%;height:3px;margin:10px 0;background:var(--border);border-radius:3px;accent-color:#65617c;cursor:pointer}.size-studio input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#65617c;border-radius:50%}.size-studio input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#65617c;border:0;border-radius:50%}.size-studio .layoutRow{display:flex;gap:10px;align-items:center}.size-studio .seg{display:flex;padding:3px;border:1px solid var(--border);background:var(--muted);border-radius:9px;flex:1}.size-studio .seg button{border:0;background:transparent;padding:6px 8px;font-size:11px;flex:1}.size-studio .seg button[aria-pressed=true]{background:var(--sd-surface);box-shadow:0 1px 3px #0001}.size-studio #count{width:96px;font-size:11px}.size-studio .backgroundHeading,.size-studio .dimensionBlock,.size-studio .imageHeading{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.size-studio .backgroundHeading label{margin-right:auto}.size-studio .textButton{border:0;background:transparent;padding:0;font-size:10px;color:var(--muted-foreground);white-space:nowrap}.size-studio .textButton:hover{background:transparent;color:var(--sd-text);text-decoration:underline}.size-studio .bgRow{display:flex;align-items:center;gap:7px}.size-studio .bgRow #swatch{width:27px;height:29px;padding:2px;flex:none}.size-studio .bgRow #bg{width:83px;font-family:var(--font-mono);font-size:11px}.size-studio .exportTargets label,.size-studio .matchCheck,.size-studio .scaleAllLabel{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px;color:var(--muted-foreground)}.size-studio #blendControls{background:var(--muted);border-radius:9px;margin-top:12px;padding:10px}.size-studio .blendControlTitle{display:flex;justify-content:space-between;margin-bottom:10px;font-size:10px}.size-studio .blendSliders{display:grid;grid-template-columns:1fr 1fr;gap:14px}.size-studio .blendSliders label{font-size:10px}.size-studio .blendSliders output{float:right;color:var(--muted-foreground)}.size-studio #tabs{display:flex;gap:7px}.size-studio .variantColumn{display:flex;flex-direction:column;align-items:center;gap:4px}.size-studio #tabs button{padding:6px 9px;min-width:30px}.size-studio #tabs button.selected{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.size-studio #tabs .linkIcon{min-width:0;width:28px;height:20px;display:grid;place-items:center;border:0;padding:2px;background:transparent;color:var(--muted-foreground)}.size-studio #tabs .linkIcon.linked{background:var(--accent);color:#8880b8}.size-studio .controlHeading{display:flex;justify-content:space-between;align-items:center}.size-studio .numberUnit{display:flex;align-items:center;border:1px solid var(--input);border-radius:7px;padding-right:7px;width:72px}.size-studio .numberUnit input:not([type=range]){border:0;padding:4px 5px;width:50px;font-size:11px}.size-studio .numberUnit span{color:var(--muted-foreground);font-size:9px}.size-studio .pair{display:flex;gap:14px;margin-top:7px}.size-studio .pair>div{flex:1;min-width:0}.size-studio #labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:145px;overflow:auto;padding:2px;scrollbar-width:thin}.size-studio #labels label{font-size:10px}.size-studio #labels input{margin-top:6px;font-family:SUSEMono,var(--font-mono);font-size:11px}.size-studio #labels .selected input{border-color:#8880a5}.size-studio #addDimension,.size-studio #removeDimension{font-size:17px;width:18px}.size-studio #textPlacement{margin-top:10px;font-size:11px}.size-studio .exportTargets{display:flex;gap:9px}.size-studio .exportRow{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:7px}.size-studio .exportRow button,.size-studio .exportRow select{font-size:11px;padding:8px 6px}.size-studio .size-export-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.size-studio .size-export-primary:hover{opacity:.85;background:var(--primary)}.size-studio .size-preview{min-width:0;position:sticky;top:92px;border:1px solid var(--border);border-radius:16px;background:var(--sd-surface);padding:18px}.size-studio .bar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px;color:var(--muted-foreground)}.size-studio #layoutName{font-weight:500;color:var(--sd-text)}.size-studio .bar button{font-size:10px;padding:6px 7px}.size-studio #stage{position:relative;display:flex;align-items:center;justify-content:center;height:min(62vh,690px);min-height:340px;padding:18px;overflow:hidden;background:var(--muted);border:1px solid var(--border);border-radius:11px;overscroll-behavior:contain}.size-studio #art{width:100%;height:100%;transform-origin:center;will-change:transform;touch-action:none;user-select:none;flex:none}.size-studio .viewControls{display:flex;align-items:center;gap:3px;white-space:nowrap}.size-studio #viewZoom{font-size:10px;min-width:33px;text-align:center}.size-studio #panSensitivity{width:60px;font-size:10px;padding:5px}.size-studio .size-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:var(--muted-foreground);font-size:10px}.size-studio .fontControls{display:flex;align-items:center;gap:8px}.size-studio .fontControls select{width:auto;max-width:150px;font-size:10px;padding:5px}.size-studio .fontUpload{cursor:pointer;font-size:10px;color:var(--muted-foreground);white-space:nowrap}.size-studio #status,.size-studio .size-save-hint{color:var(--muted-foreground);font-size:11px;line-height:1.5;margin:0 3px}.size-studio #status:empty{display:none}.size-studio .infoWrap{position:relative;display:inline-flex;align-items:center;flex:none}.size-studio .info{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;width:15px;height:15px;padding:0;font:600 10px Georgia,serif;color:var(--muted-foreground);background:transparent}.size-studio .tooltip{display:none;position:absolute;right:-4px;top:24px;width:240px;padding:12px;background:#252525;color:#fff;border-radius:9px;box-shadow:0 4px 16px #0002;font-size:11px;line-height:1.5;z-index:40;text-align:left}.size-studio .info:focus-visible+.tooltip,.size-studio .infoWrap.open .tooltip,.size-studio .infoWrap:hover .tooltip{display:block}.size-studio .handle{cursor:grab}.size-studio .hit{cursor:move}.size-studio .dimensionLabel{pointer-events:none}.size-studio .canvasUpload{opacity:0;transition:opacity .15s;pointer-events:none}.size-studio .previewVariant:focus-within .canvasUpload,.size-studio .previewVariant:hover .canvasUpload{opacity:1;pointer-events:auto}.size-studio .canvasUpload button{width:100%;height:100%;background:#202123;color:#fff;border:1px solid #444;font-size:14px}.size-studio .panReady,.size-studio .panReady *{cursor:grab!important}.size-studio .panning,.size-studio .panning *{cursor:grabbing!important}.size-studio #dimensionMenu{position:fixed;z-index:100;background:var(--sd-surface);border:1px solid var(--border);border-radius:9px;padding:4px;box-shadow:0 5px 18px #0002}.size-studio #dimensionMenu button{display:block;width:100%;text-align:left;font-size:12px;border:0}.size-studio .size-gallery-import{margin-top:12px}.size-studio .size-gallery-import label{color:var(--muted-foreground);font-size:10px;margin-bottom:5px}.size-studio .galleryRow{display:flex;gap:6px}.size-studio .galleryRow select{font-size:10px;flex:1}.size-studio .galleryRow button{font-size:10px;white-space:nowrap;padding:6px}@media (min-width:1024px) and (max-width:1350px){.size-studio{padding:20px}.size-studio .size-workspace{grid-template-columns:282px minmax(0,1fr);gap:14px}.size-studio .size-preview{padding:12px}}@media (max-width:950px){.size-studio .size-workspace{grid-template-columns:1fr}.size-studio .size-preview{position:static;grid-row:1}.size-studio .size-inspector{display:grid;grid-template-columns:1fr 1fr;align-items:start}.size-studio #status,.size-studio .size-inspector>.sectionHeading,.size-studio .size-save-hint{grid-column:1/-1}.size-studio #stage{min-height:270px;height:43vh}}@media (max-width:600px){.size-studio{padding:18px 14px}.size-studio .size-toolbar{gap:8px;margin-bottom:16px}.size-studio .size-toolbar>div:first-child{width:100%}.size-studio .size-toolbar .badge{margin-right:auto}.size-studio .size-toolbar .spacer{display:none}.size-studio .size-inspector{display:flex}.size-studio .size-preview{padding:12px}.size-studio .viewControls{order:1}.size-studio #stage{padding:8px;min-height:240px;height:38vh}.size-studio .tooltip{width:225px}}@media (hover:none){.size-studio .canvasUpload{opacity:1;pointer-events:auto}.size-studio .infoWrap:hover .tooltip{display:none}.size-studio .info:focus-visible+.tooltip,.size-studio .infoWrap.open .tooltip{display:block}}@media (prefers-reduced-motion:reduce){.size-studio .canvasUpload,.size-studio button{transition:none}}.size-studio #labels textarea{width:100%;min-width:0;min-height:48px;resize:vertical;border:1px solid var(--input);background:var(--sd-surface);color:var(--sd-text);border-radius:8px;padding:6px 7px;margin-top:6px;font:11px/1.4 SUSEMono,var(--font-mono);text-align:center}.size-studio #labels .selected textarea{border-color:#8880a5}.size-studio .annotationTextRow{display:flex;align-items:center;gap:8px;margin-top:9px}.size-studio .annotationTextRow #textPlacement{margin:0;flex:1}.size-studio .angleField{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted-foreground)}.size-studio .angleField #textAngle{width:48px;font-size:11px;padding:6px 4px}.size-studio .textHit{cursor:grab}.size-studio .textRotationHandle{cursor:crosshair}