.home-view[hidden],.version-a-history[hidden],.admin-request-view[hidden],.admin-success-view[hidden],.choice-heading[hidden],.choice-grid[hidden],.home-admin-status[hidden],.steps[hidden]{display:none!important}
.home-view{display:grid;gap:14px}
.home-order-brief{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px 26px;border:1px solid #dce5f6;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f5f8ff 100%);box-shadow:0 12px 34px rgba(38,65,123,.08)}
.home-kicker{display:block;margin-bottom:5px;color:#3764c6;font-size:.78rem;font-weight:900}
.home-order-brief h1{margin:0;color:#182035;font-size:clamp(1.25rem,3vw,1.8rem);line-height:1.25}
.home-order-brief p{margin:7px 0 0;color:#667085;font-size:.95rem;line-height:1.55}
.home-order-brief p strong{color:#182035}
.home-order-chip{position:relative;display:grid;place-items:center;align-self:center;width:124px;min-width:124px;color:#fff;text-align:center}
.home-order-chip img{display:block;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 9px 14px rgba(40,67,127,.16))}
.home-order-chip b{position:absolute;left:45%;top:45%;transform:translate(-50%,-50%);font-size:2rem;line-height:1;color:#fff;text-shadow:0 2px 4px rgba(19,54,137,.3)}
.home-order-chip span{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);width:max-content;padding:4px 9px;border-radius:999px;background:#3860be;color:#fff;font-size:.63rem;font-weight:800;line-height:1.2;box-shadow:0 5px 12px rgba(40,67,127,.2)}
.choice-heading{padding:8px 2px 0;text-align:center}
.choice-heading>span{color:#3860be;font-size:.78rem;font-weight:900}
.choice-heading h2{margin:3px 0 4px;color:#182035;font-size:1.55rem}
.choice-heading>span.is-continuation{display:block;margin:3px 0 4px;color:#182035;font-size:1.55rem;line-height:1.25}
.choice-heading>span.is-continuation+h2{display:none}
.choice-heading p{margin:0;color:#697386;font-size:.88rem;line-height:1.5}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.choice-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"number number number" "icon copy arrow";gap:8px 12px;align-items:center;min-height:150px;padding:16px;border:1.5px solid #dce4f2;border-radius:22px;background:#fff;color:#20283b;text-align:left;box-shadow:0 9px 26px rgba(31,56,112,.07);cursor:pointer;transition:.18s ease}
.choice-card:hover{transform:translateY(-2px);border-color:#6b8dda;box-shadow:0 14px 30px rgba(31,56,112,.12)}
.choice-card:focus-visible{outline:3px solid rgba(56,96,190,.28);outline-offset:3px}
.choice-card:disabled{opacity:.45;cursor:not-allowed;transform:none}
.choice-number{grid-area:number;justify-self:start;padding:4px 8px;border-radius:999px;background:#eef3ff;color:#3860be;font-size:.7rem;font-weight:900}
.choice-icon{grid-area:icon;display:grid;place-items:center;width:54px;height:54px;background:transparent}
.choice-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(39,66,126,.12))}
.choice-card.urgent .choice-icon img{transform:scale(1.22)}
.choice-card.assist .choice-icon img{transform:scale(1.16)}
.choice-copy{grid-area:copy;display:grid;gap:4px;min-width:0}
.choice-copy strong{font-size:1rem;line-height:1.3}
.choice-copy small{color:#6b7280;font-size:.76rem;line-height:1.4}
.choice-arrow{grid-area:arrow;color:#7890bf;font-size:1.8rem}
.home-tip{display:flex;align-items:center;justify-content:center;gap:8px;color:#667085;font-size:.8rem}
.home-tip b{padding:4px 8px;border-radius:999px;background:#fff5db;color:#9a6300}
.home-progress{padding:16px 18px;border:1px solid #cfe2d7;border-radius:20px;background:#f3fbf6}
.home-progress-copy{display:flex;justify-content:space-between;gap:12px;color:#305442;font-size:.82rem}
.home-progress-copy strong{color:#175f3b}
.home-progress-track{height:7px;margin:10px 0 12px;border-radius:99px;background:#dfeae3;overflow:hidden}
.home-progress-track i{display:block;height:100%;border-radius:inherit;background:#25a35f;transition:width .2s ease}
.home-piece-list{display:grid;gap:8px}
.home-piece{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:13px;background:#fff}
.home-piece-preview{display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(45deg,#edf0f5 25%,transparent 25%),linear-gradient(-45deg,#edf0f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f5 75%),linear-gradient(-45deg,transparent 75%,#edf0f5 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;clip-path:var(--clip-path,none)}
.home-piece-preview.circle{border-radius:50%}.home-piece-preview.square{border-radius:var(--corner-radius,0)}.home-piece-preview.half{border-radius:var(--corner-radius,0) var(--corner-radius,0) 0 0}.home-piece-preview.droplet{border-radius:52% 48% 62% 38%/60% 45% 55% 40%;transform:rotate(45deg)}
.home-piece-preview img{display:block;width:100%;height:100%;object-fit:contain}
.home-piece-preview.droplet img{transform:rotate(-45deg)}
.home-piece-info{display:grid;gap:2px;min-width:0}.home-piece-info strong{font-size:.82rem}.home-piece-info span{overflow:hidden;color:#6b7280;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
.home-piece-actions{display:flex;gap:5px}.home-piece-actions button{padding:7px 9px;border:0;border-radius:9px;font-weight:800;cursor:pointer}.home-piece-actions [data-action="edit"]{background:#edf3ff;color:#315dbb}.home-piece-actions [data-action="delete"]{background:#fff0f1;color:#b3313d}
.home-admin-status{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1px solid #bfd3fa;border-radius:18px;background:#f3f7ff;color:#273f76}.home-admin-status-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#dfeaff;color:#3860be;font-size:1.25rem;font-weight:900}.home-admin-status-copy{display:grid;gap:4px}.home-admin-status-copy strong{color:#264b9a;font-size:.95rem}.home-admin-status-copy span{color:#3f4d68;font-size:.82rem;line-height:1.45}.home-admin-status-copy small{color:#6b758b;font-size:.75rem;line-height:1.4}
.version-a-history{scroll-margin-top:18px}
.admin-request-view{max-width:760px;margin:0 auto}
.admin-request-head{text-align:center}.admin-request-head h1{margin:5px 0 6px;color:#172036;font-size:clamp(1.45rem,5vw,2rem)}.admin-request-head p{margin:0 auto;max-width:620px;color:#697386;line-height:1.55}
.admin-request-card{display:grid;gap:18px;margin-top:20px;padding:24px;border:1px solid #dbe3f2;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(30,52,102,.09)}
.admin-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:250px;padding:24px;border:2px dashed #a9b9dd;border-radius:20px;background:linear-gradient(180deg,#f9fbff,#f2f6ff);color:#697386;text-align:center;cursor:pointer;transition:.2s}
.admin-upload:hover{border-color:#3860be;background:#edf3ff;transform:translateY(-1px)}
.admin-upload-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:5px;border-radius:17px;background:#fff;color:#3860be;box-shadow:0 8px 24px rgba(56,96,190,.13)}.admin-upload-icon svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.admin-upload>span:nth-of-type(2){display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;max-width:100%}.admin-upload strong{max-width:100%;overflow:hidden;padding:12px 25px;border-radius:12px;background:#3860be;color:#fff;font-size:1.08rem;box-shadow:0 8px 18px rgba(56,96,190,.24);text-overflow:ellipsis;white-space:nowrap}.admin-upload small{color:#6c7588;font-size:.8rem;line-height:1.4}.admin-upload img{order:-1;width:min(100%,430px);height:220px;border-radius:15px;object-fit:contain;background:#fff;box-shadow:0 8px 22px rgba(34,54,96,.1)}
.admin-upload.has-file{min-height:310px;padding:18px}.admin-upload.has-file .admin-upload-icon{display:none}.admin-upload.has-file strong{padding:2px 0;background:transparent;color:#1c263a;box-shadow:none;font-size:.95rem}
.admin-comment{display:grid;gap:7px}.admin-comment>span,.admin-sheet-picker strong{color:#25304a;font-weight:900}.admin-comment textarea{width:100%;min-height:116px;padding:13px 14px;border:1.5px solid #cfd8e8;border-radius:14px;color:#1d2637;font:inherit;line-height:1.5;resize:vertical}.admin-comment textarea:focus{border-color:#3860be;outline:3px solid rgba(56,96,190,.12)}.admin-comment small{justify-self:end;color:#8790a1}
.admin-sheet-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center;padding:16px;border-radius:17px;background:#f5f7fb}.admin-sheet-picker>div:first-child{display:grid;gap:3px}.admin-sheet-picker>div:first-child span{color:#70798a;font-size:.78rem}.admin-sheet-picker .quick-qty{grid-column:1/-1}.admin-privacy{padding:11px 13px;border-radius:12px;background:#fff7e6;color:#76531a;font-size:.78rem;line-height:1.4}.admin-submit{min-height:54px}
.admin-success-view{max-width:650px;margin:0 auto}.admin-mark{background:#eef5ff!important;color:#3860be!important}.admin-ticket{display:flex;justify-content:space-between;gap:16px;margin:20px 0 16px;padding:14px 16px;border-radius:14px;background:#f4f6fa;color:#667085}.admin-ticket strong{color:#27334b}.admin-success-home{min-height:54px}

@media(max-width:760px){
  .home-view{gap:12px}
  .home-order-brief{grid-template-columns:minmax(0,1fr) auto;padding:16px;border-radius:18px}
  .home-order-brief h1{font-size:1.2rem}.home-order-brief p{font-size:.8rem;line-height:1.45}
  .home-order-chip{width:96px;min-width:96px}.home-order-chip img{width:92px;height:92px}.home-order-chip b{left:45%;top:45%;font-size:1.65rem}.home-order-chip span{bottom:-1px;padding:3px 7px;font-size:.56rem}
  .choice-heading{text-align:left}.choice-heading h2,.choice-heading>span.is-continuation{font-size:1.35rem}.choice-heading p{font-size:.8rem}
  .choice-grid{grid-template-columns:1fr;gap:9px}
  .choice-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy arrow";min-height:0;padding:13px 14px;border-radius:17px}
  .choice-number{display:none}.choice-icon{width:52px;height:52px}.choice-copy strong{font-size:.95rem}.choice-copy small{font-size:.73rem}
  .home-tip{justify-content:flex-start;align-items:flex-start;padding:0 2px;font-size:.73rem;line-height:1.4}
  .home-progress{padding:13px}.home-progress-copy{display:grid;gap:2px}
  .home-admin-status{padding:14px;border-radius:16px}.home-admin-status-icon{width:38px;height:38px}.home-admin-status-copy span{font-size:.76rem}
  .admin-request-card{margin-top:14px;padding:16px;border-radius:20px}
  .admin-request-head{text-align:left}.admin-request-head h1{font-size:1.45rem}.admin-request-head p{font-size:.86rem}
  .admin-upload{min-height:230px;padding:18px}.admin-upload img{width:100%;height:190px}.admin-upload.has-file{min-height:280px;padding:14px}
  .admin-sheet-picker{grid-template-columns:1fr}.admin-sheet-picker .quantity-row{justify-content:flex-start}.admin-sheet-picker .quick-qty{grid-column:1}
  .action-bar{display:flex!important}
  .action-bar .primary{width:100%;grid-column:auto!important}
}

@media(max-width:420px){
  .home-order-brief{gap:10px}.home-order-brief p{max-width:210px}.home-order-chip{width:92px;min-width:92px}.home-order-chip img{width:88px;height:88px}
  .choice-copy small{max-width:235px}
  .home-piece{grid-template-columns:42px minmax(0,1fr);align-items:center}.home-piece-preview{max-width:42px;max-height:42px}.home-piece-actions{grid-column:1/-1}.home-piece-actions button{flex:1;min-height:38px}
}

@media(max-width:600px){
  .confirm-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}
  .confirm-dialog form{max-height:calc(100dvh - 24px);padding:22px 16px}
  .dialog-icon{width:50px;height:50px;margin-bottom:11px}.dialog-icon svg{width:24px}
  .confirm-dialog h2{padding:0 30px;font-size:1.2rem;line-height:1.35}
  .dialog-designs{max-height:40dvh;gap:9px;margin:15px 0 10px;padding-right:2px}
  .dialog-design{grid-template-columns:68px minmax(0,1fr);grid-template-areas:"preview info" "preview sheets";gap:7px 11px;align-items:start;min-height:104px;padding:11px 11px 21px}
  .dialog-design-preview{grid-area:preview;align-self:start;justify-self:center;max-width:68px;max-height:68px}
  .dialog-design-info{grid-area:info;overflow:hidden}
  .dialog-design-info strong{display:-webkit-box;overflow:hidden;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35}
  .dialog-design-info span{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:4px;line-height:1.4}
  .dialog-design-sheets{grid-area:sheets;justify-self:start;width:auto;min-width:0;padding:5px 9px;font-size:.74rem}
  .dialog-design:after{right:11px;bottom:7px}
  .dialog-summary{margin:10px 0;padding:10px}.dialog-warning{margin-bottom:11px}
}