.locked-ui{--lu-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Noto Sans JP","Malgun Gothic","Apple SD Gothic Neo",sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-family:var(--lu-font);color:var(--color-base-content);gap:24px;width:100%;min-width:0;max-width:68rem;margin:0 auto;font-size:1rem;line-height:1.5;display:grid}.locked-ui *{box-sizing:border-box;min-width:0;text-shadow:none;text-transform:none;letter-spacing:0;margin:0;font-style:normal}.locked-ui [hidden]{display:none!important}.locked-ui :is(h2,p,dl,dd){margin:0}.locked-ui .lu-card{border:1px solid var(--color-base-300);border-top:4px solid var(--color-primary);border-radius:var(--radius-box);background:var(--color-base-100);box-shadow:none;padding:24px}.locked-ui h2{font:600 1.25rem/1.75rem var(--lu-font)}.locked-ui .lu-header{grid-template-columns:minmax(0,1fr) 128px;align-items:start;gap:12px;display:grid}.locked-ui .lu-private{white-space:nowrap;font:400 .75rem/1.125rem var(--lu-font);color:color-mix(in oklab,var(--color-base-content) 70%,var(--color-base-100));grid-column:1/-1;justify-self:end}.locked-ui .lu-fields{gap:16px;margin-top:20px;display:grid}.locked-ui .lu-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:12px;display:grid}.locked-ui .lu-field{grid-row:span 3;grid-template-rows:subgrid;gap:8px;display:grid}.locked-ui label,.locked-ui dt,.locked-ui .lu-main-value>span{font:600 .875rem/1.25rem var(--lu-font)}.locked-ui :is(input,select,textarea){appearance:auto;border:1px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-100);width:100%;height:44px;color:var(--color-base-content);font:400 1rem/1.5rem var(--lu-font);box-shadow:none;padding:0 12px}.locked-ui textarea{resize:vertical;height:auto;min-height:120px;padding-block:12px}.locked-ui :is(input,textarea)::placeholder{color:color-mix(in oklab,var(--color-base-content) 70%,var(--color-base-100))}.locked-ui :is(.lu-help,.lu-empty,.lu-note){font:400 .875rem/1.25rem var(--lu-font);color:color-mix(in oklab,var(--color-base-content) 70%,var(--color-base-100));overflow-wrap:anywhere}.locked-ui .lu-error{color:var(--color-error);font:400 .875rem/1.25rem var(--lu-font)}.locked-ui .lu-form-error{margin-top:16px}.locked-ui .lu-button{border:1px solid var(--color-primary);border-radius:var(--radius-field);width:256px;max-width:100%;height:44px;min-height:44px;font:600 .875rem/1.25rem var(--lu-font);letter-spacing:0;text-transform:none;background:var(--color-primary);color:var(--color-primary-content);box-shadow:none;cursor:pointer;background-image:none;justify-content:center;align-items:center;margin-inline:auto;padding:0 16px;transition:none;display:flex;transform:none}.locked-ui .lu-primary:not(:disabled):hover{background:color-mix(in oklab,var(--color-primary) 90%,black);border-color:color-mix(in oklab,var(--color-primary) 90%,black)}.locked-ui .lu-primary:not(:disabled):active{background:color-mix(in oklab,var(--color-primary) 85%,black);border-color:color-mix(in oklab,var(--color-primary) 85%,black)}.locked-ui .lu-clear{background:var(--color-base-100);border-color:var(--color-base-300);width:128px;color:var(--color-base-content);justify-self:end;margin:0}.locked-ui[data-actions-below-privacy] .lu-header{grid-template-columns:minmax(0,1fr) auto}.locked-ui[data-actions-below-privacy] .lu-header h2{grid-area:1/1}.locked-ui[data-actions-below-privacy] .lu-private{grid-area:1/2}.locked-ui[data-actions-below-privacy] .lu-clear{grid-area:2/2}@media (width<=639px){.locked-ui[data-actions-below-privacy] .lu-header{grid-template-columns:minmax(0,1fr)}.locked-ui[data-actions-below-privacy] .lu-header h2{grid-area:1/1}.locked-ui[data-actions-below-privacy] .lu-private{grid-area:2/1}.locked-ui[data-actions-below-privacy] .lu-clear{grid-area:3/1}}.locked-ui .lu-clear:not(:disabled):hover{background:var(--color-base-200)}.locked-ui .lu-clear:not(:disabled):active{background:var(--color-base-300)}.locked-ui .lu-button:disabled{opacity:.5;cursor:default}.locked-ui :is(.lu-button,input,select,textarea):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.locked-ui .lu-calculate{margin-top:20px}.locked-ui .lu-result{background:color-mix(in oklab,var(--color-primary) 10%,var(--color-base-100));border-color:color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300));border-top-color:var(--color-primary)}.locked-ui .lu-output{margin-top:20px}.locked-ui .lu-value{border:1px solid color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300));border-radius:var(--radius-box);background:color-mix(in oklab,var(--color-primary) 16%,var(--color-base-100));overflow-wrap:anywhere;padding:16px}.locked-ui .lu-main-value{gap:8px;display:grid}.locked-ui .lu-main-value strong{font:600 2rem/2.5rem var(--lu-font);font-variant-numeric:tabular-nums}.locked-ui .lu-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.locked-ui .lu-values .lu-value{grid-row:span 2;grid-template-rows:subgrid;gap:8px;display:grid}.locked-ui dd{font:600 1.25rem/1.75rem var(--lu-font);font-variant-numeric:tabular-nums}.locked-ui .lu-note{margin-top:12px}.locked-ui .lu-copy{margin-top:20px}.locked-ui .lu-copy-status{min-height:20px;font:400 .875rem/1.25rem var(--lu-font);margin-top:8px}@media (width<=767px){.locked-ui .lu-values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.locked-ui .lu-card{padding:16px}}@media (width<=479px){.locked-ui .lu-values{grid-template-columns:minmax(0,1fr)}}.locked-ui .lu-select{height:44px;display:block;position:relative}.locked-ui .lu-select select{appearance:none;padding-right:40px}.locked-ui .lu-select svg{pointer-events:none;width:16px;height:16px;position:absolute;top:14px;right:12px}.locked-ui [aria-invalid=true]{border-color:var(--color-error)}.locked-ui input{text-align:left;font-variant-numeric:tabular-nums}.locked-ui input::placeholder,.locked-ui textarea::placeholder{opacity:1}.locked-ui .lu-values:has(>:only-child){grid-template-columns:minmax(0,1fr)}@media (width>=768px){.locked-ui .lu-values:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}.locked-ui .lu-primary>span{width:100%;line-height:20px;display:block}.locked-ui.lu-two-lines :is(.lu-calculate,.lu-copy){height:56px;min-height:56px}