/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:where(.app-parts),:where(.app-parts) *,:where(.app-parts) :before,:where(.app-parts) :after,:where(.app-parts) ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:where(.app-parts),:where(.app-parts){--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{:where(.app-parts),:where(.app-parts) *,:where(.app-parts) :after,:where(.app-parts) :before,:where(.app-parts) ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where(.app-parts) ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where(.app-parts),:where(.app-parts){-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}:where(.app-parts) hr{height:0;color:inherit;border-top-width:1px}:where(.app-parts) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(.app-parts) h1,:where(.app-parts) h2,:where(.app-parts) h3,:where(.app-parts) h4,:where(.app-parts) h5,:where(.app-parts) h6{font-size:inherit;font-weight:inherit}:where(.app-parts) a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(.app-parts) b,:where(.app-parts) strong{font-weight:bolder}:where(.app-parts) code,:where(.app-parts) kbd,:where(.app-parts) samp,:where(.app-parts) pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}:where(.app-parts) small{font-size:80%}:where(.app-parts) sub,:where(.app-parts) sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where(.app-parts) sub{bottom:-.25em}:where(.app-parts) sup{top:-.5em}:where(.app-parts) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where(.app-parts) :-moz-focusring:where(:not(iframe)){outline:auto}:where(.app-parts) progress{vertical-align:baseline}:where(.app-parts) summary{display:list-item}:where(.app-parts) ol,:where(.app-parts) ul,:where(.app-parts) menu{list-style:none}:where(.app-parts) img,:where(.app-parts) svg,:where(.app-parts) video,:where(.app-parts) canvas,:where(.app-parts) audio,:where(.app-parts) iframe,:where(.app-parts) embed,:where(.app-parts) object{vertical-align:middle;display:block}:where(.app-parts) img,:where(.app-parts) video{max-width:100%;height:auto}:where(.app-parts) button,:where(.app-parts) input,:where(.app-parts) select,:where(.app-parts) optgroup,:where(.app-parts) textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(.app-parts) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(.app-parts) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(.app-parts) :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:where(.app-parts) ::file-selector-button{margin-inline-end:4px}:where(.app-parts) ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){:where(.app-parts) ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){:where(.app-parts) ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}:where(.app-parts) textarea{resize:vertical}:where(.app-parts) ::-webkit-search-decoration{-webkit-appearance:none}:where(.app-parts) ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:where(.app-parts) ::-webkit-datetime-edit{display:inline-flex}:where(.app-parts) ::-webkit-datetime-edit-fields-wrapper{padding:0}:where(.app-parts) ::-webkit-datetime-edit{padding-block:0}:where(.app-parts) ::-webkit-datetime-edit-year-field{padding-block:0}:where(.app-parts) ::-webkit-datetime-edit-month-field{padding-block:0}:where(.app-parts) ::-webkit-datetime-edit-day-field{padding-block:0}:where(.app-parts) ::-webkit-datetime-edit-hour-field{padding-block:0}:where(.app-parts) ::-webkit-datetime-edit-minute-field{padding-block:0}:where(.app-parts) ::-webkit-datetime-edit-second-field{padding-block:0}:where(.app-parts) ::-webkit-datetime-edit-millisecond-field{padding-block:0}:where(.app-parts) ::-webkit-datetime-edit-meridiem-field{padding-block:0}:where(.app-parts) ::-webkit-calendar-picker-indicator{line-height:1}:where(.app-parts) :-moz-ui-invalid{box-shadow:none}:where(.app-parts) button,:where(.app-parts) input:where([type=button],[type=reset],[type=submit]){appearance:button}:where(.app-parts) ::file-selector-button{appearance:button}:where(.app-parts) ::-webkit-inner-spin-button{height:auto}:where(.app-parts) ::-webkit-outer-spin-button{height:auto}:where(.app-parts) [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{:where(.app-parts) .visible{visibility:visible}:where(.app-parts) .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.app-parts) .fixed{position:fixed}:where(.app-parts) .relative{position:relative}:where(.app-parts) .static{position:static}:where(.app-parts) .container{width:100%}@media (width>=40rem){:where(.app-parts) .container{max-width:40rem}}@media (width>=48rem){:where(.app-parts) .container{max-width:48rem}}@media (width>=64rem){:where(.app-parts) .container{max-width:64rem}}@media (width>=80rem){:where(.app-parts) .container{max-width:80rem}}@media (width>=96rem){:where(.app-parts) .container{max-width:96rem}}:where(.app-parts) .block{display:block}:where(.app-parts) .contents{display:contents}:where(.app-parts) .flex{display:flex}:where(.app-parts) .grid{display:grid}:where(.app-parts) .hidden{display:none}:where(.app-parts) .inline{display:inline}:where(.app-parts) .inline-flex{display:inline-flex}:where(.app-parts) .table{display:table}:where(.app-parts) .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:where(.app-parts) .resize{resize:both}:where(.app-parts) .border{border-style:var(--tw-border-style);border-width:1px}:where(.app-parts) .text-wrap{text-wrap:wrap}:where(.app-parts) .lowercase{text-transform:lowercase}:where(.app-parts) .uppercase{text-transform:uppercase}:where(.app-parts) .italic{font-style:italic}:where(.app-parts) .underline{text-decoration-line:underline}:where(.app-parts) .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.app-parts) .filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:where(.app-parts) .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:where(.app-parts) button{transition:background .15s,border-color .15s,color .15s}:where(.app-parts) h2,:where(.app-parts) h3,:where(.app-parts) h4,:where(.app-parts) p{overflow-wrap:anywhere}:where(.app-parts) h2{margin:0;font-size:17px;font-weight:750;line-height:1.5}:where(.app-parts) h3{font-size:15px}:where(.app-parts) button svg{flex-shrink:0}:where(.app-parts) .primary{white-space:nowrap;justify-content:center;align-items:center;gap:9px;display:inline-flex}:where(.app-parts) .hero{padding-top:36px;padding-bottom:36px}:where(.app-parts) .hero>p{margin:12px 0}:where(.app-parts) .hero .eyebrow{margin:0 0 12px}:where(.app-parts) .search-form{margin-top:25px}:where(.app-parts) .search-symbol{color:#69817b;align-self:center;margin-left:12px}:where(.app-parts) .search-form input{padding-left:2px}:where(.app-parts) .mobile-break{display:none}:where(.app-parts) .quick-links{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}:where(.app-parts) .quick-links button{color:#38564e;background:#eaf0ee;border-radius:20px;padding:4px 11px;font-size:12px}:where(.app-parts) .quick-links .manual-link{text-underline-offset:4px;background:0 0;border-radius:0;margin-left:8px;padding:4px 0;text-decoration:underline}:where(.app-parts) .recent-apps{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:12px;display:flex}:where(.app-parts) .recent-apps>span{margin-right:6px}:where(.app-parts) .recent-apps button{border:1px solid var(--line);max-width:180px;color:var(--ink);background:#fff;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;display:flex}:where(.app-parts) .recent-apps button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.app-parts) .recent-apps img{object-fit:cover;border-radius:5px;flex-shrink:0}:where(.app-parts) .recent-letter{background:var(--accent-light);border-radius:5px;place-items:center;width:22px;height:22px;display:grid}:where(.app-parts) .workspace{outline:none;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:28px;max-width:1200px;margin:0 auto;padding:0 24px;scroll-margin-top:24px;display:grid}:where(.app-parts) .editor-column,:where(.app-parts) .output-column{min-width:0}:where(.app-parts) .editor-column{border:1px solid var(--line);background:#fff;border-radius:16px;align-self:start;padding:24px}:where(.app-parts) .editor-column>section+section{border-top:1px solid #edf1f0;margin-top:25px;padding-top:25px}:where(.app-parts) .output-column{flex-direction:column;gap:20px;display:flex}@media (width>=801px){:where(.app-parts) .output-column{align-self:start;position:sticky;top:20px}}:where(.app-parts) .section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}:where(.app-parts) .section-heading h2{align-items:center;gap:9px;display:flex}:where(.app-parts) .step{background:var(--accent-light);width:27px;height:27px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font:700 12px Arial;display:inline-flex}:where(.app-parts) .muted{color:var(--muted)}:where(.app-parts) .small{font-size:12px}:where(.app-parts) .start-guide{align-items:flex-start;gap:12px;padding:0 0 6px;display:flex}:where(.app-parts) .start-guide h2{margin-top:2px;font-size:15px}:where(.app-parts) .start-guide p{color:var(--muted);margin:7px 0 0;font-size:12px}:where(.app-parts) .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}:where(.app-parts) .template-choice{text-align:left;min-width:0;color:var(--ink);background:#fff;border:1.5px solid #e1e8e5;border-radius:9px;flex-direction:column;padding:0 0 8px;display:flex;overflow:hidden}:where(.app-parts) .template-choice:hover{border-color:#83afa6}:where(.app-parts) .template-choice.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}:where(.app-parts) .template-art{background:#f5f8f7;justify-content:center;align-items:center;width:100%;height:102px;padding:10px;display:flex;position:relative}:where(.app-parts) .template-choice.selected .template-art{background:#edf7f3}:where(.app-parts) .template-name{flex-wrap:wrap;align-items:center;gap:4px;padding:8px 9px 0;font:700 13px Arial;display:flex}:where(.app-parts) .template-hint{color:var(--muted);padding:4px 9px 0;font-size:11px}:where(.app-parts) .recommended{font:600 9px var(--font-sans);color:var(--accent)}:where(.app-parts) .template-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:6px;right:6px}:where(.app-parts) .mini-preview{background:#fff;border:1px solid #e0e6e8;border-radius:5px;width:116px;max-width:100%;padding:10px}:where(.app-parts) .mini-top{align-items:center;gap:7px;display:flex}:where(.app-parts) .mini-icon{color:#fff;background:#2d8c83;border-radius:6px;flex-shrink:0;place-items:center;width:23px;height:23px;font:700 21px/1 Arial;display:grid}:where(.app-parts) .mini-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}:where(.app-parts) .mini-text i{background:#83918e;border-radius:3px;width:95%;height:3px}:where(.app-parts) .mini-text i:nth-child(2){background:#c8d2cf;width:72%}:where(.app-parts) .mini-text i:nth-child(3){background:#dce5e1;width:52%}:where(.app-parts) .mini-buttons{gap:4px;margin-top:9px;display:flex}:where(.app-parts) .mini-buttons i{background:#263a3d;border-radius:3px;flex:1;height:10px;display:block}:where(.app-parts) .mini-description{background:#d0dcd8;height:3px;margin-top:7px;display:block}:where(.app-parts) .mini-minimal{background:0 0;border:0;padding-left:2px;padding-right:2px}:where(.app-parts) .mini-minimal .mini-buttons i{background:#fff;border:1px solid #aebfba}:where(.app-parts) .mini-compact{align-items:center;gap:5px;padding:6px;display:flex}:where(.app-parts) .mini-compact .mini-top{flex:1;gap:4px;min-width:0}:where(.app-parts) .mini-compact .mini-icon{border-radius:4px;width:15px;height:15px;font-size:14px}:where(.app-parts) .mini-compact .mini-text{gap:3px}:where(.app-parts) .mini-compact .mini-text i{height:2px}:where(.app-parts) .mini-compact .mini-buttons{gap:2px;width:34px;margin:0}:where(.app-parts) .mini-compact .mini-buttons i{border-radius:2px;height:11px}:where(.app-parts) .mini-card{width:76px;padding:6px;box-shadow:0 3px 9px #17372912}:where(.app-parts) .mini-card .mini-top{flex-direction:column;gap:4px}:where(.app-parts) .mini-card .mini-text{align-items:center;gap:2px;width:80%}:where(.app-parts) .mini-card .mini-text i{height:2px}:where(.app-parts) .mini-card .mini-text i:nth-child(3){display:none}:where(.app-parts) .mini-card .mini-buttons{flex-direction:column;gap:3px;margin-top:5px}:where(.app-parts) .mini-card .mini-buttons i{flex:auto;height:6px}:where(.app-parts) .mini-card .mini-description{height:2px;margin-top:4px}:where(.app-parts) .mini-cta{background:#f0f7ff;border-color:#d6e7f7}:where(.app-parts) .mini-cta .mini-buttons{flex-direction:column;margin-top:5px}:where(.app-parts) .mini-cta .mini-buttons i{flex:auto;height:8px}:where(.app-parts) .mini-cta .mini-buttons i:last-child{background:#2778cb}:where(.app-parts) .mini-store .mini-icon{width:25px;height:25px}:where(.app-parts) .mini-store .mini-buttons{margin-top:6px}:where(.app-parts) .mini-store .mini-description{height:5px}:where(.app-parts) .disclosure{border-top:1px solid var(--line);margin-top:20px}:where(.app-parts) .disclosure summary{cursor:pointer;color:var(--muted);padding:17px 0 0;font-size:13px}:where(.app-parts) .disclosure summary::marker{color:var(--muted)}:where(.app-parts) .style-editor summary{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:14px;list-style:none;display:flex}:where(.app-parts) .style-editor summary:after{content:"＋";color:var(--muted)}:where(.app-parts) .style-editor[open] summary:after{content:"−"}:where(.app-parts) .style-editor summary>span{align-items:center;gap:7px;display:flex}:where(.app-parts) .style-editor summary>small{color:var(--muted);margin-left:auto;font-size:11px}:where(.app-parts) .details-body{flex-direction:column;gap:15px;padding-top:16px;display:flex}:where(.app-parts) .details-body label,:where(.app-parts) .field-grid label{color:#405d55;flex-direction:column;gap:6px;font-size:12px;display:flex}:where(.app-parts) .details-body input,:where(.app-parts) .details-body textarea,:where(.app-parts) .details-body select,:where(.app-parts) .field-grid input{width:100%;font-size:14px}:where(.app-parts) .local-note{text-align:center;color:var(--muted);margin-top:20px;font-size:11px}:where(.app-parts) .preview-panel{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}:where(.app-parts) .preview-heading{justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}:where(.app-parts) .device-toggle{background:#f0f4f2;border-radius:7px;gap:3px;padding:3px;display:flex}:where(.app-parts) .device-toggle button{color:var(--muted);background:0 0;border-radius:5px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;display:flex}:where(.app-parts) .device-toggle button[aria-pressed=true]{color:var(--accent);background:#fff;box-shadow:0 1px 3px #163e3515}:where(.app-parts) .preview-canvas{background-color:#eef3f1;background-image:radial-gradient(#c8d5d0 .6px,#0000 .6px);background-size:12px 12px;justify-content:center;align-items:center;min-height:230px;padding:15px 12px;display:flex}:where(.app-parts) .preview-frame-wrap{min-width:0;position:relative}:where(.app-parts) .preview-frame-wrap iframe{transform-origin:0 0;border:0;max-width:none;display:block}:where(.app-parts) .preview-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 15px;font-size:10px;display:flex}:where(.app-parts) .preview-empty{width:100%;padding:8px}:where(.app-parts) .preview-empty>p{text-align:center;color:#556c65;margin:15px 0 0;font-size:11px}:where(.app-parts) .empty-part{color:#677c74;background:#ffffffd9;border:1px dashed #b8cac3;border-radius:11px;flex-wrap:wrap;align-items:center;gap:12px;max-width:360px;margin:auto;padding:19px;display:flex}:where(.app-parts) .empty-part-icon{color:#81978c;background:#dbe8e2;border-radius:12px;place-items:center;width:48px;height:48px;font:700 43px Arial;display:grid}:where(.app-parts) .empty-part>div:not(.empty-part-buttons){flex:1;min-width:0}:where(.app-parts) .empty-part strong{font-size:13px}:where(.app-parts) .empty-part p{margin:4px 0;font-size:10px}:where(.app-parts) .empty-part-buttons{gap:8px;width:100%;display:flex}:where(.app-parts) .empty-part-buttons span{color:#405e52;text-align:center;background:#e6eeea;border-radius:5px;flex:1;padding:7px 8px;font-size:11px}:where(.app-parts) .code-panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:21px 22px}:where(.app-parts) .code-panel h2{font-size:16px}:where(.app-parts) .code-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}:where(.app-parts) .code-modes button{text-align:center;color:var(--muted);background:#fff;border:1px solid #dde6e2;border-radius:8px;padding:9px 5px;font-size:12px;font-weight:600}:where(.app-parts) .code-modes button[aria-pressed=true]{color:var(--accent);background:#edf7f3;border-color:#8fbbb0}:where(.app-parts) .code-modes span{margin-top:2px;font-size:10px;font-weight:400;display:block}:where(.app-parts) .code-box{resize:vertical;color:#526961;background:#f7f9f8;border:1px solid #dce6e1;border-radius:8px;width:100%;height:95px;min-height:70px;margin:12px 0;padding:12px;font:11px/1.5 Consolas,monospace;display:block}:where(.app-parts) .copy-button{width:100%;min-height:46px;font-size:14px}:where(.app-parts) .copy-button:disabled{color:#284e42;opacity:1;cursor:not-allowed;background:#b8c9c3}:where(.app-parts) .copy-help{text-align:center;color:var(--muted);margin:9px 0 0;font-size:10px}:where(.app-parts) .split-controls{gap:8px;margin-top:10px;display:flex}:where(.app-parts) .split-controls button{color:var(--muted);background:#f1f5f3;border-radius:5px;padding:4px 16px;font-size:12px}:where(.app-parts) .split-controls button.active{color:var(--accent);background:#e1f0ea}:where(.app-parts) .results{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:1152px;margin:0 auto 25px;padding:22px}:where(.app-parts) .count{color:var(--muted);font-size:12px;font-weight:400}:where(.app-parts) .store-results{grid-template-columns:1fr 1fr;gap:24px;display:grid}:where(.app-parts) .store-heading{border-bottom:1px solid #e8eeeb;align-items:center;gap:8px;margin:5px 0 12px;padding-bottom:10px;display:flex}:where(.app-parts) .store-heading span{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:10px;font-weight:400}:where(.app-parts) .candidate-list{scrollbar-width:thin;gap:10px;max-height:390px;padding:2px;display:grid;overflow:auto}:where(.app-parts) .candidate{border:1px solid #e3eae6;border-radius:9px;align-items:flex-start;gap:12px;padding:12px;display:flex}:where(.app-parts) .candidate img,:where(.app-parts) .selected-app img{object-fit:cover;border-radius:12px;flex-shrink:0}:where(.app-parts) .candidate-icon{background:var(--accent-light);width:48px;height:48px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;font-weight:700;display:grid}:where(.app-parts) .candidate-body{flex:1;min-width:0}:where(.app-parts) .candidate h4{margin:0;font-size:13px;font-weight:700}:where(.app-parts) .candidate p{color:var(--muted);margin:3px 0;font-size:11px}:where(.app-parts) .candidate-meta{color:var(--muted);flex-wrap:wrap;gap:9px;font-size:11px;display:flex}:where(.app-parts) .candidate-meta a{margin-left:auto}:where(.app-parts) .select-app{text-align:center;background:var(--accent-light);width:100%;color:var(--accent);border-radius:5px;margin-top:10px;padding:6px;font-size:12px;font-weight:600;display:block}:where(.app-parts) .select-app:hover{background:#d8ede6}:where(.app-parts) .results-return{max-width:1200px;margin:auto;padding:0 24px 12px}:where(.app-parts) .text-button{color:var(--accent);text-underline-offset:4px;background:0 0;padding:3px 0;font-size:12px;text-decoration:underline}:where(.app-parts) .notice{color:#785415;background:#fff7e8;border:1px solid #eeddb5;border-radius:8px;margin:10px 0;padding:12px 14px;font-size:13px;line-height:1.7}:where(.app-parts) .page-notice{max-width:1152px;margin:0 auto 20px}:where(.app-parts) .page-notice button{margin-top:6px;display:block}:where(.app-parts) .error{color:#a23027;background:#fff1ef;border-color:#f0c4bd}:where(.app-parts) .empty-text{text-align:center;color:var(--muted);padding:20px;font-size:14px}:where(.app-parts) .loading-results{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}:where(.app-parts) .spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}:where(.app-parts) .selected-app{background:#f5f8f6;border-radius:9px;align-items:center;gap:12px;margin-bottom:18px;padding:12px;display:flex}:where(.app-parts) .selected-app>div{flex:1;min-width:0}:where(.app-parts) .selected-app strong{overflow-wrap:anywhere;font-size:13px;line-height:1.5;display:block}:where(.app-parts) .selected-app p{color:var(--muted);margin:4px 0 0;font-size:11px}:where(.app-parts) .pair-label{color:#275b4b;white-space:nowrap;background:#e0eee8;border-radius:4px;padding:3px 6px;font-size:10px}:where(.app-parts) .saved-label{color:var(--muted);font-size:11px}:where(.app-parts) .field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}:where(.app-parts) .store-edit{flex-direction:column;gap:10px;display:flex}:where(.app-parts) .field-error{color:#b03028;margin:3px 0 8px;font-size:12px}:where(.app-parts) .pair-notice p{margin:0 0 8px}:where(.app-parts) .secondary{color:var(--accent);background:#fff;border:1px solid #b7cfc5;border-radius:6px;padding:6px 10px;font-size:12px}:where(.app-parts) fieldset{border:0;border-bottom:1px solid #e5ece8;min-width:0;margin:0;padding:0 0 15px}:where(.app-parts) legend{margin-bottom:10px;font-size:13px;font-weight:700}:where(.app-parts) .color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}:where(.app-parts) .details-body .color-label>span{flex-wrap:wrap;align-items:center;gap:5px;display:flex}:where(.app-parts) .details-body .color-label input{width:40px;height:32px}:where(.app-parts) .color-label small{font-size:10px}:where(.app-parts) .details-body .toggle-label{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}:where(.app-parts) .details-body .toggle-label input{flex-shrink:0;width:18px;height:18px}:where(.app-parts) .toggle-grid{grid-template-columns:1fr 1fr;gap:0 22px;margin-top:6px;display:grid}:where(.app-parts) .details-body .range-label{grid-template-columns:1fr auto;gap:3px;margin-top:7px;display:grid}:where(.app-parts) .range-label output{color:var(--muted);font-size:11px}:where(.app-parts) .range-label input{accent-color:var(--accent);grid-column:1/-1;height:25px;padding:0}:where(.app-parts) .bottom-note{text-align:center;color:var(--muted);margin:48px auto 0;padding:10px 20px}:where(.app-parts) .bottom-note>span{color:var(--accent);letter-spacing:1px;font-size:11px}:where(.app-parts) .bottom-note p{color:#405e52;margin:7px 0;font-size:18px;font-weight:650}:where(.app-parts) .bottom-note small{font-size:11px}:where(.app-parts) .site-footer{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:25px 32px;font-size:10px;display:flex}:where(.app-parts) .site-footer p{margin:0}:where(.app-parts) .footer-brand{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:700}:where(.app-parts) .footer-brand small{color:var(--muted);margin-left:4px;font-size:10px;font-weight:400}:where(.app-parts) .skip-link{z-index:50;background:#fff;padding:8px 14px;position:absolute;top:-80px;left:16px}:where(.app-parts) .skip-link:focus{top:10px}:where(.app-parts) .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1440px){:where(.app-parts) .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);max-width:1320px}:where(.app-parts) .results{max-width:1272px}}@media (width<=1000px){:where(.app-parts) .workspace{gap:18px;padding:0 20px}:where(.app-parts) .editor-column{padding:18px}:where(.app-parts) .template-grid{gap:8px}:where(.app-parts) .template-art{height:94px;padding:8px}:where(.app-parts) .template-name{font-size:12px}:where(.app-parts) .recommended{display:none}:where(.app-parts) .results{margin-left:20px;margin-right:20px}:where(.app-parts) .pair-label{display:none}:where(.app-parts) .field-grid{grid-template-columns:1fr}:where(.app-parts) .page-notice{margin-left:20px;margin-right:20px}}@media (width<=800px){:where(.app-parts) .workspace{grid-template-columns:1fr;max-width:680px}:where(.app-parts) .template-art{height:115px}:where(.app-parts) .mini-preview{width:125px}:where(.app-parts) .mini-card{width:85px}:where(.app-parts) .field-grid{grid-template-columns:1fr 1fr}:where(.app-parts) .preview-panel{margin-top:2px}:where(.app-parts) .preview-canvas{min-height:230px}:where(.app-parts) .store-results{grid-template-columns:1fr}:where(.app-parts) .candidate-list{max-height:330px}:where(.app-parts) .site-footer{text-align:center;flex-wrap:wrap;justify-content:center}:where(.app-parts) .site-footer p{order:3;width:100%}:where(.app-parts) .results>.section-heading{flex-wrap:wrap}}@media (width<=600px){:where(.app-parts) .hero h1 span{white-space:nowrap;display:block}:where(.app-parts) .hero{padding-top:25px;padding-bottom:25px}:where(.app-parts) .search-symbol{display:none}:where(.app-parts) .search-form{flex-wrap:wrap;margin-top:20px}:where(.app-parts) .search-form input{flex-basis:100%;padding:10px}:where(.app-parts) .search-form button{width:100%;min-height:44px}:where(.app-parts) .hero .helper{font-size:11px}:where(.app-parts) .mobile-break{display:block}:where(.app-parts) .hero>p{font-size:13px}:where(.app-parts) .quick-links{gap:8px}:where(.app-parts) .quick-links .manual-link{flex-basis:100%;margin-left:0}:where(.app-parts) .workspace{gap:18px;padding:0 14px}:where(.app-parts) .editor-column{border-radius:12px;padding:17px 15px}:where(.app-parts) .section-heading h2{font-size:15px}:where(.app-parts) .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:where(.app-parts) .template-art{height:106px}:where(.app-parts) .template-name{padding-left:10px;font-size:14px}:where(.app-parts) .template-hint{padding-left:10px;font-size:12px}:where(.app-parts) .recommended{font-size:9px;display:inline}:where(.app-parts) .style-editor summary>small{font-size:10px}:where(.app-parts) .field-grid{grid-template-columns:1fr}:where(.app-parts) .code-panel{border-radius:12px;padding:18px 15px}:where(.app-parts) .preview-heading{padding:13px 15px}:where(.app-parts) .preview-canvas{padding:12px 8px}:where(.app-parts) .preview-caption{font-size:10px}:where(.app-parts) .bottom-note{margin-top:28px}:where(.app-parts) .bottom-note p{font-size:16px}:where(.app-parts) .site-header .free-label{font-size:10px}:where(.app-parts) .results{margin:0 14px 18px;padding:15px}:where(.app-parts) .candidate{padding:10px}:where(.app-parts) .candidate h4{font-size:14px}:where(.app-parts) .candidate p,:where(.app-parts) .candidate-meta{font-size:12px}:where(.app-parts) .select-app{min-height:36px;font-size:13px}:where(.app-parts) .results-return{padding-left:16px}:where(.app-parts) .page-notice{margin-left:14px;margin-right:14px}:where(.app-parts) .color-grid{gap:5px}:where(.app-parts) .details-body label,:where(.app-parts) .field-grid label{font-size:13px}:where(.app-parts) .copy-help{font-size:11px}:where(.app-parts) .selected-app{padding:10px}:where(.app-parts) .selected-app strong{font-size:14px}:where(.app-parts) .site-footer{padding:24px 16px}:where(.app-parts) .quick-links button{min-height:32px}:where(.app-parts) .device-toggle button{min-height:34px}:where(.app-parts) .code-modes button{font-size:13px}:where(.app-parts) .local-note{font-size:11px}}:where(.app-parts) .brand{white-space:nowrap;flex-shrink:0}:where(.app-parts) .brand-mark{flex-shrink:0}@media (width<=375px){:where(.app-parts) .site-header .free-label{display:none}}@media (prefers-reduced-motion:reduce){:where(.app-parts),:where(.app-parts) *,:where(.app-parts) :before,:where(.app-parts) :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:where(.app-parts){--ink:#182f34;--muted:#546b70;--accent:#086d67;--accent-light:#eaf5f2;--line:#dce6e4;--canvas:#f7faf9;--font-sans:Arial, "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif}:where(.app-parts),:where(.app-parts) *{box-sizing:border-box}:where(.app-parts){color:var(--ink);background:var(--canvas);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.65}:where(.app-parts) button,:where(.app-parts) input,:where(.app-parts) textarea,:where(.app-parts) select{font:inherit}:where(.app-parts) button,:where(.app-parts) a,:where(.app-parts) input,:where(.app-parts) select,:where(.app-parts) textarea{touch-action:manipulation}:where(.app-parts) button{cursor:pointer}:where(.app-parts) button:disabled{cursor:wait;opacity:.6}:where(.app-parts) a{color:inherit}:where(.app-parts) button:focus-visible,:where(.app-parts) a:focus-visible,:where(.app-parts) input:focus-visible,:where(.app-parts) select:focus-visible,:where(.app-parts) summary:focus-visible,:where(.app-parts) textarea:focus-visible{outline-offset:3px;outline:3px solid #28968f}:where(.app-parts) button{border:0}:where(.app-parts) input,:where(.app-parts) textarea,:where(.app-parts) select{max-width:100%;color:var(--ink);background:#fff;border:1px solid #c6d5d1;border-radius:8px;min-width:0;padding:10px 12px}:where(.app-parts) input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}:where(.app-parts) input[type=color]{width:55px;height:40px;padding:3px}:where(.app-parts) .site-header{justify-content:space-between;align-items:center;gap:12px;max-width:1240px;height:86px;margin:auto;padding:0 32px;display:flex}:where(.app-parts) .brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}:where(.app-parts) .brand-mark{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Arial;font-size:30px;line-height:1;display:grid}:where(.app-parts) .brand-en{color:var(--muted);letter-spacing:.2px;margin-left:5px;font-size:12px;font-weight:500}:where(.app-parts) .free-label{color:var(--muted);font-size:13px}:where(.app-parts) .hero{text-align:center;max-width:880px;margin:auto;padding:54px 24px 36px}:where(.app-parts) .eyebrow{color:var(--accent);letter-spacing:.1em;margin:0 0 14px;font-size:13px;font-weight:700}:where(.app-parts) h1{letter-spacing:-1.7px;margin:0 0 18px;font-size:clamp(27px,4vw,46px);font-weight:800;line-height:1.4}:where(.app-parts) h1 span{color:var(--accent)}:where(.app-parts) .hero>p:not(.eyebrow){color:var(--muted)}:where(.app-parts) .search-form{border:1px solid var(--line);background:#fff;border-radius:14px;gap:10px;max-width:740px;margin:30px auto 12px;padding:8px;display:flex;box-shadow:0 8px 35px #183e3210}:where(.app-parts) .search-form input{background:0 0;border:0;flex:1;min-width:0;padding:12px}:where(.app-parts) .primary{background:var(--accent);color:#fff;border-radius:8px;padding:12px 20px;font-weight:700}:where(.app-parts) .helper{font-size:12px}:where(.app-parts) .primary:hover{background:#075a55}:where(.app-parts) main{padding-bottom:60px}@media (width<=600px){:where(.app-parts) .site-header{height:70px;padding:0 18px}:where(.app-parts) .brand{font-size:18px}:where(.app-parts) .brand-en{display:none}:where(.app-parts) .free-label{font-size:11px}:where(.app-parts) .hero{padding:30px 18px 24px}:where(.app-parts) .search-form{flex-wrap:wrap;padding:8px}:where(.app-parts) .search-form input{flex-basis:100%}:where(.app-parts) .search-form button{width:100%}:where(.app-parts) h1{letter-spacing:-1px}:where(.app-parts) .hero>p{font-size:14px}}:where(.app-parts) .part-frame-stage{width:100%;min-width:0}:where(.app-parts) .part-frame-box{max-width:100%;margin:0 auto;position:relative}:where(.app-parts) .part-frame-box iframe{transform-origin:0 0;border:0;max-width:none;display:block}:where(.app-parts) .hero.hero-visual{text-align:left;grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;max-width:1240px;padding:54px 32px 60px;display:grid}:where(.app-parts) .hero-copy{min-width:0}:where(.app-parts) .hero-visual h1{letter-spacing:-1.5px;word-break:keep-all;margin:12px 0 22px;font-size:clamp(24px,2.75vw,38px);line-height:1.45}:where(.app-parts) .hero-visual h1 span{display:block}:where(.app-parts) .hero-copy>p{color:var(--muted);margin:0 0 18px;font-size:15px}:where(.app-parts) .hero-copy .eyebrow{color:var(--accent);letter-spacing:.08em;font-size:12px;font-weight:700}:where(.app-parts) .hero-visual .search-form{margin:25px 0 12px;padding:7px;box-shadow:0 6px 22px #15352d09}:where(.app-parts) .hero-visual .search-form input{padding:10px 3px;font-size:14px}:where(.app-parts) .hero-visual .search-form .primary{padding:12px 17px;font-size:14px}:where(.app-parts) .hero-copy .hero-free{color:var(--accent);margin:12px 0;font-size:12px;font-weight:650}:where(.app-parts) .hero-free span{color:var(--muted);margin-left:10px;font-weight:400}:where(.app-parts) .hero-copy .helper{margin:0;font-size:11px}:where(.app-parts) .hero-visual .quick-links,:where(.app-parts) .hero-visual .recent-apps{justify-content:flex-start;gap:8px;margin-top:14px}:where(.app-parts) .hero-visual .recent-apps>span{width:100%}:where(.app-parts) .hero-showcase{min-width:0}:where(.app-parts) .showcase-caption{color:#3e645b;justify-content:space-between;align-items:center;gap:12px;padding:0 4px 14px;font-size:12px;display:flex}:where(.app-parts) .sample-label{border:1px solid #bed3ca;border-radius:5px;padding:2px 6px;font-size:10px}:where(.app-parts) .showcase-surface{background:#e8f3ef;border:1px solid #d7e7e1;border-radius:22px;align-items:center;min-height:308px;padding:25px 14px;display:flex;box-shadow:0 20px 45px #153d3210}:where(.app-parts) .showcase-tabs{flex-wrap:wrap;justify-content:center;gap:4px;margin:20px 0 12px;display:flex}:where(.app-parts) .showcase-tabs button{color:#526c63;background:0 0;border-radius:7px;min-height:34px;padding:7px 11px;font:500 12px/1.5 Arial}:where(.app-parts) .showcase-tabs button[aria-pressed=true]{color:#fff;background:var(--accent);box-shadow:0 3px 7px #0b52431a}:where(.app-parts) .showcase-footnote{text-align:center;color:var(--muted);margin:0;font-size:12px}:where(.app-parts) .showcase-footnote span{color:#5c756b;margin-top:5px;font-size:10px;display:block}:where(.app-parts) .workspace{grid-template-columns:minmax(340px,410px) minmax(0,1fr);align-items:start;gap:24px;max-width:1280px}:where(.app-parts) .editor-column{padding:22px}:where(.app-parts) .output-column{align-self:start;position:sticky;top:20px}:where(.app-parts) .preview-panel{border-radius:16px}:where(.app-parts) .preview-heading{padding:22px}:where(.app-parts) .preview-heading h2{font-size:15px}:where(.app-parts) .preview-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}:where(.app-parts) .preview-canvas{min-height:480px;padding:32px 16px}:where(.app-parts) .preview-empty{text-align:center;color:var(--muted);padding:45px 18px}:where(.app-parts) .preview-empty svg{color:var(--accent);margin:0 auto 20px}:where(.app-parts) .preview-empty h3{margin:0 0 8px;font-size:17px;font-weight:650}:where(.app-parts) .preview-empty p{font-size:13px}:where(.app-parts) .workspace .code-panel{border:0;border-top:1px solid var(--line);border-radius:0;margin-top:24px;padding:24px 0 0}:where(.app-parts) .editor-column>section+section{margin-top:24px;padding-top:24px}:where(.app-parts) .editor-column .template-grid{gap:10px}:where(.app-parts) .editor-column .template-art{height:85px}:where(.app-parts) .editor-column .template-name{font-size:12px}:where(.app-parts) .editor-column .recommended{display:none}:where(.app-parts) .editor-column .field-grid{grid-template-columns:1fr}:where(.app-parts) .editor-info{border:1px solid var(--line);border-radius:9px;margin-top:16px;padding:0 12px 12px}:where(.app-parts) .editor-info>summary{color:var(--ink);font-size:13px;font-weight:600}:where(.app-parts) .editor-info .section-heading{display:none}:where(.app-parts) .editor-info .app-editor{padding-top:16px}:where(.app-parts) .editor-info .selected-app{margin-bottom:12px}:where(.app-parts) .editor-info .disclosure{margin-top:12px}:where(.app-parts) .display-settings .details-body{padding-top:0}:where(.app-parts) .display-settings .toggle-grid{margin-top:0}:where(.app-parts) .style-editor{margin-top:24px;padding-top:20px}:where(.app-parts) .style-editor summary{padding-top:0}:where(.app-parts) .style-editor summary>small{font-size:10px}:where(.app-parts) .style-editor .step{margin-right:2px}:where(.app-parts) .code-panel .section-heading h2{font-size:16px}:where(.app-parts) .section-heading .step{font-size:11px}:where(.app-parts) .editor-kicker{align-items:center;gap:12px;max-width:1280px;margin:0 auto 16px;padding:0 24px;display:flex}:where(.app-parts) .editor-kicker h2{font-size:19px}:where(.app-parts) .editor-kicker>span{color:var(--muted);font-size:12px}@media (width<=1000px){:where(.app-parts) .hero.hero-visual{gap:28px;padding:40px 24px}:where(.app-parts) .hero-visual .search-symbol{display:none}:where(.app-parts) .hero-visual .search-form{flex-wrap:wrap}:where(.app-parts) .hero-visual .search-form input{flex-basis:100%;padding:10px}:where(.app-parts) .hero-visual .search-form .primary{width:100%}:where(.app-parts) .hero-free span{margin:3px 0 0;display:block}:where(.app-parts) .workspace{grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:16px}:where(.app-parts) .preview-canvas{min-height:400px;padding:20px 8px}:where(.app-parts) .editor-column{padding:18px}:where(.app-parts) .showcase-surface{padding:18px 8px}:where(.app-parts) .showcase-tabs button{padding:6px 8px}:where(.app-parts) .showcase-caption{font-size:11px}:where(.app-parts) .preview-heading{flex-wrap:wrap;padding:16px}}@media (width<=800px){:where(.app-parts) .hero.hero-visual{grid-template-columns:1fr;gap:28px;max-width:640px;padding:30px 22px 40px}:where(.app-parts) .hero-visual h1{margin:10px 0 16px;font-size:34px;line-height:1.4}:where(.app-parts) .hero-copy>p{font-size:14px;line-height:1.8}:where(.app-parts) .hero-visual .search-form{flex-wrap:nowrap;margin-top:18px}:where(.app-parts) .hero-visual .search-form input{flex-basis:auto}:where(.app-parts) .hero-visual .search-form .primary{width:auto}:where(.app-parts) .hero-free span{margin-left:8px;display:inline}:where(.app-parts) .showcase-surface{min-height:260px;padding:16px 8px}:where(.app-parts) .showcase-caption{padding-bottom:10px}:where(.app-parts) .showcase-tabs{gap:2px;margin-top:12px}:where(.app-parts) .showcase-tabs button{padding:6px 9px;font-size:12px}:where(.app-parts) .workspace{grid-template-columns:1fr;max-width:680px}:where(.app-parts) .output-column{position:static}:where(.app-parts) .preview-canvas{min-height:260px}:where(.app-parts) .editor-column .template-art{height:95px}:where(.app-parts) .editor-column .template-name{font-size:13px}:where(.app-parts) .editor-kicker{max-width:680px}:where(.app-parts) .hero-visual .recent-apps{margin-top:14px}:where(.app-parts) .hero-visual .quick-links .manual-link{flex-basis:auto;margin-left:0}:where(.app-parts) .hero-copy .helper{display:none}}@media (width<=400px){:where(.app-parts) .hero.hero-visual{gap:24px;padding:22px 16px 30px}:where(.app-parts) .hero-visual h1{letter-spacing:-1px;font-size:29px}:where(.app-parts) .hero-copy>p{font-size:13px}:where(.app-parts) .hero-visual .search-form{flex-wrap:wrap}:where(.app-parts) .hero-visual .search-form input{flex-basis:100%}:where(.app-parts) .hero-visual .search-form .primary{width:100%}:where(.app-parts) .hero-free span{margin-left:0;display:block}:where(.app-parts) .hero-copy .eyebrow{font-size:11px}:where(.app-parts) .hero-visual .quick-links>span,:where(.app-parts) .hero-visual .quick-links>button:not(.manual-link){display:none}:where(.app-parts) .showcase-tabs{grid-template-columns:repeat(3,1fr);display:grid}:where(.app-parts) .showcase-tabs button{min-height:32px}:where(.app-parts) .showcase-surface{border-radius:16px;min-height:235px;padding:8px 2px}:where(.app-parts) .showcase-footnote{font-size:11px}:where(.app-parts) .showcase-footnote span{font-size:10px}:where(.app-parts) .editor-kicker{flex-wrap:wrap;gap:3px}:where(.app-parts) .editor-kicker h2{font-size:18px}:where(.app-parts) .editor-kicker>span{width:100%}:where(.app-parts) .editor-column{padding:16px 13px}}:where(.app-parts) .link-settings{min-width:0}:where(.app-parts) .section-intro{color:var(--muted);margin:-6px 0 14px;font-size:12px}:where(.app-parts) .store-link-editor{border-top:1px solid #e4ece8;border-bottom:0;min-width:0;padding:14px 0}:where(.app-parts) .store-link-editor legend{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0;padding:0;font-size:14px;display:flex}:where(.app-parts) .link-status{color:#436357;background:#eef3f1;border-radius:5px;margin-left:auto;padding:3px 6px;font-size:10px;font-weight:500}:where(.app-parts) .link-status.custom{color:#075f45;background:#e1f2eb}:where(.app-parts) .current-destination{min-width:0;margin:10px 0 12px}:where(.app-parts) .current-destination>span{color:var(--muted);font-size:10px}:where(.app-parts) .current-destination details{min-width:0}:where(.app-parts) .current-destination summary{cursor:pointer;align-items:center;gap:8px;min-width:0;padding:4px 0;list-style:none;display:flex}:where(.app-parts) .current-destination summary code{color:#3b6252;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font:11px/1.6 Consolas,monospace;display:block;overflow:hidden}:where(.app-parts) .current-destination summary>span{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:10px;text-decoration:underline}:where(.app-parts) .current-destination p{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;background:#f3f7f5;border-radius:6px;max-height:180px;margin:5px 0;padding:8px;font:11px/1.6 Consolas,monospace;overflow:auto}:where(.app-parts) .link-mode{flex-direction:column;gap:9px;display:flex}:where(.app-parts) .link-mode label{align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;display:flex}:where(.app-parts) .link-mode input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}:where(.app-parts) .affiliate-draft{margin-top:12px}:where(.app-parts) .affiliate-draft>label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}:where(.app-parts) .affiliate-draft textarea{resize:vertical;overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap;width:100%;min-width:0;max-width:100%;height:88px;max-height:280px;padding:10px;font:12px/1.7 Consolas,monospace;display:block}:where(.app-parts) .parsed-link-result{min-width:0;margin-top:10px}:where(.app-parts) .parsed-link-result strong{color:var(--accent);font-size:12px}:where(.app-parts) .detected-url{overflow-wrap:anywhere;word-break:break-all;-webkit-line-clamp:3;background:#eef6f1;border-radius:6px;-webkit-box-orient:vertical;margin:7px 0;padding:8px;font:11px/1.6 Consolas,monospace;display:-webkit-box;overflow:hidden}:where(.app-parts) .parsed-link-result .notice{padding:9px 10px;font-size:11px}:where(.app-parts) .detected-candidates{flex-direction:column;gap:7px;max-height:250px;margin:10px 0;display:flex;overflow:auto}:where(.app-parts) .detected-candidates label{background:#f3f8f5;border:1px solid #d8e6df;border-radius:6px;align-items:flex-start;gap:7px;padding:8px;font-size:12px;display:flex}:where(.app-parts) .detected-candidates input{accent-color:var(--accent);flex-shrink:0;margin-top:3px}:where(.app-parts) .detected-candidates label>span{min-width:0}:where(.app-parts) .detected-candidates small{color:var(--muted);font-size:10px;display:block}:where(.app-parts) .detected-candidates code{-webkit-line-clamp:3;overflow-wrap:anywhere;word-break:break-all;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}:where(.app-parts) .link-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}:where(.app-parts) .link-actions .primary{padding:8px 13px;font-size:12px}:where(.app-parts) .link-actions .primary:disabled{color:#3b594b;opacity:1;cursor:not-allowed;background:#cad9d2}:where(.app-parts) .restore-link{color:var(--accent);text-underline-offset:3px;background:0 0;margin-top:12px;padding:0;font-size:11px;text-decoration:underline;display:block}:where(.app-parts) .restore-link:disabled{color:#657b70;opacity:1;cursor:default;text-decoration:none}:where(.app-parts) .affiliate-draft .helper{margin:10px 0 0;font-size:10px;line-height:1.6}:where(.app-parts) .canvas-note{color:var(--muted);text-align:center;padding:0 18px;font-size:12px}:where(.app-parts) .display-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}:where(.app-parts) .display-settings .helper{color:var(--muted);margin:12px 0 0;font-size:11px}:where(.app-parts) .editor-info{margin-bottom:24px}:where(.app-parts) .editor-info[open]>.app-editor{padding-top:14px}:where(.app-parts) .hero-visual .mobile-break{display:block}@media (width<=600px){:where(.app-parts) .link-mode label{font-size:13px}:where(.app-parts) .store-link-editor legend{font-size:15px}:where(.app-parts) .affiliate-draft textarea{font-size:13px}:where(.app-parts) .link-actions .primary{min-height:40px}:where(.app-parts) .link-status{font-size:10px}:where(.app-parts) .current-destination summary code{font-size:12px}:where(.app-parts) .canvas-note{font-size:11px}}@media (width<=400px){:where(.app-parts) .hero-visual .search-form{flex-wrap:nowrap}:where(.app-parts) .hero-visual .search-form input{flex:1 1 0;font-size:12px}:where(.app-parts) .hero-visual .search-form .primary{width:auto;padding:10px;font-size:12px}:where(.app-parts) .hero-visual .search-form .primary svg{display:none}:where(.app-parts) .hero-free span{font-size:10px}:where(.app-parts) .hero-visual .quick-links{margin-top:8px}:where(.app-parts) .hero-copy .hero-free{margin:8px 0}:where(.app-parts) .hero-visual h1{font-size:27px}}:where(.app-parts) .quick-actions{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1152px;margin:0 auto 20px;padding:16px 20px;display:flex}:where(.app-parts) .quick-actions-title{flex:180px;min-width:0}:where(.app-parts) .quick-actions-title strong{overflow-wrap:anywhere;display:block}:where(.app-parts) .quick-actions-title span{color:var(--muted);margin-top:3px;font-size:12px;display:block}:where(.app-parts) .quick-actions-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where(.app-parts) .quick-actions-buttons button{min-height:44px}:where(.app-parts) .quick-actions-buttons .secondary{justify-content:center;align-items:center;gap:6px;display:inline-flex}:where(.app-parts) .preview-target,:where(.app-parts) .code-target{scroll-margin-top:24px}:where(.app-parts) .workspace-entry{max-width:1200px;margin:0 auto 20px;padding:0 24px}:where(.app-parts) .workspace-entry>details{border:1px solid var(--line);background:#fff;border-radius:12px}:where(.app-parts) .workspace-entry summary{cursor:pointer;padding:16px 20px;font-weight:650}:where(.app-parts) .workflow-footer{max-width:1200px;margin:24px auto;padding:0 24px}@media (width<=768px){:where(.app-parts) .quick-actions{z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-radius:0;margin:0;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #15352d12}:where(.app-parts) .quick-actions-title,:where(.app-parts) .quick-code-link{display:none}:where(.app-parts) .quick-actions-buttons{flex-wrap:nowrap;width:100%}:where(.app-parts) .quick-actions-buttons .primary,:where(.app-parts) .quick-actions-buttons .secondary{flex:1;min-width:0;padding:10px 8px;font-size:13px}:where(.app-parts) .has-quick-actions{padding-bottom:calc(80px + env(safe-area-inset-bottom))}:where(.app-parts) .workspace-entry,:where(.app-parts) .workflow-footer{padding-inline:16px}:where(.app-parts) .preview-target,:where(.app-parts) .code-target{scroll-margin-bottom:90px}}:where(.app-parts) .template-comparison-help{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.7}:where(.app-parts) .template-comparison{background:#fff;border-radius:9px;min-width:0;padding-bottom:62px;position:relative}:where(.app-parts) .editor-column .template-comparison .template-art{pointer-events:none;border-radius:9px 9px 0 0;height:auto;min-height:130px;padding:12px;overflow:hidden}:where(.app-parts) .template-comparison-selected .template-art{background:#edf7f3}:where(.app-parts) .template-comparison>.template-choice{background:0 0;justify-content:flex-end;width:100%;height:100%;padding-bottom:10px;position:absolute;inset:0}:where(.app-parts) .template-comparison>.template-choice:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:where(.app-parts) .preview-context-controls{border-bottom:1px solid var(--line);padding:0 22px 18px}:where(.app-parts) .preview-context-switch{flex-wrap:wrap;gap:8px;display:flex}:where(.app-parts) .preview-context-switch button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:7px;padding:8px 12px;font-size:12px}:where(.app-parts) .preview-context-switch button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}:where(.app-parts) .article-preview-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:16px;display:grid}:where(.app-parts) .article-preview-options label{min-width:0;color:var(--ink);gap:6px;font-size:12px;display:grid}:where(.app-parts) .article-preview-options input,:where(.app-parts) .article-preview-options select{width:100%;min-width:0}:where(.app-parts) .article-preview-options input[type=number],:where(.app-parts) .article-preview-options select{min-height:40px}:where(.app-parts) .article-preview-options>input[type=range],:where(.app-parts) .article-preview-help{grid-column:1/-1}:where(.app-parts) .article-preview-help{color:var(--muted);margin:0;font-size:11px;line-height:1.7}:where(.app-parts) .article-preview-help.field-error{color:#ad2828}@media (width<=480px){:where(.app-parts) .preview-context-controls{padding-left:16px;padding-right:16px}:where(.app-parts) .article-preview-options{grid-template-columns:minmax(0,1fr)}}:where(.app-parts) .workflow-panel{min-width:0}:where(.app-parts) .workflow-panel>.muted{margin:8px 0 12px}:where(.app-parts) .workflow-label{margin:12px 0 6px;font-size:13px;font-weight:600;display:block}:where(.app-parts) .workflow-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where(.app-parts) .workflow-inline>input,:where(.app-parts) .workflow-inline>select{flex:150px;min-width:0}:where(.app-parts) .workflow-inline>.workflow-label{flex-basis:100%;margin-bottom:0}:where(.app-parts) .workflow-panel input,:where(.app-parts) .workflow-panel select,:where(.app-parts) .workflow-panel textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:7px;padding:9px 10px;font-size:14px}:where(.app-parts) .workflow-panel textarea{resize:vertical;display:block}:where(.app-parts) .workflow-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}:where(.app-parts) .workflow-actions>button,:where(.app-parts) .workflow-inline>button{min-height:40px}:where(.app-parts) .workflow-text-button{text-underline-offset:3px;color:var(--ink);padding:8px 6px;font-size:13px;text-decoration:underline}:where(.app-parts) .workflow-panel button:disabled{cursor:not-allowed;opacity:.5}:where(.app-parts) .workflow-notice{min-height:20px;color:var(--muted);margin:10px 0 0}:where(.app-parts) .workflow-details{border-top:1px solid var(--line);margin:12px 0;padding-top:12px}:where(.app-parts) .workflow-details>summary{cursor:pointer;padding:6px 0;font-size:14px;font-weight:600}:where(.app-parts) .workflow-details>p{margin:8px 0}:where(.app-parts) .workflow-panel :is(input,select,textarea,button,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}:where(.app-parts) .batch-items,:where(.app-parts) .workflow-failures{margin:12px 0;padding:0;list-style:none}:where(.app-parts) .batch-items>li,:where(.app-parts) .workflow-failures>li{border-bottom:1px solid var(--line);padding:12px 0}:where(.app-parts) .batch-item-heading{flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-weight:600;display:flex}:where(.app-parts) .batch-item-heading>span:first-child{overflow-wrap:anywhere;flex:180px;min-width:0}:where(.app-parts) .batch-items .workflow-actions{margin:6px 0 0}:where(.app-parts) .workflow-failures p{overflow-wrap:anywhere;margin:4px 0;font-size:13px}:where(.app-parts) .workflow-error{color:#9a3412;margin:8px 0}:where(.app-parts) .workflow-code{font-family:ui-monospace,monospace;font-size:12px!important}:where(.app-parts) .batch-preview{border:1px solid var(--line);border-radius:7px;margin-top:12px;overflow:hidden}@media (width<=420px){:where(.app-parts) .workflow-inline>input,:where(.app-parts) .workflow-inline>select{flex-basis:100%}}:where(.app-parts) .code-importer{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:1152px;margin:20px auto;padding:16px 20px}:where(.app-parts) .code-importer .import-source{width:100%;min-height:140px;margin:8px 0 12px}:where(.app-parts) .import-confirmation{outline-offset:4px;min-width:0;margin-top:20px}:where(.app-parts) .import-confirmation>.primary{margin-top:16px}:where(.app-parts) .import-information{grid-template-columns:minmax(90px,150px) minmax(0,1fr);gap:6px 16px;margin:12px 0;font-size:13px;display:grid}:where(.app-parts) .import-information dt{font-weight:700}:where(.app-parts) .import-information dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}:where(.app-parts) .import-link-information{display:contents}:where(.app-parts) .code-importer .notice ul{margin:0;padding-left:20px}@media (width<=600px){:where(.app-parts) .code-importer{margin:16px;padding:14px}:where(.app-parts) .import-information{grid-template-columns:minmax(0,1fr);gap:4px}:where(.app-parts) .import-information dd{margin-bottom:8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
