.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}.maker-intro{max-width:68rem;margin:0 auto 24px}.maker-intro h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.maker-intro p{max-width:48rem;line-height:1.65}.v-maker .v-section{gap:16px;margin-top:24px;display:grid}.v-maker h3{font:600 1rem/1.5 var(--lu-font)}.v-maker .v-row-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.v-maker .v-player,.v-maker .v-color{border:1px solid var(--color-base-300);border-radius:8px;gap:12px;padding:16px;display:grid}.v-maker .v-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.v-maker .v-actions .lu-clear{justify-self:auto;width:256px;margin:0}.v-maker .v-icon{flex:0 0 44px;width:44px;padding:0}.v-maker .v-icon svg{pointer-events:none;flex:none;display:block}.v-maker .v-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.v-maker .v-controls .lu-clear{margin:0}.v-maker .v-example{color:#727781}.v-maker .v-page{background:#fff;border:1px solid #bcc7cd;width:100%;max-width:720px;height:auto;margin:0 auto;display:block}.v-maker .v-pages{gap:24px;margin-top:20px;display:grid}.v-maker .v-output-actions .lu-button{width:256px;margin:0}.v-maker .v-output-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.v-maker .v-count{text-align:center;margin-top:12px}.v-maker .v-file-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px;margin-bottom:8px;display:grid}.v-maker .v-file-row input[type=file]{height:32px;font:12px/32px var(--lu-font);border:0;border-radius:0;padding:0}.v-maker input[type=file]::file-selector-button{color:#242b29;background:#ededed;border:1px solid #c6c6c6;border-radius:4px;height:32px;margin-right:8px;padding:0 12px;font:500 12px/30px system-ui}.v-maker .v-remove-file{border-radius:4px;flex-basis:32px;width:32px;height:32px;min-height:32px;padding:0;font-size:12px}.v-maker .v-logo{object-fit:contain;max-width:220px;max-height:120px}.v-maker .v-swatch{border:1px solid var(--color-base-300);border-radius:8px;width:44px;height:44px;display:block}.v-maker .v-empty{padding:24px 0}.v-maker .v-status{min-height:20px;margin-top:12px}.v-maker details{margin-top:16px}.v-maker summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:600}.v-maker .v-accessible{white-space:pre-wrap;overflow-wrap:anywhere;font:400 1rem/1.5 var(--lu-font);margin-top:12px}.tool-guide{max-width:48rem;margin:40px auto;line-height:1.75}.tool-guide h2{margin-top:28px;font-size:1.35rem;font-weight:650}.tool-guide p{margin-top:12px}.tool-guide h3{margin-top:20px;font-size:1.05rem;font-weight:650}.v-maker .v-draft{margin-top:24px}.locked-ui.v-maker .v-file-row .v-remove-file{grid-area:1/2}@media (width<=639px){.v-maker .v-player,.v-maker .v-color{padding:12px}.v-maker .v-row-heading{align-items:flex-start}}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body>header,body>footer,astro-dev-toolbar,.no-print,.maker-intro,.tool-guide,.v-maker .v-input,.v-maker .v-result>:not(.v-pages){display:none!important}body>#main-content,astro-island,.v-maker,.v-maker .v-result,.v-maker .v-pages{width:auto!important;max-width:none!important;height:auto!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.v-maker .v-page{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-after:page!important;border:0!important;max-width:none!important;margin:0!important;display:block!important}.v-maker .v-page:last-child{break-after:auto!important}.no-print,header,footer,nav,.maker-intro,.tool-guide{display:none!important}}.bg-maker .bg-templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.locked-ui.bg-maker .bg-template{grid-area:auto;justify-items:center;gap:8px;width:100%;height:auto;min-height:116px;margin:0;padding:12px;display:grid}.bg-maker .bg-template[aria-pressed=true]{border:2px solid var(--color-primary);background:color-mix(in oklab,var(--color-primary) 10%,white)}.bg-template-art{text-align:left;background:#f1f4f2;width:100%;height:64px;display:block;position:relative;overflow:hidden}.bg-template-art b{color:#172a37;font-size:28px;position:absolute;top:14px;left:16px}.bg-template-art i{background:#245c55;height:6px;display:block}.bg-template-art em{background:#e8c96a;width:25%;height:10px;position:absolute;bottom:8px;right:12px}.bg-template-editorial{background:#fff;border-left:5px solid #245c55}.bg-template-editorial i{display:none}.bg-template-editorial b{font-family:Georgia,serif}.bg-template-bold{background:#245c55}.bg-template-bold b{color:#fff}.bg-template-bold em{width:16px;height:64px;top:0;right:0}.bg-workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.bg-maker .bg-result{order:-1}.bg-maker .bg-page-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.bg-maker .bg-page-nav button{margin:0}.bg-maker .bg-page[data-current=false]{display:none}.bg-maker .bg-font-sample{border:1px solid var(--color-base-300);border-radius:8px;padding:12px;font-size:28px;line-height:1.4}.bg-maker .bg-picker{cursor:pointer;width:44px;height:44px;padding:4px}.bg-maker .bg-guidance{margin-top:24px}.bg-maker .bg-result .v-output-actions{gap:12px}.bg-maker .bg-result .v-pages{gap:0}.bg-maker .v-section .v-actions{margin-top:0}.bg-maker .bg-color{padding:12px}.bg-maker .bg-color .lu-row{grid-template-columns:minmax(0,1fr)}@media (width>=960px){.bg-workspace{grid-template-columns:minmax(0,400px) minmax(0,1fr)}.bg-maker .bg-result{order:0;position:sticky;top:16px}.bg-maker .bg-result .v-page{object-fit:contain;width:auto;max-width:100%;max-height:52vh}}@media (width<=959px){.bg-maker .bg-result .v-page{object-fit:contain;width:auto;max-width:100%;max-height:40vh}.bg-maker .bg-result .v-output-actions{margin-top:16px}}@media print{.bg-workspace{display:block!important}.bg-maker .bg-result{position:static!important}.bg-maker .bg-page[data-current=false]{display:block!important}.bg-maker .bg-result .v-page{object-fit:contain!important;max-height:none!important}}.locked-ui.bg-maker .bg-template{grid-template-columns:minmax(0,1fr)}@media (width<=639px){.bg-template-art b{font-size:24px;left:8px}.bg-template-art em{width:12px}}