.creation-steps{align-items:center;max-width:600px;margin:-7px 0 30px;display:flex}.creation-steps span{color:#aaa097;white-space:nowrap;align-items:center;gap:7px;font-size:8px;display:flex}.creation-steps span.current{color:#4e4640;font-weight:700}.creation-steps i{border:1px solid #d7cdc4;border-radius:50%;place-items:center;width:21px;height:21px;font-style:normal;display:grid}.creation-steps .current i{color:#fff;background:#d94f45;border-color:#d94f45}.creation-steps>b{background:#ded5cd;flex:1;height:1px;margin:0 9px}.new-project-layout{grid-template-columns:1fr 310px;gap:14px;display:grid}.upload-panel{padding:27px}.upload-panel h2{font:700 21px var(--serif);margin:8px 0 5px}.upload-panel header p{color:#948a81;font-size:9px}.file-drop{cursor:pointer;background:#faf6f1;border:1px dashed #cfc2b7;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;height:210px;margin-top:23px;transition:all .25s;display:flex}.file-drop:hover{background:#fff7f4;border-color:#d94f45}.file-drop input{display:none}.upload-icon{color:#d15d54;background:#f0e5dd;border-radius:50%;place-items:center;width:43px;height:43px;margin-bottom:13px;font-size:20px;display:grid}.file-drop>b{font:600 13px var(--serif)}.file-drop small{color:#a0968c;margin-top:7px;font-size:8px}.file-drop.has-file{border-style:solid;border-color:#d9cfc6;flex-direction:row;justify-content:flex-start;gap:13px;height:116px;padding:20px}.file-icon{color:#fff;width:40px;height:52px;font:18px var(--serif);background:#d94f45;border-radius:5px;place-items:center;display:grid}.has-file div{flex:1}.has-file div b,.has-file div small{display:block}.has-file div b{font-size:10px}.has-file div small{color:#9d9288;margin-top:5px;font-size:8px}.has-file>i{color:#5b9368;font-style:normal}.source-tip{color:#7c6259;background:#f7ebe7;border-radius:8px;gap:9px;margin-top:13px;padding:12px;display:flex}.source-tip>span{color:#d94f45}.source-tip p{margin:0;font-size:8px;line-height:1.55}.source-tip b{margin-bottom:3px;display:block}.creation-summary{align-self:start;padding:25px}.creation-summary h3{font:700 19px var(--serif);margin:9px 0 18px}.creation-summary dl{border-top:1px solid #eee5dd;margin:0}.creation-summary dl div{border-bottom:1px solid #eee5dd;justify-content:space-between;gap:12px;padding:11px 0;font-size:8px;display:flex}.creation-summary dt{color:#92877d}.creation-summary dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:145px;margin:0;font-weight:700;overflow:hidden}.copyright-check{color:#766d65;cursor:pointer;gap:8px;margin:17px 0;font-size:8px;line-height:1.5;display:flex}.copyright-check input{accent-color:#d94f45}.start-analysis{color:#fff;background:#d94f45;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 15px;font-size:10px;font-weight:700;display:flex}.start-analysis:disabled{color:#a49a91;cursor:not-allowed;background:#d8d0c8}.creation-summary>small{text-align:center;color:#a0988f;margin-top:8px;font-size:7px;display:block}.service-feedback{color:#7c6259;background:#f7ebe7;border-radius:7px;margin:10px 0 0;padding:9px 10px;font-size:8px;line-height:1.55}.mode-section{margin-top:35px}.mode-section>div:first-child{align-items:end;gap:15px;margin-bottom:14px;display:flex}.mode-section h2{font:700 20px var(--serif);margin:0}.mode-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.mode-card{text-align:left;background:#fffdfa;border:1px solid #e5dcd4;border-radius:10px;min-height:140px;padding:16px;transition:all .2s}.mode-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #49331e0c}.mode-card.selected{border-color:#d94f45;box-shadow:0 0 0 2px #f4dcd8}.mode-card header{align-items:center;display:flex}.mode-card header>span{font:700 12px var(--serif)}.mode-card header i{color:#bd5047;background:#f7dfda;border-radius:99px;margin-left:6px;padding:3px 5px;font-size:7px;font-style:normal}.mode-card header b{color:#d94f45;margin-left:auto}.mode-card p{color:#91867d;margin:14px 0;font-size:8px;line-height:1.6}.mode-card footer{color:#9a9087;border-top:1px solid #eee6df;justify-content:space-between;padding-top:9px;font-size:7px;display:flex}.mode-card footer b{color:#655c54}.analysis-overlay{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#221f1ccd;place-items:center;display:grid;position:fixed;inset:0}.analysis-modal{text-align:center;background:#fffdfa;border-radius:16px;width:min(440px,100vw - 30px);padding:36px;box-shadow:0 30px 80px #0005}.analysis-mogu{color:#fff;width:54px;height:54px;font:26px var(--serif);background:#d94f45;border-radius:50%;place-items:center;margin:0 auto 15px;animation:1.2s infinite analysis-pulse;display:grid}.analysis-modal>small{letter-spacing:.13em;color:#b1665e;font:8px DM Mono}.analysis-modal h2{font:700 25px var(--serif);margin:10px 0 6px}.analysis-modal p{color:#8f857c;font-size:8px}.analysis-bar{background:#eee6df;border-radius:6px;height:5px;margin:23px 0 7px;overflow:hidden}.analysis-bar i{background:#d94f45;height:100%;transition:all .2s;display:block}.analysis-modal>b{font-size:9px}.analysis-events{justify-content:center;gap:12px;margin-top:23px;display:flex}.analysis-events span{color:#c0b7af;font-size:7px}.analysis-events span.done{color:#568064}@keyframes analysis-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 12px #f4d9d555}}@media (width<=1000px){.new-project-layout{grid-template-columns:1fr}.creation-summary{order:2}.mode-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.creation-steps{overflow:auto}.mode-grid{grid-template-columns:1fr}.analysis-events{flex-direction:column}}.start-analysis{height:auto;min-height:44px}.page-create .upload-panel{box-shadow:var(--app-shadow-sm);border-color:#e1d3c9}.mode-card:focus-visible{outline-offset:3px;outline:2px solid #d94f45}.mode-card:active{transform:translateY(0)scale(.99)}.page-create .creation-summary{box-shadow:var(--app-shadow-sm);background:linear-gradient(160deg,#fffdfa 0%,#fffaf5 100%);border-color:#e1d3c9;position:sticky;top:76px}.page-create .file-drop{box-shadow:inset 0 1px #fffefa}.page-create .mode-section{scroll-margin-top:82px}@media (width<=1000px){.page-create .creation-summary{position:static}}@media (width<=620px){.page-create .upload-panel header p{font-size:10px;line-height:1.65}.page-create .file-drop>b{font-size:14px}.page-create .file-drop small{font-size:9px;line-height:1.5}.page-create .source-tip p,.page-create .copyright-check{font-size:10px;line-height:1.65}.page-create .creation-summary>small{font-size:9px;line-height:1.5}.page-create .copyright-check{align-items:center;min-height:44px}.page-create .copyright-check input{flex:none;width:18px;height:18px;margin:0}.page-create .creation-summary{margin-top:0}}.page-create .file-drop{position:relative}.page-create .file-drop input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.page-create .file-drop input:focus-visible{outline:0}.page-create .file-drop:focus-within{border-color:#d94f45;box-shadow:0 0 0 3px #f4dcd8,inset 0 1px #fffefa}.page-create .creation-steps span{color:#63574e;font-size:12px}.page-create .section-label{color:#69594d;font-size:12px}.page-create .upload-panel header p{color:#665b52;font-size:13px}.page-create .file-drop small{color:#665b52;font-size:12px}.page-create .mode-card p{color:#665b52;font-size:13px}.page-create .mode-card header i{color:#82352f;font-size:11px}.page-create .mode-card footer{color:#665b52;font-size:12px}@media (width<=620px){.page-create .creation-steps span{font-size:11px}}.file-drop:hover,.file-drop.dragging{background:#fff7f4;border-color:#d94f45}.file-drop{position:relative}.file-drop input{opacity:0;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.file-drop:focus-within{outline:0}.file-drop.dragging{transform:translateY(-1px);box-shadow:0 0 0 3px #f4dcd8}@media (prefers-reduced-motion:reduce){.file-drop.dragging{transform:none}}.product-app.ui-dark-active.page-create .creation-summary{background:var(--night-surface-1);border-color:var(--night-line)}.product-app.ui-dark-active.page-create .upload-panel header p,.product-app.ui-dark-active.page-create .file-drop.has-file>div :where(small,em),.product-app.ui-dark-active.page-create .creation-summary :where(dt,small,.copyright-check),.product-app.ui-dark-active.page-create .mode-card :where(p,footer){color:var(--night-muted)}.product-app.ui-dark-active.page-create .source-tip{background:color-mix(in oklch,var(--app-red) 12%,var(--night-surface-2));color:var(--night-muted)}.product-app.ui-dark-active.page-create .file-feedback{background:color-mix(in oklch,var(--app-red) 14%,var(--night-surface-2));color:var(--night-ink)}.page-create .file-drop.has-file{grid-template-columns:48px minmax(0,1fr) 28px;align-content:center;align-items:center;gap:16px;height:210px;padding:28px;display:grid}.page-create .file-drop.has-file .file-icon{width:48px;height:64px}.page-create .file-drop.has-file>div{min-width:0}.page-create .file-drop.has-file>div b{color:var(--app-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.page-create .file-drop.has-file>div small,.page-create .file-drop.has-file>div em{color:var(--app-muted);margin-top:5px;font-size:12px;font-style:normal;line-height:1.5;display:block}.page-create .file-drop.has-file>i{background:color-mix(in oklch,#5b9368 14%,var(--app-card));color:#4c7b58;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.page-create .file-drop.has-file .file-icon,.page-create .file-drop.has-file>div,.page-create .file-drop.has-file>i{animation:create-file-ready .18s var(--product-ease-out,cubic-bezier(.22,1,.36,1)) both}.page-create .file-drop.has-error{border-color:#b94a42;box-shadow:0 0 0 3px oklch(55.5384% .145526 26.9473/.16)}.page-create .file-feedback{border-radius:var(--ui-radius-control);background:color-mix(in oklch,#b94a42 10%,var(--app-card));color:var(--app-red);animation:create-feedback-in .18s var(--product-ease-out,cubic-bezier(.22,1,.36,1)) both;margin:10px 0 0;padding:10px 12px;font-size:12px;line-height:1.55}@keyframes create-file-ready{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}@keyframes create-feedback-in{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}.page-create .app-content{container:create-page/inline-size}@container create-page (width<=900px){.page-create .new-project-layout{grid-template-columns:1fr}.page-create .creation-summary{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);column-gap:28px;display:grid;position:static}.page-create .creation-summary>:where(.section-label,h3){grid-column:1/-1}.page-create .creation-summary dl{grid-area:3/1/span 4}.page-create .creation-summary>:where(.copyright-check,.start-analysis,small,.service-feedback){grid-column:2}.page-create .creation-summary .copyright-check{margin-top:0}.page-create .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container create-page (width<=560px){.page-create .creation-summary{display:block}.page-create .mode-grid{grid-template-columns:1fr}.page-create .file-drop.has-file{grid-template-columns:42px minmax(0,1fr) 26px;gap:12px;padding:20px}.page-create .file-drop.has-file .file-icon{width:42px;height:56px}.page-create .file-drop.has-file>div b{font-size:13px}}@media (prefers-reduced-motion:reduce){.page-create .file-drop.has-file .file-icon,.page-create .file-drop.has-file>div,.page-create .file-drop.has-file>i,.page-create .file-feedback{animation:none}}