@charset "UTF-8";@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}:root{--bg:#ffffff;--surface:#ffffff;--surface-muted:#f7f7f9;--border:#eceeef;--border-strong:#ced4da;--text:#888888;--text-muted:#9aa1a8;--heading:#5a5a5a;--primary:#78c2ad;--primary-strong:#67b39d;--secondary:#f3969a;--secondary-strong:#eb878d;--danger:#ff7851;--warning:#ffce67;--ok:#56cc9d;--shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);--radius:0.4rem;--focus-ring:0 0 0 0.2rem rgba(120,194,173,0.25);--font-main:"Noto Sans JP","Noto Sans",sans-serif;--font-ui:"Montserrat","Noto Sans JP","Noto Sans",sans-serif;--header-height:64px;--header-offset:72px;--footer-height:32px}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-main);line-height:1.5}body{min-width:360px;min-height:100vh;min-height:100dvh;padding-top:var(--header-offset);opacity:0;-webkit-animation:opacity 0.3s forwards;animation:opacity 0.3s forwards;-webkit-animation-delay:0.3s;animation-delay:0.3s}button,input,select,textarea{font:inherit}input[type=date],input[type=text],select,textarea{width:100%;font-size:15px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:#5a5a5a;-webkit-transition:border-color 0.16s ease,-webkit-box-shadow 0.16s ease;transition:border-color 0.16s ease,-webkit-box-shadow 0.16s ease;transition:border-color 0.16s ease,box-shadow 0.16s ease;transition:border-color 0.16s ease,box-shadow 0.16s ease,-webkit-box-shadow 0.16s ease}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%237f8992' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px 6px;background-position:right 14px center;padding-right:38px}select::-ms-expand{display:none}textarea{line-height:1.5;resize:vertical;min-height:96px}button:focus-visible,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);-webkit-box-shadow:var(--focus-ring);box-shadow:var(--focus-ring)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.2rem;padding:0;background:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}input[type=range]::-webkit-slider-runnable-track{height:0.5rem;border-radius:1rem;background:#dee2e6}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;margin-top:-0.25rem;border-radius:50%;border:0;background:var(--primary)}input[type=range]::-moz-range-track{height:0.5rem;border-radius:1rem;border:0;background:#dee2e6}input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;border:0;background:var(--primary)}input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;min-width:44px;height:36px;padding:3px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:5px}input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}input[type=color]::-moz-color-swatch{border:0;border-radius:5px}.app-shell{max-width:1680px;margin:0 auto;padding:18px 22px 14px;min-height:calc(100vh - var(--header-offset) - var(--footer-height))}@media (width <= 1024px){.app-shell{padding:20px 16px 60px;height:auto;min-height:auto}}.app-header{width:100%;position:fixed;top:0;left:0;z-index:40;padding:0;border-radius:0;background:var(--primary);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}@media (width <= 1024px){.app-header{-webkit-box-shadow:none;box-shadow:none}}.app-header__bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;padding:12px 16px}@media (width <= 1024px){.app-header__bar{gap:8px}}.app-header__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (width <= 1024px){.app-header__title{min-width:0}}.app-header__title h1{margin:0;font-family:var(--font-ui);font-size:1.2rem;line-height:1.35;letter-spacing:0;font-weight:600}@media (width <= 1024px){.app-header__title h1{font-size:1rem;line-height:1.2}}.app-header__title h1 span{display:inline-block}.app-header__link{display:block;color:#ffffff;text-decoration:none}.app-header__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.app-header .button--header-share{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.48);color:#ffffff}.app-header .button--header-share:hover{background:rgba(255,255,255,0.28);border-color:rgba(255,255,255,0.64)}@media (width <= 1024px){.app-header .button--header-share{padding:7px 10px;font-size:0.76rem;white-space:nowrap}}.app-header .button--primary{background:#ffffff;border-color:#ffffff;color:#3f6761;text-decoration:none}.app-header .button--primary:hover{background:#f2fbf8;border-color:#f2fbf8}@media (width <= 1024px){.app-header .button--primary{padding:7px 10px;font-size:0.76rem;white-space:nowrap}}.app-header .button:focus-visible{-webkit-box-shadow:0 0 0 0.2rem rgba(255,255,255,0.35);box-shadow:0 0 0 0.2rem rgba(255,255,255,0.35)}.mobile-tabs{display:none}@media (width <= 1024px){.mobile-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background:#ffffff;border-bottom:1px solid var(--border);padding:0}}@media (width <= 1024px){.mobile-tabs__tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;font-family:var(--font-ui);font-size:0.8rem;font-weight:600;position:relative;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;width:100%;background:var(--surface);border-radius:0;border:0;padding:11px 10px 10px;color:#6f7982;line-height:1.2;cursor:pointer;-webkit-transition:background-color 0.16s ease,border-color 0.16s ease,color 0.16s ease;transition:background-color 0.16s ease,border-color 0.16s ease,color 0.16s ease}}@media (width <= 1024px){.mobile-tabs__tab.is-active{color:#3f6761}}@media (width <= 1024px){.mobile-tabs__tab.is-active:after{height:4px;background:var(--primary-strong)}}@media (width <= 1024px){.mobile-tabs__tab:after{content:"";position:absolute;left:0;bottom:0;width:100%;-webkit-transition:background-color 0.16s ease,height 0.16s ease;transition:background-color 0.16s ease,height 0.16s ease}}.app-footer{width:100%;height:var(--footer-height);position:static;display:-ms-grid;display:grid;place-items:center;padding:0 16px;background:var(--primary);color:#ffffff;font-family:var(--font-ui);font-size:0.74rem;line-height:1;letter-spacing:0.01em}.button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:var(--radius);border:none;font-family:var(--font-ui);font-weight:600;cursor:pointer;line-height:1.1;-webkit-transition:background-color 0.16s ease,border-color 0.16s ease,color 0.16s ease;transition:background-color 0.16s ease,border-color 0.16s ease,color 0.16s ease}.button:disabled{opacity:0.7;cursor:default}.button--primary{background:var(--primary);color:#ffffff}.button--primary:hover{background:var(--primary-strong)}.button--secondary{background:var(--secondary);color:#ffffff}.button--secondary:hover{background:var(--secondary-strong)}.button--outline{background:#ffffff;border:1px solid var(--border-strong);color:var(--heading)}.button--outline:hover{background:var(--surface-muted)}.button--icon{min-width:34px;padding:7px 9px}.share-guide-modal{position:fixed;inset:0;z-index:120;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px;background:rgba(17,17,17,0.45);opacity:0;pointer-events:none;-webkit-transition:opacity 0.16s ease;transition:opacity 0.16s ease}.share-guide-modal.is-visible{opacity:1;pointer-events:auto}.share-guide-modal__dialog{width:min(520px,100vw - 32px);border:1px solid var(--border);border-radius:12px;background:var(--surface);-webkit-box-shadow:0 12px 28px rgba(15,23,42,0.18);box-shadow:0 12px 28px rgba(15,23,42,0.18);padding:18px 18px 14px}.share-guide-modal__title{margin:0;font-family:var(--font-ui);font-size:1rem;font-weight:700;color:var(--heading)}.share-guide-modal__message{margin:10px 0 0;font-size:0.9rem;line-height:1.65;color:#5d646b;white-space:pre-wrap}.share-guide-modal__figure{margin:12px 0 0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.share-guide-modal__image{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:6px}.share-guide-modal__caption{margin:8px 0 0;font-size:0.78rem;line-height:1.45;color:var(--text)}.share-guide-modal__actions{margin-top:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px}@media (width <= 640px){.share-guide-modal{padding:14px}.share-guide-modal__dialog{width:calc(100vw - 28px);padding:16px 14px 12px;border-radius:10px}.share-guide-modal__figure{margin-top:10px;padding:8px}.share-guide-modal__actions{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.share-guide-modal__actions .button{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}}.app-main{display:-ms-grid;display:grid;-ms-grid-columns:minmax(500px,1fr) 14px minmax(330px,600px);grid-template-columns:minmax(500px,1fr) minmax(330px,600px);-ms-grid-rows:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:14px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%}.app-main>:first-child{-ms-grid-row:1;-ms-grid-column:1}.app-main>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}@media (width <= 1400px){.app-main{-ms-grid-columns:minmax(320px,1fr) minmax(320px,400px);grid-template-columns:minmax(320px,1fr) minmax(320px,400px)}}@media (width <= 1024px){.app-main{-ms-grid-columns:1fr;grid-template-columns:1fr;height:auto;display:block}}@media (width <= 1024px){.app-main[data-mobile-tab=form] .preview-panel{display:none}}@media (width <= 1024px){.app-main[data-mobile-tab=form] #resumeForm{display:-ms-grid;display:grid}}@media (width <= 1024px){.app-main[data-mobile-tab=form] .form-panel{height:auto;display:block;overflow:visible}}@media (width <= 1024px){.app-main[data-mobile-tab=form] #resumeForm{overflow:visible}}@media (width <= 1024px){.app-main[data-mobile-tab=preview]{display:block;gap:0}}@media (width <= 1024px){.app-main[data-mobile-tab=preview] .preview-panel{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;min-height:auto;overflow:visible;border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent}}@media (width <= 1024px){.app-main[data-mobile-tab=preview] #resumeForm{display:none}}@media (width <= 1024px){.app-main[data-mobile-tab=preview] .form-panel{height:auto;min-height:auto;overflow:visible}}@media (width <= 1024px){.app-main[data-mobile-tab=preview] .form-panel__header{display:none}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);min-height:0}.form-panel{padding:14px;overflow:auto}@media (1024px < width){.form-panel{height:100%}}@media (width <= 1024px){.form-panel{overflow:visible;padding:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent}}.form-panel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:20px}@media (width <= 1024px){.form-panel__header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:0;margin-inline:var(--mobile-panel-gutter)}}.form-panel__header h2{margin:0;font-size:1rem;font-family:var(--font-ui);font-weight:600;color:var(--heading)}@media (width <= 1024px){.form-panel__header h2{margin-bottom:6px}}.form-panel__header p{margin:4px 0 0;font-size:0.84rem;color:var(--text)}.form-panel__header-main{min-width:0}.form-panel__header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}@media (width <= 1024px){.form-panel__header-actions{gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:16px}}.form-panel__about-button{display:none;text-decoration:none}@media (width <= 480px){.form-panel__about-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:8px 16px;font-size:0.8rem;line-height:1.2;white-space:nowrap}}.form-panel__reset-button{padding:8px 16px;font-size:0.8rem;line-height:1.2;white-space:nowrap}@media (width <= 1024px){.form-panel__reset-button{margin-top:0}}.form-panel__form{display:-ms-grid;display:grid;gap:0}@media (width <= 1024px){.form-panel__form{margin-inline:var(--mobile-panel-gutter)}}.form-accordion{--accordion-open-height:1200px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.form-accordion+.form-accordion{margin-top:12px}.form-accordion__summary{list-style:none;cursor:pointer;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;font-family:var(--font-ui);font-size:0.85rem;font-weight:600;color:var(--heading);background:var(--surface-muted);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.form-accordion__summary::-webkit-details-marker{display:none}.form-accordion__summary:after{content:"+";font-size:1rem;line-height:1;color:#7f8992}.form-accordion__summary:focus-visible{outline:none;-webkit-box-shadow:inset 0 0 0 2px rgba(120,194,173,0.35);box-shadow:inset 0 0 0 2px rgba(120,194,173,0.35)}.form-accordion[open]>.form-accordion__summary:after{content:"−"}.form-card{display:-ms-grid;display:grid;border:0;border-top:1px solid var(--border);border-radius:0;background:var(--surface);padding:16px;gap:16px;max-height:var(--accordion-open-height);opacity:1;overflow:hidden;-webkit-transition:max-height 300ms cubic-bezier(0.25,0.9,0.3,1),opacity 220ms ease,padding-top 220ms ease,padding-bottom 220ms ease,border-top-width 220ms ease;transition:max-height 300ms cubic-bezier(0.25,0.9,0.3,1),opacity 220ms ease,padding-top 220ms ease,padding-bottom 220ms ease,border-top-width 220ms ease}@media (width <= 640px){.form-card{padding:12px}}.form-accordion.is-collapsed>.form-accordion__summary:after{content:"+"}.form-accordion.is-collapsed>.form-card{display:-ms-grid;display:grid;max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-top-width:0;pointer-events:none}.form-fields__row{display:-ms-grid;display:grid;-ms-grid-columns:132px 10px 1fr;grid-template-columns:132px 1fr;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (width <= 1024px){.form-fields__row{-ms-grid-columns:1fr;grid-template-columns:1fr}}.form-fields{}.form-fields__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:34px;font-size:0.84rem;font-weight:600;line-height:1.4;color:var(--heading)}@media (width <= 1024px){.form-fields__label{min-height:auto}}#ogGroupField.is-disabled .form-fields__label{color:#acb3b9}.form-fields__control{display:block}.form-fields__control--chips{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px 12px}.form-fields__control--stack{display:-ms-grid;display:grid;gap:6px}.form-fields__control--inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.form-fields__control--inline input[type=range]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:180px}.form-fields__control--pair{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.form-fields__control--pair select{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;cursor:pointer}.form-fields__chip-value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:62px;padding:6px 9px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-muted);font-size:0.84rem;font-weight:600;color:var(--heading)}.form-fields__meta{margin:2px 0 0;font-size:0.8rem;color:var(--text);line-height:1.55}.form-fields__meta.is-ok{color:var(--ok)}.form-fields__meta.is-tight{color:var(--warning)}.form-fields__meta.is-overflow{color:var(--danger);font-weight:700}.form-fields__meta--compact{margin-top:0}.form-fields__fit-meta{padding-left:2px}.form-fields__fit-meta.is-ok{color:var(--ok)}.form-fields__fit-meta.is-tight{color:var(--warning)}.form-fields__fit-meta.is-overflow{color:var(--danger);font-weight:700}#ogGroupText:disabled{background:#f7f7f9;border-color:var(--border);color:#aeb6bc;cursor:not-allowed}.choice-chip{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:4px 2px;border-radius:0;border:0;background:transparent;cursor:pointer;font-size:0.84rem;line-height:1.2;font-weight:400;color:#666666;-webkit-transition:color 0.16s ease;transition:color 0.16s ease}.choice-chip input{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1em;height:1em;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#ffffff;border:1px solid var(--border-strong);display:-ms-inline-grid;display:inline-grid;place-content:center;-webkit-transition:border-color 0.15s ease,background-color 0.15s ease,-webkit-box-shadow 0.15s ease;transition:border-color 0.15s ease,background-color 0.15s ease,-webkit-box-shadow 0.15s ease;transition:border-color 0.15s ease,background-color 0.15s ease,box-shadow 0.15s ease;transition:border-color 0.15s ease,background-color 0.15s ease,box-shadow 0.15s ease,-webkit-box-shadow 0.15s ease}.choice-chip input[type=checkbox]{border-radius:0.25em}.choice-chip input[type=checkbox]:after{content:"";width:0.52em;height:0.3em;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform 0.12s ease-in-out;transition:-webkit-transform 0.12s ease-in-out;transition:transform 0.12s ease-in-out;transition:transform 0.12s ease-in-out,-webkit-transform 0.12s ease-in-out;margin-top:-0.08em}.choice-chip input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary)}.choice-chip input[type=checkbox]:checked:after{-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}.choice-chip input[type=radio]{border-radius:50%}.choice-chip input[type=radio]:after{content:"";width:0.4em;height:0.4em;background:#ffffff;border-radius:50%;opacity:0;-webkit-transition:opacity 0.12s ease-in-out;transition:opacity 0.12s ease-in-out}.choice-chip input[type=radio]:checked{border-color:var(--primary);background:radial-gradient(circle at center,var(--primary) 30% 100%)}.choice-chip input[type=radio]:checked:after{opacity:1}.choice-chip input:focus-visible{outline:none;-webkit-box-shadow:var(--focus-ring);box-shadow:var(--focus-ring)}.choice-chip.is-active{color:#5a5a5a}.choice-chip--orientation{min-width:132px;min-height:40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#ffffff}.choice-chip--orientation.is-active{border-color:var(--primary);background:#e4f3ef}.orientation-icon{display:inline-block;border:1.5px solid #8aaea4;border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(#f4faf8),to(#dff0eb));background:linear-gradient(180deg,#f4faf8 0%,#dff0eb 100%)}.orientation-icon--portrait{width:14px;height:22px}.orientation-icon--square{width:18px;height:18px}.orientation-icon--landscape{width:22px;height:14px}.upload-zone{border:2px dashed #a4d5c8;border-radius:8px;background:#ffffff;padding:16px 12px;text-align:center;color:#5f8f82;cursor:pointer;-webkit-transition:border-color 0.16s ease,background-color 0.16s ease;transition:border-color 0.16s ease,background-color 0.16s ease}.upload-zone.is-dragover,.upload-zone:focus-visible,.upload-zone:hover{border-color:var(--primary);background:#eaf6f2}.upload-zone__title{margin:0;font-weight:700}.upload-zone p{margin:3px 0;font-size:0.86rem}.field-inline-actions,.form-fields__inline-actions{margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.image-editor__controls{display:-ms-grid;display:grid;gap:8px}.crop-editor{position:relative;width:280px;max-width:100%;aspect-ratio:129/182;border:1px solid #b9ddd3;border-radius:var(--photo-corner-radius,0px);background:linear-gradient(45deg,#f5fbf9 25%,#e9f5f1 25%,#e9f5f1 50%,#f5fbf9 50%,#f5fbf9 75%,#e9f5f1 75%,#e9f5f1 100%);background-size:18px 18px;overflow:hidden;cursor:-webkit-grab;cursor:grab;-ms-touch-action:none;touch-action:none;isolation:isolate;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55)}.crop-editor.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.crop-editor:after{content:"";position:absolute;inset:0;border-radius:var(--photo-corner-radius,0px);border:1px solid rgba(120,194,173,0.45);-webkit-box-shadow:none;box-shadow:none;pointer-events:none;z-index:3}.crop-editor img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:none;z-index:2}.crop-editor.has-image img{display:block}.crop-placeholder{position:absolute;inset:0;display:-ms-grid;display:grid;place-items:center;padding:10px;text-align:center;font-size:0.8rem;color:#6b978d;z-index:2}.crop-editor.has-image .crop-placeholder{display:none}.background-editor{position:relative;width:300px;max-width:100%;aspect-ratio:848/1200;border:1px solid #b9ddd3;border-radius:8px;background:linear-gradient(45deg,#f5fbf9 25%,#e9f5f1 25%,#e9f5f1 50%,#f5fbf9 50%,#f5fbf9 75%,#e9f5f1 75%,#e9f5f1 100%);background-size:18px 18px;overflow:hidden;cursor:-webkit-grab;cursor:grab;-ms-touch-action:none;touch-action:none;isolation:isolate;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55)}.background-editor.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.background-editor:after{content:"";position:absolute;inset:0;border-radius:8px;border:1px solid rgba(120,194,173,0.45);-webkit-box-shadow:none;box-shadow:none;pointer-events:none;z-index:3}.background-editor img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:none;z-index:2}.background-editor.has-image img{display:block}.background-editor.has-image .crop-placeholder{display:none}.preview-panel{padding:16px 16px 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;min-height:0;overflow:hidden}@media (1024px < width){.preview-panel{height:100%}}@media (width <= 1024px){.preview-panel{height:auto;min-height:auto;overflow:visible;padding:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent}}.preview-panel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.preview-panel__header h2{margin:0;font-size:1rem;font-family:var(--font-ui);font-weight:600;color:var(--heading)}.preview-panel__header p{margin:4px 0 0;font-size:0.84rem;color:var(--text)}@media (width <= 1024px){.preview-panel__header{margin-inline:var(--mobile-panel-gutter)}}.preview-zoom-controls{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-zoom-controls .button{min-width:38px;padding:8px 10px}.preview-zoom__ratio{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:62px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:7px 9px;border-radius:6px;border:1px solid var(--border-strong);font-size:0.84rem;font-weight:600;background:var(--surface-muted);color:var(--heading)}.warning-box{display:none;padding:9px 10px;border-radius:6px;border:1px solid #ffd78f;background:#fff5df;color:#866224}.warning-box.is-visible{display:block}.warning-box strong{display:block;font-size:0.84rem}.warning-box ul{margin:4px 0 0;padding-left:18px;font-size:0.8rem;line-height:1.5}@media (width <= 1024px){.warning-box{margin-inline:var(--mobile-panel-gutter)}}.preview-panel__viewport{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;height:auto;padding:0;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-muted);overflow:hidden;position:relative}@media (width <= 1024px){.preview-panel__viewport{min-height:66dvh;height:auto;border:0;-webkit-box-shadow:none;box-shadow:none;margin-inline:var(--mobile-panel-gutter)}}.preview-panel__scroll-area{position:absolute;inset:0;padding:16px;padding-bottom:60px;overflow:auto;scrollbar-gutter:stable;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.preview-panel__scroll-area.is-panning{cursor:-webkit-grabbing;cursor:grabbing}@media (width <= 640px){.preview-panel__scroll-area{padding:10px;padding-bottom:56px}}.preview-panel__zoom-floating{position:absolute;left:12px;bottom:12px;z-index:14;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;padding:3px;border:1px solid var(--border-strong);border-radius:8px;background:rgba(255,255,255,0.95);backdrop-filter:none;-webkit-box-shadow:0 2px 6px rgba(90,90,90,0.16);box-shadow:0 2px 6px rgba(90,90,90,0.16)}.preview-panel__zoom-floating .button,.preview-panel__zoom-floating .preview-zoom__ratio--compact{min-width:36px;min-height:30px;padding:6px 9px;font-size:0.76rem;line-height:1;font-weight:600;border-radius:6px}.preview-panel__zoom-floating #zoomResetButton{min-width:46px}.preview-panel__zoom-floating .preview-zoom__ratio--compact{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:0;background:var(--secondary);color:#ffffff}.preview-zoom__ratio--compact{min-width:36px}.preview-panel__canvas-host{position:relative;margin:0 auto}.preview-panel__stage{position:absolute;left:0;top:0;width:848px;height:1200px;-webkit-transform-origin:left top;transform-origin:left top;-webkit-box-shadow:0 0.35rem 0.9rem rgba(0,0,0,0.12);box-shadow:0 0.35rem 0.9rem rgba(0,0,0,0.12);background:transparent;overflow:hidden}.preview-stage__background{position:absolute;inset:0;z-index:0;background:#ffffff}.preview-stage__background img{display:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.preview-stage__background.has-image img{display:block}.preview-stage__overlay,.preview-stage__template,.preview-stage__text{position:absolute;inset:0}.preview-stage__template--image{z-index:1;display:block}.preview-stage__template--image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-stage__photo-frame{position:absolute;z-index:2;overflow:hidden;border:1px solid transparent;border-radius:var(--photo-corner-radius,0px)}.preview-stage__photo-frame:not(.has-image){border-color:rgba(17,17,17,0.45)}.preview-stage__photo-frame img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:none;display:none}.preview-stage__photo-frame.has-image img{display:block}.preview-stage__photo-frame.has-image .photo-placeholder{display:none}.photo-placeholder{position:absolute;inset:0;display:-ms-grid;display:grid;place-items:center;font-size:0.82rem;font-weight:700;line-height:1;color:#111111;letter-spacing:0.12em;background:rgba(214,214,214,0.96)}.preview-stage__overlay{z-index:3;pointer-events:none}.selection-mark{position:absolute;display:-ms-grid;display:grid;place-items:center;color:#4f4f4f;line-height:1}.selection-mark[data-shape=circle]{border-style:solid;border-width:2.5px;border-color:currentColor;border-radius:999px}.selection-mark[data-shape=heart]{border:0}.selection-mark[data-shape=star]{border:0}.selection-mark svg{display:block;width:100%;height:100%}.selection-mark__glyph{display:block;font-weight:700;-webkit-transform:translateY(2%);transform:translateY(2%)}.preview-stage__text{z-index:4;pointer-events:none}.preview-stage__debug{position:absolute;inset:0;z-index:5;pointer-events:none}.debug-box{position:absolute;border:1px dashed rgba(101,76,36,0.78);background:rgba(212,180,132,0.14);color:rgba(89,67,31,0.95);font-size:11px;font-weight:700;line-height:1;padding:2px 3px;overflow:hidden}.debug-box--photo{border-color:rgba(33,135,79,0.78);background:rgba(48,166,98,0.13);color:rgba(24,103,60,0.94)}.debug-box--mark{border-color:rgba(171,92,8,0.75);background:rgba(255,163,68,0.12);color:rgba(147,77,6,0.9)}.text-node{position:absolute;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:500;color:#5a5a5a;letter-spacing:0}.text-node.is-center{text-align:center}.text-node.is-right{text-align:right}.text-node.is-muted{font-weight:400;color:#666666}.text-node[data-overflow=true]{color:#952538}.hidden{display:none}.app-header .button--header-link{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.48);color:#ffffff;text-decoration:none}.app-header .button--header-link:hover{background:rgba(255,255,255,0.28);border-color:rgba(255,255,255,0.64)}@media (width <= 1024px){.app-header .button--header-link{padding:7px 10px;font-size:0.76rem;white-space:nowrap}}@media (width <= 480px){.app-header .button--header-link{display:none}}.l-about{--header-offset:64px}.l-about .app-shell{max-width:1080px;padding:32px 22px 56px}@media (width <= 640px){.l-about .app-shell{padding:24px 16px 48px}}.about-page{color:#5d646b}.about-hero{padding:20px 0 30px;border-bottom:1px solid var(--border)}.about-hero h1{margin:8px 0 0;font-family:var(--font-ui);font-size:2rem;line-height:1.35;letter-spacing:0;color:var(--heading)}@media (width <= 640px){.about-hero h1{font-size:1.5rem}}.about-hero__eyebrow{margin:0;font-family:var(--font-ui);font-size:0.78rem;font-weight:700;line-height:1.2;letter-spacing:0;color:var(--primary-strong)}.about-hero__lead{margin:16px 0 0;font-size:1rem;line-height:1.9;color:#5d646b}.about-hero__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-top:22px}.about-hero__actions a{text-decoration:none}.about-section{padding:32px 0;border-bottom:1px solid var(--border)}.about-section h2{margin:0 0 18px;font-family:var(--font-ui);font-size:1.35rem;line-height:1.4;letter-spacing:0;color:var(--heading)}.about-section h3{margin:0;font-size:1rem;line-height:1.55;color:var(--heading)}.about-section p{margin:8px 0 0;font-size:0.94rem;line-height:1.85}.about-overview{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (width <= 900px){.about-overview{-ms-grid-columns:1fr;grid-template-columns:1fr}}.about-overview__item,.about-tip{padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.about-steps{display:-ms-grid;display:grid;gap:14px}.about-step{display:-ms-grid;display:grid;-ms-grid-columns:48px 14px 1fr;grid-template-columns:48px 1fr;gap:14px;padding:18px;border:1px solid var(--border);border-radius:8px;background:#ffffff}@media (width <= 640px){.about-step{-ms-grid-columns:1fr;grid-template-columns:1fr;padding:16px}}.about-step__number{display:-ms-inline-grid;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--primary);color:#ffffff;font-family:var(--font-ui);font-weight:700;line-height:1}.about-step__body{min-width:0}.about-tips{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) 14px minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (width <= 760px){.about-tips{-ms-grid-columns:1fr;grid-template-columns:1fr}}.about-faq{display:-ms-grid;display:grid;gap:16px}.about-faq__item{padding-top:16px;border-top:1px solid var(--border)}.about-faq__item:first-child{padding-top:0;border-top:0}.about-cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:18px;margin-top:32px;padding:22px;border:1px solid #b9ddd3;border-radius:8px;background:#f4faf8}.about-cta h2{margin:0;font-family:var(--font-ui);font-size:1.25rem;line-height:1.4;letter-spacing:0;color:var(--heading)}.about-cta p{margin:8px 0 0;font-size:0.94rem;line-height:1.75;color:#5d646b}.about-cta a{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;text-decoration:none}@media (width <= 760px){.about-cta{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
/*# sourceMappingURL=style.css.map */