:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d1d1f;background:#f5f5f7;font-size:14px;line-height:1.5;--blue:#007aff;--muted:#6e6e73;--line:#e5e5ea;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,label:focus-visible{outline:3px solid #007aff66;outline-offset:4px}h1,h2,p{margin:0;text-wrap:pretty}h1{text-wrap:balance}h2{font-size:18px;line-height:28px;font-weight:600}button,a,label{transition:background .25s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.32,.72,0,1),color .25s cubic-bezier(.32,.72,0,1)}button:active:not(:disabled){transform:scale(.98)}.hidden{display:none!important}.shell{max-width:1280px;margin:32px auto;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:clip;min-height:calc(100dvh - 64px);box-shadow:0 16px 48px #22223308}.app-toolbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:24px;background:#fafafc;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-1px;font-weight:600;display:flex;align-items:center;gap:8px}.brand span{font-size:18px;color:var(--blue)}.toolbar-caption{color:var(--muted);font-size:12px}.toolbar-actions{display:flex;gap:16px;align-items:center}.icon-button{border:0;background:#eeeef2;width:32px;height:32px;border-radius:50%;color:var(--muted);font-size:18px}.new-button{border:0;border-radius:8px;background:#e9f2ff;color:var(--blue);padding:8px 12px;font-weight:500}.new-button:hover{background:#dceaff}#project-list{display:flex;gap:8px;padding:16px 32px 0;overflow:auto;scrollbar-width:thin}.project-link{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:8px 12px;white-space:nowrap;max-width:240px;flex-shrink:0;text-align:left}.project-link span:last-child{display:block;overflow:hidden;text-overflow:ellipsis}.project-link:hover{background:#f5f5f7}.project-link.active{background:#eaf3ff;color:#0065d4}.project-dot{display:none}main{padding:0 32px 16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 8px;color:#b0b0b5}.breadcrumb strong{font-weight:400}.top-actions{display:flex;align-items:center;gap:12px}.pill{font-size:12px;color:var(--muted)}.quiet{background:transparent;border:0;color:var(--blue);padding:8px 0}.quiet:hover{color:#005ac4}.intro{padding:24px 0 32px}h1{font-size:36px;line-height:40px;font-weight:650;letter-spacing:-1px}.intro p{font-size:18px;line-height:28px;color:var(--muted);margin-top:8px}.stepbar{display:flex;align-items:center;gap:16px;color:#86868b;margin-bottom:32px}.stepbar>span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}.stepbar b{display:grid;place-items:center;background:#ededf0;color:#86868b;width:32px;height:32px;border-radius:50%;font-weight:500}.stepbar .active{color:#1d1d1f}.stepbar .active b,.stepbar .done b{color:#fff;background:var(--blue)}.stepbar i{height:1px;background:var(--line);flex:1;max-width:160px}.editor-grid{display:grid;gap:24px}.canvas-panel{min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.panel-heading p{font-size:12px;color:var(--muted);margin-top:4px}.counter{font-size:12px;color:var(--muted);white-space:nowrap}.photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.photo-card{min-width:0;position:relative;border-radius:16px;background:#f5f5f7;overflow:hidden}.photo-card img{width:100%;display:block;aspect-ratio:3/4;object-fit:contain;background:#eeeef2}.photo-num{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:28px;height:28px;background:#1c243b99;color:#fff;border-radius:50%;font-size:12px;backdrop-filter:blur(8px)}.photo-name{display:block;padding:8px 12px 0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.photo-controls{display:flex;justify-content:space-between;gap:4px;padding:4px 8px}.photo-controls button{background:transparent;border:0;color:var(--blue);border-radius:8px;min-height:32px;min-width:32px;padding:4px 8px}.photo-controls button:hover{background:#e1ebf7}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fafafc;border:1px dashed #c7c7cc;border-radius:16px;padding:40px 24px;text-align:center;cursor:pointer;margin-bottom:16px}.dropzone input{display:none}.upload-icon{color:var(--blue);font-size:30px;line-height:36px}.dropzone strong{font-weight:500;font-size:16px}.dropzone>span:not(.upload-icon),.dropzone small{color:var(--muted);font-size:12px}.dropzone u{color:var(--blue);text-decoration:none}.dropzone:hover,.dropzone.dragover{background:#f1f7ff;border-color:var(--blue)}.has-photos .dropzone{padding:12px 16px;flex-direction:row;justify-content:flex-start;background:#fff;gap:12px}.has-photos .dropzone strong{font-size:14px}.has-photos .dropzone small{margin-left:auto}.has-photos .dropzone .upload-icon{font-size:24px}.order-hint{color:var(--muted);font-size:12px;margin-top:12px;text-align:center}.canvas-foot{display:flex;justify-content:space-between;gap:12px;color:#86868b;font-size:12px;margin-top:16px}.details-panel{min-width:0}.settings-group{border:1px solid var(--line);border-radius:16px;padding:0 24px;background:#fafafc}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;font-size:14px;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row strong{color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}.setting-row small{font:inherit}.checkout{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.price-box{max-width:480px}.price-box>span{font-size:12px;color:var(--muted)}.price-box>strong{display:block;font-size:18px;font-weight:500;margin-top:4px}.price-box p{font-size:12px;color:var(--muted);margin-top:4px}.action-group{display:flex;align-items:center;justify-content:flex-end;gap:24px}.action-note{font-size:12px;color:var(--muted);max-width:240px;text-align:right}.button{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-size:16px;line-height:24px;font-weight:500;border:0;border-radius:12px;min-height:48px}.primary{color:#fff;background:var(--blue);white-space:nowrap}.primary:hover:not(:disabled){background:#0065d4}.secondary{color:var(--blue);background:#edf5ff;margin-top:16px}.secondary:hover{background:#e0edff}.process-note{font-size:12px;color:#86868b;text-align:right;margin-top:12px}.workspace-footer{display:flex;justify-content:space-between;gap:16px;padding:32px 0 8px;font-size:12px;color:#86868b}.legal{display:flex;gap:16px}.legal a:hover{color:var(--blue)}.notice,.error{font-size:12px;line-height:20px;padding:12px 16px;border-radius:12px;margin-top:16px;background:#edf5ff;color:#336087}.error{background:#fff1f0;color:#ae342b}.small{font-size:12px;line-height:20px}.muted{color:var(--muted)}#video-area{margin-top:24px;max-width:560px;margin-inline:auto}.video-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px}video{display:block;width:100%;max-height:560px;background:#f5f5f7;border-radius:16px}#review-tip{font-size:12px;color:var(--muted);margin-top:12px}.job-list{display:grid;gap:8px;margin-top:16px}.job{display:flex;justify-content:space-between;gap:16px;font-size:12px;background:#f5f5f7;padding:12px 16px;border-radius:12px}.job span{color:var(--blue)}.job.running{animation:breathe 2s cubic-bezier(.32,.72,0,1) infinite}.skip{position:fixed;top:-80px;left:16px;z-index:10;background:var(--blue);color:white;padding:12px;border-radius:8px}.skip:focus{top:16px}dialog{background:#fff;color:#1d1d1f;border:1px solid var(--line);padding:24px;border-radius:24px;width:calc(100% - 32px);max-width:480px;box-shadow:0 24px 64px #0002}dialog::backdrop{background:#1d1d1f44;backdrop-filter:blur(8px)}dialog p{color:var(--muted);margin:16px 0}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.connection{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.connection span{color:#a66b32}.connection.ok span{color:#24824a}.legal-page{max-width:680px;padding:40px 0}.legal-page p{margin:24px 0;color:var(--muted);line-height:28px}.legal-page a{color:var(--blue)}@keyframes breathe{50%{background:#eaf3ff}}@media(max-width:1350px){.shell{margin:24px;min-height:calc(100dvh - 48px)}.action-group{flex-direction:column;align-items:flex-end;gap:8px}.action-note{max-width:320px}.primary{font-size:14px}}@media(max-width:700px){:root{background:#f5f5f7}.shell{border:0;border-radius:0;margin:0;min-height:100dvh;box-shadow:none;background:#f5f5f7}.app-toolbar{height:64px;padding:0 16px;background:#f5f5f7}.brand{font-size:20px}.toolbar-caption{display:none}.toolbar-actions{gap:12px}.new-button{font-size:12px;padding:8px}.icon-button{background:#e9e9ee}#project-list{padding:12px 16px 0;gap:4px}.project-link{font-size:12px;padding:8px;max-width:200px}main{padding:0 16px 16px}.topbar{padding-top:12px}.breadcrumb{display:none}.top-actions{width:100%;justify-content:space-between}.intro{padding:24px 0}h1{font-size:30px;line-height:36px;font-weight:650}.intro p{font-size:14px;line-height:20px;margin-top:4px}.stepbar{gap:8px;margin-bottom:24px}.stepbar>span{font-size:12px;gap:4px}.stepbar b{width:24px;height:24px;font-size:12px}.stepbar i{min-width:8px}.stepbar span:last-child{font-size:0}.stepbar span:last-child b{font-size:12px}.panel-heading{margin-bottom:12px}.panel-heading p{display:none}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-card{border-radius:12px;background:#fff}.photo-name{display:none}.photo-controls{padding:4px 8px}.photo-controls button{min-height:36px;min-width:36px}.dropzone{background:#fff;padding:32px 16px}.has-photos .dropzone{flex-wrap:wrap;border-radius:12px;padding:8px 12px;margin-bottom:12px;gap:8px}.has-photos .dropzone>span:not(.upload-icon),.has-photos .dropzone small{display:none}.canvas-foot{flex-direction:column;gap:4px;font-size:12px}.settings-group{background:#fff;padding:0 16px;border:0;border-radius:16px}.setting-row{min-height:48px}.checkout{display:block;margin-top:16px;padding-top:16px}.price-box{padding:0 4px}.price-box>strong{font-size:16px}.action-group{align-items:stretch;gap:12px;margin-top:24px}.action-note{text-align:left;max-width:none}.primary{width:100%;min-height:48px;font-size:16px}.process-note{text-align:left}.workspace-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:12px}.notice,.error{margin-top:12px}.video-label{gap:8px}video{max-height:480px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tariff-option{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f5f5f7;padding:16px;border-radius:12px;margin-top:8px}.tariff-option>div{display:flex;flex-direction:column;gap:4px}.tariff-option span{font-size:12px;color:var(--muted)}.tariff-option b{color:var(--blue);font-size:20px;font-weight:600}#tariff-economics{font-size:12px;line-height:20px;background:#edf5ff;color:#336087;border-radius:12px;padding:16px;margin-top:16px}@media(max-width:700px){.tariff-link{font-size:12px}.toolbar-actions{gap:8px}.new-button{font-size:0}.new-button::after{content:'＋';font-size:20px;line-height:20px}.brand{font-size:20px}}
select{font:inherit;color:var(--blue);border:0;background:transparent;padding:8px;max-width:65%;border-radius:8px;cursor:pointer}select:focus-visible{outline:3px solid #007aff55}select:disabled{color:var(--muted);cursor:default}.framing-hint{font-size:12px;color:var(--muted);padding:12px 0 16px;line-height:20px}.photo-controls button[data-remove]{color:#c43c35}.photo-card[draggable=true]{cursor:grab}.photo-card[draggable=true]:active{cursor:grabbing}@media(max-width:700px){select{font-size:12px;max-width:62%;padding-right:0}.setting-row label{font-size:12px}}
.transition-card{background:#fafafc;border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}.transition-card header{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.transition-card header span{font-size:12px;color:var(--muted)}.transition-card video{max-height:360px;max-width:400px;margin:12px auto}.transition-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.transition-actions button{border:0;border-radius:8px;padding:8px 12px;background:#eaf3ff;color:var(--blue);font-size:14px}.transition-actions button:disabled{opacity:.4}.transition-card textarea{display:block;width:100%;min-height:100px;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit;margin-top:8px;resize:vertical}.transition-card summary{cursor:pointer;color:var(--blue);font-size:12px;padding:8px 0}.transition-card pre{white-space:pre-wrap;font:inherit;font-size:12px;color:var(--muted);max-height:240px;overflow:auto}.transition-card .history{display:flex;gap:12px;font-size:12px;color:var(--blue);margin-top:12px}.accepted-label{color:#24824a!important}