.file-picker{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:var(--control-height-md);padding:0 var(--spacing-sm);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.file-picker:hover{background:var(--color-surface-hover)}.file-picker:focus-within{outline:2px solid var(--color-focus);outline-offset:1px}.file-picker__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.html-thumbnail{display:block;position:relative;width:100%;height:10rem;overflow:hidden;background:white;border:1px solid var(--color-border);border-radius:var(--radius-sm);pointer-events:none}.html-thumbnail iframe{display:block;width:400%;height:40rem;border:0;transform:scale(.25);transform-origin:top left;pointer-events:none}.html-mockup-frame{min-width:0;overflow:hidden;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.html-mockup-frame__canvas{display:block;width:100%;min-width:var(--layout-mockup-frame-min-width);height:var(--layout-mockup-frame-height);background:var(--color-surface);border:0}.html-mockup-frame:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.html-mockup-frame--thumbnail{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;pointer-events:none;border-radius:var(--radius-md);box-shadow:none}.html-mockup-frame--thumbnail:focus-within{outline:none}.html-mockup-frame__thumbnail-canvas{position:absolute;top:0;left:0;background:var(--color-surface);border:0;transform-origin:top left}.html-mockup-frame__thumbnail-empty{display:grid;place-items:center;height:100%;font-size:var(--font-size-xs);color:var(--color-text-muted);background:repeating-linear-gradient(-45deg,var(--color-surface-alt),var(--color-surface-alt) 8px,var(--color-surface) 8px,var(--color-surface) 16px)}.html-mockup-frame--canvas{position:relative;width:100%;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--spec-canvas-shadow,var(--shadow-sm))}.html-mockup-frame--canvas[data-theme=dark],.html-mockup-frame--canvas[data-theme=dark] .html-mockup-frame__canvas-frame{background:var(--color-text)}.html-mockup-frame--canvas[data-zoom=actual]{width:auto;flex:none}.html-mockup-frame__canvas-frame{position:absolute;top:0;left:0;display:block;background:var(--color-surface);border:0;transform-origin:top left}.html-mockup-frame--canvas .html-mockup-frame__thumbnail-empty{position:absolute;inset:0}