.coti-hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}.coti-hero:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 30% 0,#000,#0000 75%);mask-image:radial-gradient(120% 100% at 30% 0,#000,#0000 75%)}.coti-hero .wrap{padding-block:clamp(40px,6vw,72px);position:relative}.coti-hero h1{margin-top:16px;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.coti-hero h1 .ac{color:var(--accent)}.coti-hero .sub{color:#ffffffa8;max-width:48ch;margin-top:18px;font-size:1.1rem}.coti-steps{flex-wrap:wrap;gap:0;margin-top:34px;display:flex}.coti-step{border-right:1px solid #ffffff24;align-items:center;gap:12px;margin-right:32px;padding-right:32px;display:flex}.coti-step:last-child{border-right:0}.coti-step .n{background:var(--accent);color:#fff;width:34px;height:34px;font-family:var(--font-mono);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);place-items:center;font-weight:600;display:grid}.coti-step .t{font-family:var(--font-mono);color:#fffc;font-size:.82rem}.coti-body{grid-template-columns:1.3fr .7fr;align-items:start;gap:clamp(28px,4vw,56px);padding-block:clamp(40px,5vw,72px);display:grid}.fgroup{margin-bottom:30px}.flabel{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);align-items:center;gap:.6em;margin-bottom:4px;font-size:.78rem;font-weight:600;display:flex}.flabel .num{color:var(--accent)}.fhint{color:var(--muted);margin-bottom:14px;font-size:.86rem}.dz-big{border:2px dashed var(--line);background:var(--paper-2);text-align:center;cursor:pointer;padding:48px 28px;transition:border-color .25s,background .25s;position:relative}.dz-big:hover,.dz-big.drag{border-color:var(--accent);background:#e11d2a0a}.dz-big .up{background:var(--ink);color:#fff;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);width:64px;height:64px;transition:transform .3s var(--ease);place-items:center;margin:0 auto 18px;display:grid}.dz-big:hover .up{transform:translateY(-4px)}.dz-big .up svg{stroke:#fff;fill:none;stroke-width:1.6px;width:28px;height:28px}.dz-big .dzt{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.dz-big .dzs{color:var(--muted);margin-top:8px}.dz-big .fmts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.dz-big .fmt{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--line);color:var(--ink-2);background:var(--paper);padding:.4em .8em;font-size:.72rem}.dz-big input[type=file]{display:none}.filelist{flex-direction:column;gap:8px;margin-top:14px;display:flex}.fileitem{background:var(--paper);border:1px solid var(--line);align-items:center;gap:14px;padding:12px 14px;display:flex}.fileitem .ic{background:var(--ink);color:#fff;width:40px;height:40px;font-family:var(--font-mono);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);flex:none;place-items:center;font-size:.6rem;font-weight:600;display:grid}.fileitem .meta{flex:1;min-width:0}.fileitem .nm{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.fileitem .sz{font-family:var(--font-mono);color:var(--muted);font-size:.74rem}.fileitem .bar{background:var(--paper-3);height:4px;margin-top:6px;overflow:hidden}.fileitem .bar i{background:var(--accent);width:0;height:100%;animation:fill 1s var(--ease) forwards;display:block}@keyframes fill{to{width:100%}}.fileitem .rm{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px;font-size:1.1rem}.fileitem .rm:hover{color:var(--accent)}.refgrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}.refslot{aspect-ratio:1;background:var(--paper-2)}.refslot image-slot{width:100%;height:100%}.field{border:1.5px solid var(--line);background:var(--paper);width:100%;font-family:var(--font-body);color:var(--ink);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);outline:none;padding:14px 16px;font-size:.96rem;transition:border-color .2s}.field:focus{border-color:var(--accent)}textarea.field{resize:vertical;min-height:120px;line-height:1.6}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.field-row{grid-template-columns:1fr}}.selectrow{flex-wrap:wrap;gap:8px;display:flex}.selectchip{font-family:var(--font-mono);border:1.5px solid var(--line);background:var(--paper);cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);align-items:center;gap:.5em;padding:.6em 1em;font-size:.82rem;transition:all .2s;display:inline-flex}.selectchip:hover{border-color:var(--muted)}.selectchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.selectchip .sw{flex:none;width:14px;height:14px}.coti-aside{background:var(--ink);color:#fff;padding:30px 28px;position:sticky;top:96px}.coti-aside h3{margin-bottom:6px;font-size:1.3rem}.coti-aside .as-sub{color:#fff9;margin-bottom:24px;font-size:.9rem}.as-list{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.as-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:16px;padding-bottom:14px;font-size:.9rem;display:flex}.as-item .k{color:#ffffff8c;font-family:var(--font-mono);letter-spacing:.04em;font-size:.78rem}.as-item .v{text-align:right;font-weight:600}.as-item .v.empty{color:#ffffff4d;font-weight:400}.as-note{color:#ffffffb3;background:#ffffff0d;align-items:flex-start;gap:12px;margin-bottom:22px;padding:16px;font-size:.84rem;display:flex}.as-note svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.6px;flex:none}.as-contact{font-family:var(--font-mono);color:#fff9;justify-content:center;gap:10px;margin-top:16px;font-size:.8rem;display:flex}.as-contact a{align-items:center;gap:.5em;display:inline-flex}.as-contact a:hover{color:#fff}@media (max-width:920px){.coti-body{grid-template-columns:1fr}.coti-aside{order:-1;position:static}}