.layout-editor-root,.layout-library{color:var(--foreground);font:var(--body-weight,400) var(--body-size,14px)/var(--body-line-height,1.5) var(--body-font)}.layout-editor-root button,.layout-library button{justify-content:center;align-items:center;gap:var(--spacing,.25rem);border:var(--button-border-width,1px) solid var(--border);border-radius:var(--button-radius,var(--radius));padding:var(--spacing-sm,.5rem) var(--spacing-md,.75rem);background:var(--secondary);color:var(--secondary-foreground);font:inherit;cursor:pointer;display:inline-flex}.layout-editor-root button:disabled,.layout-library button:disabled{opacity:var(--button-disabled-opacity,.5);cursor:default}.layout-editor-root button:hover:not(:disabled),.layout-library button:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.layout-editor-root button:focus-visible,.layout-library button:focus-visible{outline:var(--input-focus-ring-width,2px) solid var(--ring);outline-offset:var(--spacing,2px)}.layout-edit-toolbar{left:50%;top:calc(var(--header-height,36px) + var(--spacing-md,12px));z-index:10000;align-items:center;gap:var(--spacing-md,12px);padding:var(--spacing-sm,8px);background:var(--popover);border:var(--card-border-width,1px) solid var(--border);border-radius:var(--card-radius,var(--radius));box-shadow:var(--shadow-lg);display:flex;position:fixed;transform:translate(-50%)}.layout-edit-toolbar button[aria-checked=true],.layout-state-tabs button[aria-selected=true],.layout-library nav button[aria-current=page]{background:var(--primary);color:var(--primary-foreground)}.layout-selection-outline{z-index:9998;pointer-events:none;outline:var(--input-focus-ring-width,2px) solid var(--primary);background:color-mix(in srgb,var(--primary) 7%,transparent);position:fixed}.layout-selection-outline>span{white-space:nowrap;padding:var(--spacing,4px) var(--spacing-sm,8px);background:var(--primary);color:var(--primary-foreground);font-size:var(--meta-size,12px);position:absolute;bottom:100%;left:0}.layout-element-editor{z-index:10001;top:calc(var(--header-height,36px) + var(--spacing-xl,48px));right:var(--spacing-lg,24px);width:min(var(--modal-max-width,480px),calc(100vw - 2 * var(--spacing-lg,24px)));max-height:calc(100dvh - var(--header-height,36px) - 2 * var(--spacing-xl,48px));background:var(--popover);color:var(--popover-foreground);border:var(--card-border-width,1px) solid var(--border);border-radius:var(--modal-radius,var(--radius));box-shadow:var(--dialog-shadow,var(--shadow-lg));padding:var(--spacing-lg,24px);gap:var(--spacing-md,12px);flex-direction:column;display:flex;position:fixed}.layout-element-editor h2,.layout-library-editor h3{font:var(--heading-h3-weight,600) var(--heading-h3-size,20px)/var(--heading-h3-line-height,1.3) var(--heading-h3-font,var(--body-font));margin:0}.layout-editor-scroll{scrollbar-gutter:stable;min-height:0;padding-right:var(--spacing-md,12px);overflow-y:auto}.layout-editor-footer{padding-top:var(--spacing-md,12px);border-top:var(--card-border-width,1px) solid var(--border);justify-content:space-between;align-items:center;display:flex}.layout-editor-footer label{align-items:center;gap:var(--spacing-sm,8px);display:flex}.layout-editor-root .layout-apply-button{background:var(--primary);color:var(--primary-foreground)}.layout-property-heading,.layout-property-input,.layout-library-toolbar,.layout-actions{justify-content:space-between;align-items:center;gap:var(--spacing-sm,8px);display:flex}.layout-editor-root .layout-icon-button,.layout-library .layout-icon-button{min-width:28px;min-height:28px;color:var(--muted-foreground);padding:var(--spacing,4px);background:0 0;border:0;flex-shrink:0}.layout-field{gap:var(--spacing-sm,8px);margin-block:var(--spacing-md,12px);flex-direction:column;display:flex}.layout-field input,.layout-field select,.layout-property-input select{box-sizing:border-box;background:var(--input-bg,var(--background));width:100%;min-width:0;color:var(--foreground);border:var(--input-border-width,1px) solid var(--border);border-radius:var(--input-radius,var(--radius));padding:var(--spacing-sm,8px);font:inherit}.layout-property-input select{flex:1;width:0}.layout-property{padding-block:var(--spacing-sm,8px);border-bottom:var(--card-border-width,1px) solid var(--border)}.layout-property small,.layout-field small,.layout-library small{color:var(--muted-foreground);font-size:var(--meta-size,12px);margin-top:var(--spacing,4px);display:block}.layout-style-sample{background:var(--muted);border:var(--card-border-width,1px) solid var(--border);border-radius:var(--card-radius,var(--radius));padding:var(--spacing-lg,24px);margin-bottom:var(--spacing-md,12px);pointer-events:none;text-align:left;overflow:hidden}.layout-style-sample>span{padding:var(--spacing-sm,8px) var(--spacing-md,12px);display:inline-block}.layout-state-tabs{gap:var(--spacing,4px);flex-wrap:wrap;display:flex}.layout-state-tabs button{text-transform:capitalize;font-size:var(--meta-size,12px)}.layout-color-choice{flex:1;min-width:0;position:relative}.layout-color-choice>button{justify-content:flex-start;width:100%}.layout-color-dot{width:var(--avatar-sm-size,20px);height:var(--avatar-sm-size,20px);border-radius:var(--radius-full,999px);border:var(--card-border-width,1px) solid var(--border);flex-shrink:0;display:inline-block}.layout-color-options{margin-top:var(--spacing-sm,8px);max-height:var(--select-dropdown-max-height,240px);border:var(--card-border-width,1px) solid var(--border);border-radius:var(--radius);padding:var(--spacing,4px);background:var(--popover);position:relative;overflow:auto}.layout-color-options button{background:0 0;border:0;justify-content:flex-start;width:100%}.layout-color-options button[aria-pressed=true]{box-shadow:inset 0 0 0 var(--input-focus-ring-width,2px) var(--primary)}.layout-token-add,.layout-library-editor{border:var(--card-border-width,1px) solid var(--border);border-radius:var(--card-radius,var(--radius));padding:var(--spacing-md,12px);margin-top:var(--spacing-md,12px)}.layout-global-warning{color:var(--destructive);font-size:var(--meta-size,12px)}.layout-edit-notice{z-index:10002;bottom:var(--spacing-xl,48px);background:var(--popover);border:var(--card-border-width,1px) solid var(--border);border-radius:var(--radius);padding:var(--spacing-md,12px);box-shadow:var(--shadow-md);position:fixed;left:50%;transform:translate(-50%)}.layout-library-grid{gap:var(--spacing-md,12px);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.layout-library .layout-library-card{text-align:left;background:var(--card);color:var(--card-foreground);padding:var(--spacing-md,12px);flex-direction:column;align-items:stretch;display:flex}.layout-library-card .layout-style-sample{box-sizing:border-box;width:100%}.layout-library-toolbar{flex-wrap:wrap}.layout-library-toolbar nav{gap:var(--spacing-sm,8px);display:flex}@media (max-width:640px){.layout-edit-toolbar{width:calc(100vw - 2 * var(--spacing-sm,8px));box-sizing:border-box;gap:var(--spacing,4px);font-size:var(--meta-size,12px)}.layout-element-editor{right:var(--spacing-sm,8px);width:calc(100vw - 2 * var(--spacing-sm,8px));box-sizing:border-box;padding:var(--spacing-md,12px)}}.layout-library{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;container:style-library/inline-size}.layout-library-toolbar{gap:var(--spacing-md,12px)}.layout-library-toolbar nav{gap:var(--spacing,4px);padding:var(--spacing,3px);background:var(--muted);border-radius:var(--button-radius,var(--radius))}.layout-library-toolbar nav button{color:var(--muted-foreground);font-size:var(--meta-size,12px);background:0 0;border:0}.layout-library-toolbar nav button[aria-current=page]{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-sm)}.layout-library .layout-add-button{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);font-size:var(--meta-size,12px)}.layout-library .layout-add-button:hover:not(:disabled){background:var(--primary);color:var(--primary-foreground);filter:brightness(1.08)}.layout-count{padding-inline:var(--spacing,4px);background:var(--muted);border-radius:var(--radius-sm,4px);color:var(--muted-foreground);font-size:10px}.layout-library-intro{align-items:center;gap:var(--spacing-sm,8px);font-size:var(--meta-size,12px);display:inline-flex}.layout-library-filter{align-items:center;gap:var(--spacing-md,12px);padding-block:var(--spacing-md,12px);margin-bottom:var(--spacing-sm,8px);border-bottom:var(--card-border-width,1px) solid var(--border);display:flex}.layout-library-filter p{color:var(--muted-foreground);font-size:var(--meta-size,12px);margin:0 auto 0 0}.imt-root .imt-theme-studio .layout-library-filter select{width:auto;max-width:150px;font-size:var(--meta-size,12px);flex-shrink:0}.layout-result-count{white-space:nowrap;font-size:var(--meta-size,12px);color:var(--muted-foreground)}.layout-library-workspace{gap:var(--spacing-lg,24px);flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.layout-library-workspace.has-editor{grid-template-columns:minmax(0,1fr) 350px}:is(.layout-library:has(>.has-editor)>.layout-library-toolbar,.layout-library:has(>.has-editor)>.layout-library-filter){margin-right:calc(350px + var(--spacing-lg,24px))}.layout-library-workspace.has-editor>.layout-library-editor{width:350px;position:absolute;top:0;bottom:0;right:0}.layout-library-catalog{min-width:0;padding:var(--spacing,4px);scrollbar-gutter:stable;overflow:auto}.layout-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));align-items:start}.layout-library .layout-library-card{border-color:var(--border);border-radius:var(--card-radius,var(--radius));padding:var(--spacing-md,12px);justify-content:flex-start;gap:0}.layout-library .layout-library-card:hover:not(:disabled){background:var(--card);color:var(--card-foreground);border-color:var(--primary)}.layout-library .layout-library-card[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:color-mix(in srgb,var(--primary) 4%,var(--card))}.layout-library-card .layout-style-sample{height:120px;padding:var(--spacing-md,12px);margin-bottom:var(--spacing-md,12px);align-items:center;display:flex}.layout-library-card .layout-style-sample>*{max-width:100%}.layout-library-card-title{justify-content:space-between;align-items:center;gap:var(--spacing-sm,8px);font-size:var(--meta-size,12px);display:flex}.layout-library-card-title svg{color:var(--muted-foreground);flex-shrink:0}.layout-library-card small{min-height:34px;font-size:11px;line-height:1.5}.layout-library .layout-library-editor{background:var(--card);outline:none;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.layout-library-editor-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm,8px);padding:var(--spacing-md,12px) var(--spacing-md,16px);border-bottom:var(--card-border-width,1px) solid var(--border);display:flex}.layout-library-editor-header small{margin:0 0 var(--spacing,4px);font-size:10px}.layout-library-editor-header h3{font-size:17px}.layout-library-editor-body{min-height:0;padding:var(--spacing-md,16px);flex:1;overflow:auto}.layout-library-editor-body>p{color:var(--muted-foreground);font-size:var(--meta-size,12px)}.layout-library-editor-body .layout-style-sample{padding:var(--spacing-md,16px);max-height:110px}.layout-library-editor-footer{border-top:var(--card-border-width,1px) solid var(--border);padding:var(--spacing-md,12px) var(--spacing-md,16px);background:var(--card)}.layout-library-editor-footer p{color:var(--muted-foreground);margin:0 0 var(--spacing-sm,8px);font-size:11px;line-height:1.5}.layout-library-editor-footer .layout-actions{justify-content:flex-end}.layout-library-editor-footer button{font-size:var(--meta-size,12px)}.layout-library-empty{padding:var(--spacing-xl,48px) var(--spacing-lg,24px);text-align:center;color:var(--muted-foreground)}.layout-library-empty>svg{margin:0 auto var(--spacing-md,12px);display:block}.layout-library-empty p{font-size:var(--meta-size,12px)}@container style-library (max-width:760px){.layout-library-workspace.has-editor{grid-template-columns:minmax(0,1fr)}.layout-library-workspace.has-editor .layout-library-catalog{display:none}:is(.layout-library:has(>.has-editor)>.layout-library-toolbar,.layout-library:has(>.has-editor)>.layout-library-filter){margin-right:0;display:none}.layout-library-workspace.has-editor>.layout-library-editor{width:auto;position:static}.layout-library-filter{gap:var(--spacing-sm,8px);flex-wrap:wrap}.layout-library-filter p{flex-basis:100%}}.layout-component-sample{gap:var(--spacing-sm,8px);flex-direction:column;width:100%;display:flex}.layout-component-sample p{margin:0}.layout-component-sample>span{align-self:flex-start}.layout-component-sample table{width:100%}.gradient-library{min-width:0}.gradient-library-heading,.gradient-stop-heading{justify-content:space-between;align-items:center;gap:var(--spacing-md,12px);margin-bottom:var(--spacing-md,16px);display:flex}.gradient-library-heading h3,.gradient-editor h3{margin:0}.gradient-library-heading p,.gradient-help{color:var(--muted-foreground);font-size:var(--meta-size,12px)}.gradient-library-workspace{gap:var(--spacing-md,16px);flex:1;grid-template-columns:1fr;min-width:0;min-height:0;display:grid}.gradient-library-workspace.has-editor{grid-template-columns:minmax(180px,1fr) minmax(300px,1.2fr)}.gradient-library-catalog{gap:var(--spacing-md,12px);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;display:grid}.gradient-library-catalog .layout-library-card{align-self:start}.gradient-library .gradient-editor{min-height:0;max-height:100%}.gradient-sample{border-radius:var(--card-radius,var(--radius));background-color:var(--card);border:3px solid #0000;min-height:90px}.gradient-sample.is-border{color:var(--card-foreground);place-items:center;display:grid}.gradient-sample.is-border span{font-size:var(--meta-size,12px)}.gradient-preview-pair{gap:var(--spacing-md,12px);grid-template-columns:1fr 1fr;display:grid}.gradient-editor{border:1px solid var(--border);border-radius:var(--card-radius,var(--radius));background:var(--card);min-width:0;max-height:min(720px,100dvh - 200px);color:var(--card-foreground);flex-direction:column;display:flex;overflow:hidden}.gradient-editor header{padding:var(--spacing-md,16px);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.gradient-editor header small{color:var(--muted-foreground)}.gradient-editor-body{padding:var(--spacing-md,16px);gap:var(--spacing-md,16px);flex-direction:column;min-height:0;display:flex;overflow:auto}.gradient-editor footer{justify-content:flex-end;gap:var(--spacing-md,12px);padding:var(--spacing-md,16px);border-top:1px solid var(--border);flex-shrink:0;display:flex}.gradient-editor footer .layout-add-button{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.gradient-setting-grid{gap:var(--spacing-md,12px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.gradient-stop{gap:var(--spacing-md,12px);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:var(--spacing-md,12px);flex-direction:column;display:flex}.gradient-stop input[type=range]{width:100%;accent-color:var(--primary)}.gradient-global-warning{font-size:var(--meta-size,12px);color:var(--destructive);margin:0}.gradient-select{align-items:center;gap:var(--spacing-sm,8px);flex:1;min-width:0;display:flex}.gradient-select select{width:100%;min-width:0}.gradient-dialog-backdrop{z-index:10001;background:color-mix(in srgb, var(--foreground) 25%, transparent);padding:var(--spacing-md,16px);place-items:center;display:grid;position:fixed;inset:0}.gradient-dialog-backdrop [role=dialog]{width:min(560px,100%)}.gradient-dialog-backdrop .gradient-editor{max-height:calc(100dvh - 180px)}.gradient-colors-tabs{margin-bottom:var(--spacing-md,16px)}@media (max-width:1100px){.gradient-library-workspace.has-editor{grid-template-columns:1fr}.gradient-library-workspace.has-editor .gradient-library-catalog{display:none}}@media (max-width:600px){.gradient-library-heading{align-items:start}.gradient-editor{max-height:calc(100dvh - 230px)}.gradient-setting-grid{grid-template-columns:1fr}}
@property --imt-gradient-bg-x{syntax:"<percentage>";inherits:false;initial-value:0%}@property --imt-gradient-border-x{syntax:"<percentage>";inherits:false;initial-value:0%}@property --imt-gradient-bg-size{syntax:"<percentage>";inherits:false;initial-value:200%}@property --imt-gradient-border-size{syntax:"<percentage>";inherits:false;initial-value:200%}@property --imt-layout-imt-gradient-bg-x{syntax:"<percentage>";inherits:false;initial-value:0%}@property --imt-layout-imt-gradient-border-x{syntax:"<percentage>";inherits:false;initial-value:0%}@property --imt-layout-imt-gradient-bg-size{syntax:"<percentage>";inherits:false;initial-value:200%}@property --imt-layout-imt-gradient-border-size{syntax:"<percentage>";inherits:false;initial-value:200%}@keyframes imt-gradient-bg-pan{0%{--imt-gradient-bg-x:0%;--imt-layout-imt-gradient-bg-x:0%}to{--imt-gradient-bg-x:100%;--imt-layout-imt-gradient-bg-x:100%}}@keyframes imt-gradient-border-pan{0%{--imt-gradient-border-x:0%;--imt-layout-imt-gradient-border-x:0%}to{--imt-gradient-border-x:100%;--imt-layout-imt-gradient-border-x:100%}}@keyframes imt-gradient-bg-pulse{0%{--imt-gradient-bg-size:150%;--imt-layout-imt-gradient-bg-size:150%}to{--imt-gradient-bg-size:250%;--imt-layout-imt-gradient-bg-size:250%}}@keyframes imt-gradient-border-pulse{0%{--imt-gradient-border-size:150%;--imt-layout-imt-gradient-border-size:150%}to{--imt-gradient-border-size:250%;--imt-layout-imt-gradient-border-size:250%}}@media (prefers-reduced-motion:reduce){*{--imt-gradient-bg-x:0%!important;--imt-gradient-border-x:0%!important;--imt-gradient-bg-size:200%!important;--imt-gradient-border-size:200%!important;--imt-layout-imt-gradient-bg-x:0%!important;--imt-layout-imt-gradient-border-x:0%!important;--imt-layout-imt-gradient-bg-size:200%!important;--imt-layout-imt-gradient-border-size:200%!important}}