.coloring-import__section{padding:clamp(6.5rem,10vw,8rem) clamp(1rem,3vw,1.5rem) clamp(3rem,5vw,5rem);position:relative;overflow:hidden;background:radial-gradient(circle 380px at 82% 25%,rgba(110,139,95,.06) 0%,transparent 55%),radial-gradient(circle 320px at 12% 80%,rgba(231,218,196,.1) 0%,transparent 55%),linear-gradient(to bottom,#f5f3ee 0% 85%,#e7dac4);font-family:var(--font-primary, "Inter", sans-serif);color:#2c2c2c}.coloring-import__container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem)}.coloring-import__header{text-align:center;max-width:720px;margin:0 auto}.coloring-import__label{display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#4e6645;background:#6e8b5f1a;border:1px solid rgba(110,139,95,.18);padding:.35rem .9rem;border-radius:100px;margin-bottom:1rem}.coloring-import__title{text-wrap:balance;font-family:var(--font-secondary, "Crimson Text", serif);font-size:clamp(2rem,4.2vw,3rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;background:linear-gradient(135deg,#2c2c2c,#4e6645);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem}.coloring-import__intro{text-wrap:pretty;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.7;color:#555;margin:0 0 1rem}.coloring-import__privacy{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.45rem .9rem;border-radius:100px;background:#ffffffb3;border:1px solid rgba(110,139,95,.18);font-size:.82rem;font-weight:500;color:#4e6645;text-wrap:pretty}.coloring-import__privacy svg{width:15px;height:15px;flex-shrink:0}.coloring-import__message{max-width:720px;margin:0 auto;padding:.8rem 1.1rem;border-radius:.9rem;background:#fdf1ef;border:1px solid rgba(201,76,60,.25);color:#8f3326;font-size:.9rem;line-height:1.5;text-align:center}.coloring-import__dropzone,.coloring-import__tips,.coloring-import__preview,.coloring-import__controls,.coloring-import__busy{background:#ffffffa8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.75);border-radius:1.25rem;box-shadow:0 4px 20px #2c2c2c0d,0 1px 2px #fffc inset}.coloring-import__choose{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:stretch}.coloring-import__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:300px;padding:clamp(1.5rem,3vw,2.5rem);text-align:center;border:2px dashed rgba(110,139,95,.35);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.coloring-import__dropzone.is-dragover{border-color:#6e8b5f;background:#ecf4e6e6;transform:scale(1.01)}.coloring-import__drop-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6e8b5f29,#6e8b5f0f);color:#5a7a4e;margin-bottom:.25rem}.coloring-import__drop-icon svg{width:30px;height:30px}.coloring-import__drop-text{margin:0;font-family:var(--font-secondary, "Crimson Text", serif);font-size:clamp(1.35rem,2.2vw,1.6rem);font-weight:600;color:#2c2c2c}.coloring-import__drop-or{margin:0;font-size:.85rem;color:#888}.coloring-import__drop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.coloring-import__formats{margin:.25rem 0 0;font-size:.78rem;color:#888}.coloring-import__tips{padding:clamp(1.25rem,2.5vw,1.75rem)}.coloring-import__tips-title{margin:0 0 .9rem;font-family:var(--font-secondary, "Crimson Text", serif);font-size:1.3rem;font-weight:600;color:#2c2c2c}.coloring-import__tips-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.coloring-import__tips-list li{position:relative;padding-left:1.7rem;font-size:.9rem;line-height:1.55;color:#555;text-wrap:pretty}.coloring-import__tips-list li:before{content:"";position:absolute;left:0;top:.2rem;width:1.1rem;height:1.1rem;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 62% no-repeat,#6e8b5f}.coloring-import__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.7rem 1.4rem;border-radius:100px;border:1px solid transparent;font-family:inherit;font-size:.92rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.coloring-import__btn:hover{transform:translateY(-1px)}.coloring-import__btn--primary{background:linear-gradient(135deg,#6e8b5f,#5a7a4e);color:#fff;box-shadow:0 6px 16px #5a7a4e47}.coloring-import__btn--primary:hover{box-shadow:0 8px 22px #5a7a4e5c}.coloring-import__btn--ghost{background:#ffffffd9;border-color:#6e8b5f4d;color:#4e6645}.coloring-import__btn--ghost:hover{background:#fff;border-color:#6e8b5f}.coloring-import__btn--danger{background:#c9493a;color:#fff}.coloring-import__btn--danger:hover{background:#b23c2e}.coloring-import__btn:focus-visible,.coloring-import__btn:focus-within{outline:3px solid rgba(110,139,95,.45);outline-offset:2px}.coloring-import__file{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}@media(hover:hover)and (pointer:fine){.coloring-import__btn--photo{display:none}}.coloring-import__busy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:260px;color:#4e6645;font-weight:500}.coloring-import__busy p{margin:0}.coloring-import__spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(110,139,95,.2);border-top-color:#6e8b5f;animation:coloring-import-spin .8s linear infinite}@keyframes coloring-import-spin{to{transform:rotate(360deg)}}.coloring-import__adjust{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:start}.coloring-import__preview{display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1.25rem);min-height:300px}.coloring-import__preview-canvas{display:block;max-width:100%;max-height:min(70vh,720px);width:auto;height:auto;background:#fff;border-radius:.5rem;box-shadow:0 8px 24px #2c2c2c1a}.coloring-import__controls{display:flex;flex-direction:column;gap:1.15rem;padding:clamp(1.25rem,2.5vw,1.75rem)}.coloring-import__controls-title{margin:0;font-family:var(--font-secondary, "Crimson Text", serif);font-size:1.45rem;font-weight:600;color:#2c2c2c;scroll-margin-top:6rem}.coloring-import__switch{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.coloring-import__switch input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:42px;height:24px;margin:.1rem 0 0;border-radius:100px;background:#2c2c2c33;cursor:pointer;transition:background-color .2s ease}.coloring-import__switch input:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.coloring-import__switch input:checked{background:#6e8b5f}.coloring-import__switch input:checked:before{transform:translate(18px)}.coloring-import__switch input:focus-visible,.coloring-import__range:focus-visible,.coloring-import__input:focus-visible,.coloring-import__segmented input:focus-visible+span{outline:3px solid rgba(110,139,95,.45);outline-offset:2px}.coloring-import__switch span{display:flex;flex-direction:column;gap:.15rem}.coloring-import__switch strong{font-size:.95rem;font-weight:600}.coloring-import__switch small,.coloring-import__hint{font-size:.8rem;line-height:1.45;color:#777}.coloring-import__field{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0;border:none;min-width:0;transition:opacity .2s ease}.coloring-import__field.is-disabled{opacity:.45}.coloring-import__field-label{padding:0;font-size:.9rem;font-weight:600;color:#2c2c2c}.coloring-import__range{width:100%;margin:0;accent-color:#6e8b5f;cursor:pointer}.coloring-import__range-ends{display:flex;justify-content:space-between;font-size:.75rem;color:#888}.coloring-import__segmented{display:flex;gap:4px;padding:4px;border-radius:100px;background:#2c2c2c0f}.coloring-import__segmented label{flex:1;position:relative;cursor:pointer}.coloring-import__segmented input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.coloring-import__segmented span{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:100px;font-size:.85rem;font-weight:600;color:#666;transition:background-color .2s ease,color .2s ease}.coloring-import__segmented input:checked+span{background:#fff;color:#4e6645;box-shadow:0 2px 8px #2c2c2c1a}.coloring-import__input{width:100%;min-height:44px;padding:.6rem .9rem;border-radius:.75rem;border:1px solid rgba(44,44,44,.15);background:#fff;font-family:inherit;font-size:16px;color:#2c2c2c}.coloring-import__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.coloring-import__actions .coloring-import__btn{flex:1 1 auto}.coloring-import__library{display:flex;flex-direction:column;gap:1rem;margin-top:clamp(.5rem,2vw,1.5rem)}.coloring-import__library-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem}.coloring-import__library-title{margin:0;font-family:var(--font-secondary, "Crimson Text", serif);font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:600;color:#2c2c2c}.coloring-import__library-hint{margin:0;font-size:.82rem;color:#888}.coloring-import__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:clamp(.75rem,1.5vw,1rem)}.coloring-import__item{position:relative}.coloring-import__item-link{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:1rem;background:#ffffffbf;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #2c2c2c0d;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s ease,border-color .3s ease}.coloring-import__item-link:hover{transform:translateY(-3px);border-color:#6e8b5f4d;box-shadow:0 10px 26px #2c2c2c1a}.coloring-import__item-link:focus-visible{outline:3px solid rgba(110,139,95,.45);outline-offset:2px}.coloring-import__item-media{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 5;max-width:100%;padding:.6rem;background:#fff;border-bottom:1px solid rgba(44,44,44,.06)}.coloring-import__item-media img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.coloring-import__item-body{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem .8rem}.coloring-import__item-name{font-size:.9rem;font-weight:600;color:#2c2c2c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coloring-import__item-date{font-size:.75rem;color:#888}.coloring-import__item-open{margin-top:.35rem;font-size:.8rem;font-weight:600;color:#5a7a4e}.coloring-import__item-remove{position:absolute;top:.45rem;right:.45rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(44,44,44,.08);background:#ffffffeb;color:#8f3326;cursor:pointer;box-shadow:0 2px 8px #2c2c2c1f;transition:background-color .2s ease,color .2s ease}.coloring-import__item-remove:hover{background:#c9493a;color:#fff}.coloring-import__item-remove:focus-visible{outline:3px solid rgba(201,73,58,.4);outline-offset:2px}.coloring-import__item-remove svg{width:16px;height:16px}.coloring-import__dialog{width:min(24rem,calc(100vw - 2rem));padding:1.4rem;border:none;border-radius:1.25rem;background:#fff;color:#2c2c2c;box-shadow:0 24px 60px #00000040;font-family:var(--font-primary, "Inter", sans-serif)}.coloring-import__dialog::backdrop{background:#14141873;backdrop-filter:blur(2px)}.coloring-import__dialog-title{margin:0 0 .5rem;font-family:var(--font-secondary, "Crimson Text", serif);font-size:1.4rem;font-weight:600}.coloring-import__dialog-text{margin:0 0 1.2rem;font-size:.9rem;line-height:1.55;color:#555}.coloring-import__section[hidden],.coloring-import__section [hidden],.coloring-import__tool[hidden]{display:none!important}@media(max-width:860px){.coloring-import__choose,.coloring-import__adjust{grid-template-columns:minmax(0,1fr)}.coloring-import__dropzone{min-height:260px}.coloring-import__preview-canvas{max-height:55vh}}@media(max-width:480px){.coloring-import__drop-actions,.coloring-import__drop-actions .coloring-import__btn{width:100%}.coloring-import__actions{flex-direction:column-reverse}.coloring-import__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.coloring-import__dropzone,.coloring-import__btn,.coloring-import__item-link,.coloring-import__switch input,.coloring-import__switch input:before,.coloring-import__segmented span{transition:none}.coloring-import__btn:hover,.coloring-import__item-link:hover,.coloring-import__dropzone.is-dragover{transform:none}.coloring-import__spinner{animation-duration:2s}}