:root{--color-canvas:#fff;--color-surface:#fff;--color-subtle:#f7f7f8;--color-hover:#f0f1f3;--color-border:#e7e7e9;--color-border-strong:#cdced3;--color-text:#252528;--color-muted:#73747c;--color-accent:#252528;--color-accent-hover:#080809;--color-accent-soft:#efeff0;--color-focus:#8d8d93;color:var(--color-text);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}#root{min-height:100vh}.card-add{width:100%;margin-top:12px}.reference-location-tags{flex-wrap:wrap;gap:5px;margin:0 0 8px;display:flex}.reference-location-tag{box-sizing:border-box;background:var(--color-subtle);max-width:100%;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:11px;line-height:1.4;text-decoration:none;display:inline-block;overflow:hidden}.reference-location-tag:hover{background:var(--color-hover)}a{color:inherit;text-underline-offset:4px}button,.button{color:#fff;cursor:pointer;background:var(--color-accent);border:1px solid var(--color-accent);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}.secondary{color:var(--color-accent);border-color:var(--color-border-strong);background:#fff}.text-button{color:var(--color-accent);background:0 0;border:0;padding:6px 8px;font-size:13px}.app-shell{flex-direction:column;max-width:1440px;min-height:100vh;margin:auto;padding:0 48px;display:flex}.topbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;min-height:80px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:var(--color-accent);background:var(--color-accent-soft);border-radius:11px;place-items:center;width:34px;height:34px;font:700 21px Georgia,serif;display:grid}.account{color:var(--color-muted);align-items:center;gap:16px;font-size:13px;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 0 80px}.footer{color:var(--color-muted);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;min-height:70px;font-size:11px;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin:24px 0 40px;display:flex}.page-heading>div:last-child{flex-shrink:0}.eyebrow{color:var(--color-muted);letter-spacing:.15em;margin:0 0 14px;font-size:11px;font-weight:700}h1{letter-spacing:-.045em;margin:0;font-size:32px;font-weight:650;line-height:1.4}h2{letter-spacing:-.025em;font-size:18px}.subtitle{color:var(--color-muted);margin:12px 0 0;font-size:15px;line-height:1.8}.breadcrumbs{color:var(--color-muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.breadcrumbs a{text-decoration:none}.tabs{border-bottom:1px solid var(--color-border);gap:28px;display:flex}.tabs a{color:var(--color-muted);padding:12px 2px 15px;font-size:14px;text-decoration:none}.tabs .active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);font-weight:700}.list-caption{color:var(--color-muted);justify-content:space-between;margin:24px 0 16px;font-size:13px;display:flex}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card,.reference-card{border:1px solid var(--color-border);background:#fff;border-radius:16px;min-height:220px;padding:26px;transition:border-color .15s,box-shadow .15s;position:relative}.folder-mark{color:var(--color-muted);font-size:34px;line-height:1}.project-card h2,.reference-card h2{overflow-wrap:anywhere;margin:18px 0 12px}.project-card h2 a,.reference-card h2 a{text-decoration:none}.project-card>p{color:var(--color-muted);font-size:13px}.card-bottom{color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;font-size:12px;display:flex}.card-bottom a{color:var(--color-accent)}.card-bottom details{position:relative}.card-bottom summary{cursor:pointer;color:var(--color-accent)}.menu{z-index:2;border:1px solid var(--color-border);background:#fff;border-radius:10px;flex-direction:column;min-width:110px;padding:6px;display:flex;position:absolute;top:25px;right:0;box-shadow:0 8px 24px #0001}.domain{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:12px}.reference-card{flex-direction:column;display:flex}.reference-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.card-note{white-space:pre-wrap;color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.8;display:-webkit-box;overflow:hidden}.reference-card .card-bottom{border-top:1px solid var(--color-subtle);padding-top:18px}.empty,.state{text-align:center;border:1px dashed var(--color-border-strong);border-radius:16px;margin-top:20px;padding:72px 24px}.empty h2{margin-top:20px}.empty p{color:var(--color-muted);font-size:14px;line-height:1.8}.empty-mark{color:var(--color-accent);background:var(--color-subtle);border-radius:16px;place-items:center;width:52px;height:52px;margin:auto;font-size:26px;display:grid}.state a{margin:16px;display:inline-block}.error{color:#ad302c;line-height:1.7}.notice,.success{color:var(--color-accent);background:var(--color-subtle);border-radius:12px;padding:16px 20px;font-size:14px;line-height:1.8}.notice{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.pagination{justify-content:center;align-items:center;gap:22px;margin-top:36px;font-size:14px;display:flex}.form-page{max-width:720px;margin:auto}.form-page>a{color:var(--color-muted);font-size:14px}.editor,.login-form{border:1px solid var(--color-border);background:#fff;border-radius:16px;padding:32px}fieldset{border:0;min-width:0;margin:0;padding:0}label{margin-bottom:24px;font-size:14px;font-weight:600;display:block}input,select,textarea{color:var(--color-text);width:100%;min-height:46px;font:inherit;border:1px solid var(--color-border-strong);background:#fff;border-radius:10px;margin-top:10px;padding:12px 14px;font-weight:400;display:block}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:var(--color-muted)}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field-row label{min-width:0}.field-row .text-button{margin-top:6px}.optional,.required{color:var(--color-muted);margin-left:6px;font-size:12px;font-weight:400}.required{color:var(--color-accent)}.hint{color:var(--color-muted);font-size:13px;line-height:1.8}.form-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.dialog{color:var(--color-text);border:1px solid var(--color-border);border-radius:18px;width:min(440px,100% - 32px);padding:28px;box-shadow:0 20px 80px #0002}.dialog::backdrop{background:#0006}.dialog h2{margin:0 0 28px}.detail-top{justify-content:space-between;align-items:center;margin:28px 0;display:flex}.detail{border:1px solid var(--color-border);background:#fff;border-radius:20px;max-width:900px;margin:auto;padding:40px}.detail h1{overflow-wrap:anywhere}.source-url{overflow-wrap:anywhere;color:var(--color-accent);margin-top:18px;font-size:14px;display:block}.description,.note-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9}.description{margin-top:28px}.note-section{border-top:1px solid var(--color-border);margin-top:36px;padding-top:24px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.muted{color:var(--color-muted)}.login-panel{max-width:720px;margin:48px auto}.login-panel h1{font-size:42px}.login-form{max-width:440px;margin-top:40px}.login-form h2{margin:0 0 28px}.login-form>button{width:100%}:focus-visible{outline-offset:3px;outline:2px solid var(--color-accent)}@media (width>=1100px){.app-shell{padding-inline:64px}}@media (width<=1099px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{padding-inline:32px}.account span{text-overflow:ellipsis;max-width:160px;overflow:hidden}}@media (width<=699px){.app-shell{padding-inline:20px}.topbar{min-height:72px}.account span{display:none}.brand{font-size:14px}.main-content{padding-top:24px}.card-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}h1{font-size:28px}.field-row{grid-template-columns:1fr;gap:0}.editor,.detail{padding:22px}.footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:16px 0}.login-panel{margin-top:28px}.login-panel h1{font-size:32px}.login-form{padding:24px}.notice{flex-direction:column;align-items:flex-start}.breadcrumbs{line-height:1.8}}.main-content{padding-top:24px;padding-bottom:36px}.page-heading{margin:20px 0 28px}.thumbnail{aspect-ratio:16/10;background:var(--color-subtle);border-radius:10px;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-empty{color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:100px;font-size:12px;display:flex}.thumbnail-empty>span:first-child{font-size:30px;font-weight:400}.card-preview{margin-bottom:16px;text-decoration:none;display:block}.reference-card>.card-preview{margin-bottom:8px}.reference-card>.domain{margin:0 0 10px;line-height:1.5}.reference-card>.reference-location-tags{gap:6px;margin:0 0 8px}.reference-card>.reference-location-tags+h2{margin-top:0}.reference-card,.project-card{min-height:0;padding:18px}.reference-card h2,.project-card h2{margin:10px 0 6px;font-size:16px}.card-note{-webkit-line-clamp:2;margin:8px 0}.card-bottom{margin-top:16px}.reference-card .card-bottom{padding-top:12px}.compact-workspace{border:1px solid var(--color-border);background:#fff;border-radius:18px;max-width:980px;margin:12px auto;padding:24px}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.workspace-heading h1{font-size:24px}.workspace-heading .eyebrow{margin-bottom:6px;font-size:10px}.close-panel{color:var(--color-muted);white-space:nowrap;padding:8px;font-size:13px;text-decoration:none}.capture-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px;display:grid}.capture-fields{min-width:0}.compact-workspace .editor{border:0;border-radius:0;padding:0}.compact-workspace label{margin-bottom:18px;font-size:13px}.compact-workspace input,.compact-workspace select,.compact-workspace textarea{margin-top:8px;padding:10px 12px;font-size:14px}.compact-workspace .field-row{gap:12px}.compact-workspace .field-row .text-button{min-height:30px;padding-left:0;font-size:12px}.compact-workspace .form-actions{border-top:1px solid var(--color-subtle);margin-top:20px;padding-top:18px}.capture-preview{background:var(--color-subtle);border:1px solid var(--color-border);border-radius:12px;padding:16px}.capture-preview h2{overflow-wrap:anywhere;margin:16px 0 8px;font-size:16px}.capture-preview .hint{font-size:12px}.capture-preview .image-picker>button{width:100%}.section-kicker{color:var(--color-muted);margin:0 0 14px;font-size:12px;font-weight:600}.image-picker input[hidden]{display:none}.image-picker .error{font-size:12px}.reference-workspace{max-width:1080px;margin:12px auto}.reference-workspace>.workspace-heading{align-items:center;margin-bottom:18px}.reference-split{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.reference-browser{background:var(--color-subtle);border:1px solid var(--color-border);border-radius:16px;padding:18px}.browser-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.browser-heading h2{margin:0;font-size:16px}.browser-heading>span{color:var(--color-muted);font-size:12px}.reference-browser>.button{width:100%}.reference-rail{flex-direction:column;gap:10px;max-height:620px;margin-top:16px;display:flex;overflow-y:auto}.rail-item{border:1px solid #0000;border-radius:10px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;padding:10px;text-decoration:none;display:grid}.rail-item.selected{border-color:var(--color-focus);background:#fff;box-shadow:0 3px 10px #00000006}.rail-item:hover{background:#fff}.rail-item .thumbnail{aspect-ratio:1;border-radius:6px}.rail-item .thumbnail-empty{gap:0;min-height:0}.rail-item .thumbnail-empty>span:last-child{display:none}.rail-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.rail-item>div>span{color:var(--color-muted);overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.rail-item p{-webkit-line-clamp:2;color:var(--color-muted);-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.detail.inspector{border-radius:16px;width:100%;min-width:0;padding:24px}.inspector-summary{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.inspector-info,.inspector-visual{min-width:0}.inspector-image{aspect-ratio:auto;width:100%;height:190px}.inspector-image img{object-fit:contain}.thumbnail-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;margin-top:10px;display:grid}.thumbnail-actions button{white-space:nowrap;width:100%;min-height:36px;padding:8px;font-size:12px;font-weight:500;line-height:18px}.image-help{color:var(--color-muted);margin:10px 0 0;font-size:11px;line-height:1.8}.image-help kbd{font:inherit;background:var(--color-subtle);border:1px solid var(--color-border);border-radius:4px;padding:1px 4px}.inspector-title{margin:0 0 14px}.inspector-title .domain{font-size:12px;line-height:18px}.inspector-title h1{margin:6px 0 0;font-size:24px;font-weight:650;line-height:1.35}.reference-location{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:12px;line-height:20px;display:flex}.reference-location>span:not(:nth-child(2)){background:var(--color-subtle);border-radius:5px;padding:2px 8px}.source-button{min-height:36px;padding:8px 12px;font-size:12px;font-weight:500;line-height:18px}.inspector .source-url{white-space:nowrap;text-overflow:ellipsis;color:var(--color-muted);margin-top:10px;font-size:12px;line-height:18px;text-decoration:none;overflow:hidden}.inspector .section-heading{align-items:center;min-height:36px;margin:0 0 12px}.inspector .section-heading h2{margin:0;font-size:15px;font-weight:600;line-height:22px}.inspector .note-edit-button{min-height:36px;padding:8px 12px;font-size:12px;font-weight:500;line-height:18px}.inspector .note-content{background:var(--color-subtle);border-radius:8px;min-height:64px;margin:0;padding:14px 16px;font-size:14px;line-height:1.8}.inspector-footer{color:var(--color-muted);flex-wrap:wrap;gap:16px;margin-top:18px;font-size:11px;line-height:18px;display:flex}.inspector .success{margin:12px 0 0;padding:8px 12px;font-size:12px}.reference-workspace .workspace-heading .breadcrumbs{align-items:center;min-height:36px;line-height:20px}.reference-workspace .close-panel{align-items:center;min-height:36px;padding:8px 12px;line-height:20px;display:inline-flex}.inspector .hint{font-size:11px}@media (width>=1200px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=850px){.inspector-summary{grid-template-columns:1fr;gap:16px}.capture-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.reference-split{grid-template-columns:230px minmax(0,1fr);gap:16px}.reference-browser{padding:12px}.rail-item{grid-template-columns:54px minmax(0,1fr);gap:8px;padding:8px}}@media (width<=699px){.compact-workspace{margin-top:0;padding:18px}.capture-layout,.reference-split{grid-template-columns:1fr}.capture-preview{order:-1}.capture-preview .thumbnail{max-height:180px}.capture-preview .hint:last-child,.reference-browser{display:none}.reference-workspace .workspace-heading{align-items:flex-start}.detail.inspector{padding:18px}.compact-workspace .field-row{grid-template-columns:1fr 1fr}}.collect-nav{color:var(--color-accent);white-space:nowrap;border:1px solid var(--color-border-strong);border-radius:8px;align-items:center;min-height:36px;padding:6px 10px;font-size:12px;line-height:20px;text-decoration:none;display:inline-flex}.account>span{white-space:nowrap}.collect-page{max-width:1000px;margin:12px auto}.collect-page h1{font-size:28px}.collect-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.collect-methods>article{border:1px solid var(--color-border);background:#fff;border-radius:16px;padding:28px}.collect-native{grid-column:1/-1}.collect-methods h2{margin:12px 0;font-size:18px}.collect-methods p,.collect-methods li{color:var(--color-muted);font-size:14px;line-height:1.8}.collect-methods ol{padding-left:20px}.collect-methods li{margin-bottom:12px}.method-number{color:var(--color-muted);letter-spacing:.1em;font-size:12px;font-weight:700}.bookmarklet-button{cursor:grab;margin:12px 0 0}.share-received{color:var(--color-accent);background:var(--color-subtle);border:1px solid var(--color-border);border-radius:10px;margin:0 0 24px;padding:12px 16px;font-size:13px;line-height:1.7}@media (width<=699px){.collect-methods{grid-template-columns:1fr}.collect-methods>article{padding:22px}.account{gap:6px}}@media (width<=420px){.topbar{gap:8px}.brand{gap:8px;font-size:12px}.brand-mark{width:28px;height:28px}.account .collect-nav{padding:5px 6px;font-size:11px}.account .text-button{padding-inline:4px;font-size:11px}}.generation-workspace{max-width:1080px;margin:auto}.ai-badge{background:var(--color-subtle);color:var(--color-accent);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.generation-layout{border:1px solid var(--color-border);background:#fff;border-radius:18px;grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);gap:32px;padding:28px;display:grid}.generation-layout h2,.generation-result h2{margin-top:0;font-size:18px}.generation-source>img{object-fit:contain;background:var(--color-subtle);border-radius:10px;width:100%;max-height:420px}.generation-empty{background:var(--color-subtle);min-height:240px;color:var(--color-muted);border-radius:10px;place-items:center;display:grid}.image-file-label{margin:16px 0}.image-file-label input{max-width:100%}.generation-notes{background:var(--color-subtle);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:18px 0;padding:16px}.generation-notes h3{margin:0 0 8px;font-size:13px}.generation-notes p{margin:0}.rights-check{align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;display:flex}.rights-check input{flex-shrink:0;align-self:flex-start;width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0}.generation-policy{border:1px solid var(--color-border);border-radius:10px;margin:18px 0;padding:16px}.generation-policy p{font-size:12px}.generation-result{border:1px solid var(--color-border);background:#fff;border-radius:16px;padding:24px}.generated-image{object-fit:contain;width:100%;max-width:720px;max-height:70vh;margin:20px auto;display:block}.generation-history{margin-top:32px}.generation-history>button{text-align:left;width:100%;margin:10px 0;display:block}.generation-entry{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.generation-entry p{margin:6px 0}.generation-entry .button{flex-shrink:0}@media (width<=720px){.generation-layout{grid-template-columns:1fr;gap:20px;padding:18px}.generation-entry{flex-direction:column;align-items:flex-start}}.region-prototype{border:1px solid var(--color-border);border-radius:10px;margin:20px 0;padding:16px}.region-prototype summary{cursor:pointer;font-weight:600}.region-stage{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;margin:16px 0;position:relative}.region-stage img{object-fit:fill;border-radius:0;width:100%;height:auto;max-height:none;display:block}.region-selection{pointer-events:none;outline-offset:-2px;background:#ee8f3140;outline:2px solid #bc5c18;position:absolute}.region-fields{border:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;padding:12px;display:grid}.region-fields label{min-width:0}.region-fields input{box-sizing:border-box;width:100%}.project-concept-navigation{justify-content:space-between;align-items:center;gap:16px;margin:12px 0 24px;display:flex}.project-concept-navigation .tabs{margin:0}.concept-brief,.concept-inputs,.concept-submit{border:1px solid var(--color-border);background:#fff;border-radius:16px;margin:20px 0;padding:24px}.concept-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.concept-reference{border:1px solid var(--color-border);border-radius:12px;min-width:0;padding:18px}.concept-reference .section-heading{overflow-wrap:anywhere;align-items:flex-start;gap:12px}.concept-reference .section-heading span{color:var(--color-muted);flex-shrink:0;font-size:12px}.concept-image{background:var(--color-subtle);border-radius:8px;place-items:center;min-height:160px;margin:16px 0;display:grid;overflow:hidden}.concept-image img{object-fit:contain;max-width:100%;height:200px;display:block}.concept-image p{color:var(--color-muted);padding:20px}.concept-note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.concept-reference input[type=file]{max-width:100%}.concept-snapshot-note{border-top:1px solid var(--color-border);overflow-wrap:anywhere;padding:14px 0}@media (width<=720px){.concept-reference-grid{grid-template-columns:1fr}.project-concept-navigation{flex-direction:column;align-items:stretch}.concept-brief,.concept-inputs,.concept-submit{padding:16px}.concept-inputs>.section-heading{flex-direction:column;align-items:stretch}.concept-reference .section-heading{flex-direction:column}}.reference-list-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 0;display:flex}.reference-list-toolbar .project-type-filters{flex:1;min-width:0;margin:0}.filter-caption{color:var(--color-muted);margin-right:4px;font-size:12px}.reference-status-filter{color:var(--color-muted);flex-shrink:0;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.reference-status-filter select{background-color:#0000;width:auto;min-height:32px;margin:0;padding:5px 28px 5px 10px;font-size:12px}.project-type-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.project-type-filters a{border:1px solid var(--color-border);border-radius:8px;padding:6px 12px;font-size:13px;display:inline-block}.project-type-filters a.active{background:var(--color-accent-soft);border-color:var(--color-focus)}.reference-toolbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.reference-toolbar-actions .classification-generate{min-height:32px;padding:6px 10px;font-size:12px}@media (width<=720px){.reference-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}}.classification-manager{position:relative}.classification-manager>summary{cursor:pointer;color:var(--color-muted);white-space:nowrap;border-radius:6px;padding:7px 9px;font-size:12px;list-style:none}.classification-manager>summary::-webkit-details-marker{display:none}.classification-manager>summary:hover,.classification-manager[open]>summary{background:var(--color-accent-soft);color:var(--color-accent)}.classification-manager>summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.classification-panel{box-sizing:border-box;border:1px solid var(--color-border);z-index:20;background:#fff;border-radius:10px;width:320px;max-width:calc(100vw - 40px);padding:14px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001a}.classification-panel>strong{margin-bottom:10px;font-size:13px;display:block}.classification-rows{max-height:280px;overflow:auto}.classification-row{border-top:1px solid var(--color-subtle);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.classification-row>span{overflow-wrap:anywhere;min-width:0;font-size:13px}.classification-row>div{flex-shrink:0;gap:2px;display:flex}.classification-panel button{min-height:32px;padding:5px 7px;font-size:12px}.classification-panel .classification-add{border-top:1px solid var(--color-subtle);border-radius:0;justify-content:flex-start;width:100%;margin-top:8px;padding-top:10px}@media (width<=720px){.classification-panel{width:auto;max-width:none;max-height:calc(100dvh - 64px);position:fixed;inset:50% 16px auto;overflow-y:auto;transform:translateY(-50%)}}.app-workspace>.topbar{gap:16px;min-height:60px}.app-workspace>.main-content{padding-top:16px}.app-workspace .topbar .brand-mark{border-radius:9px;width:30px;height:30px}.app-workspace .topbar .account{gap:12px}.app-workspace .topbar button,.app-workspace .topbar .button{min-height:32px;padding:6px 10px;font-size:12px}.library-workspace{--library-gap:16px}.project-library-header{border-bottom:1px solid var(--color-border);align-items:center;gap:16px;min-height:44px;display:flex}.project-library-header .project-back{color:var(--color-muted);flex-shrink:0;padding:8px 4px;font-size:18px;text-decoration:none}.project-library-header h1{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:20px;line-height:28px;overflow:hidden}.project-library-tabs{align-self:stretch;align-items:stretch;gap:20px;margin-left:8px;display:flex}.project-library-tabs a{color:var(--color-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;padding:10px 0;font-size:13px;text-decoration:none;display:flex}.project-library-tabs a.active{border-color:var(--color-accent);color:var(--color-accent);font-weight:700}.project-reference-count{color:var(--color-muted);white-space:nowrap;font-size:12px}.project-library-header .project-add{flex-shrink:0;min-height:32px;margin-left:auto;padding:6px 12px;font-size:12px}.project-library>.reference-list-toolbar{margin-bottom:8px}@media (width<=600px){.project-library-header{flex-wrap:wrap;gap:8px;padding-bottom:6px}.project-library-header h1{max-width:120px;font-size:18px}.project-library-tabs{flex:1;order:4;gap:12px;margin-left:0}.project-library-header .project-add{margin-left:auto}.project-reference-count{order:5}}.library-workspace>.breadcrumbs{gap:8px;margin:0 0 8px;font-size:12px;line-height:20px}.library-workspace>.page-heading{align-items:center;gap:16px;margin:0 0 12px}.library-workspace>.page-heading .eyebrow{display:none}.library-workspace>.page-heading h1{font-size:26px;line-height:36px}.library-workspace>.page-heading .button{min-height:36px;padding:7px 14px;font-size:13px}.library-workspace>.project-concept-navigation{border-bottom:1px solid var(--color-border);margin:0;display:block}.library-workspace .project-concept-navigation .tabs{border:0;gap:24px}.library-workspace .project-concept-navigation .tabs a{padding:8px 2px 10px;font-size:13px}.library-workspace>.reference-list-toolbar{border:0;gap:8px 16px;margin:0;padding:10px 0}.library-workspace .project-type-filters{scrollbar-width:thin;flex-wrap:nowrap;gap:6px;overflow-x:auto}.library-workspace .project-type-filters>a,.library-workspace .project-type-filters>.filter-caption{white-space:nowrap;flex-shrink:0}.library-workspace .project-type-filters a{border-radius:6px;padding:5px 10px;font-size:12px;line-height:18px;text-decoration:none}.library-workspace .project-type-filters a:not(.active){border-color:#0000}.library-workspace .project-type-filters a:hover{background:var(--color-subtle)}.library-workspace .project-type-filters button{min-height:30px;padding:4px 6px;font-size:12px}.library-workspace>.list-caption{margin:2px 0 12px;font-size:12px;line-height:20px}.library-workspace>.card-grid{gap:16px}@media (width<=720px){.app-workspace>.topbar{box-sizing:border-box;min-height:56px;padding:8px 0}.app-workspace>.main-content{padding-top:12px}.library-workspace>.page-heading{flex-direction:row;align-items:center;margin-bottom:8px}.library-workspace>.page-heading h1{overflow-wrap:anywhere;font-size:23px}.library-workspace>.page-heading>div:first-child{min-width:0}.library-workspace>.page-heading .button{padding:7px 10px;font-size:12px}.library-workspace>.reference-list-toolbar{align-items:flex-start}.library-workspace .reference-status-filter{gap:4px}}.project-concepts{grid-template-rows:auto min-content minmax(min-content,1fr);grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px 20px;display:grid}.project-concepts>.breadcrumbs,.project-concepts>.page-heading,.project-concepts>.tabs,.project-concepts>.error,.project-concepts>.notice{grid-column:1/-1;margin:0}.project-concepts>.breadcrumbs{gap:8px;font-size:12px}.project-concepts>.page-heading{padding:0}.project-concepts .eyebrow{display:none}.project-concepts h1{margin:0 0 4px;font-size:26px}.project-concepts .subtitle{margin:0;font-size:13px}.project-concepts>.tabs{margin-bottom:2px}.project-concepts .tabs button,.project-concepts .tabs span{padding:8px 14px}.project-concepts .concept-brief,.project-concepts .concept-inputs,.project-concepts .concept-submit{border-radius:12px;min-width:0;margin:0;padding:16px}.project-concepts h2{margin:0 0 12px;font-size:15px}.project-concepts label{font-size:12px}.project-concepts textarea{min-height:0;padding:10px;font-size:13px;line-height:1.5}.project-concepts .hint{margin:8px 0;font-size:12px;line-height:1.5}.project-concepts button{min-height:34px;padding:7px 10px;font-size:12px}.project-concepts>.project-library-header{grid-column:1/-1}.project-concepts>.project-library-header h1{margin:0;font-size:20px;line-height:28px}.project-concepts>.concept-brief{grid-area:2/2}.project-concepts>.concept-inputs{grid-area:2/1/4}.project-concepts>.concept-submit{grid-area:3/2}.concept-inputs>.section-heading{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.concept-inputs>.section-heading h2{width:100%;margin:0 0 2px}.project-concepts .concept-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.project-concepts .concept-reference{border-radius:8px;grid-template-columns:80px minmax(0,1fr);align-content:start;gap:5px 10px;padding:12px;display:grid}.project-concepts .concept-image{grid-area:1/1/4;height:100px;min-height:90px;margin:0}.project-concepts .concept-image img{object-fit:contain;width:100%;height:100px}.project-concepts .concept-image p{text-align:center;margin:0;padding:8px;font-size:11px}.concept-reference>.section-heading{flex-direction:column;grid-column:2;gap:2px;margin:0;font-size:13px;display:flex}.concept-reference>.section-heading span{font-size:11px}.concept-input-status{color:#89633b;grid-column:2;margin:0;font-size:11px}.concept-input-status.ready{color:var(--color-accent)}.project-concepts .concept-note{grid-column:2;margin:0;font-size:13px;line-height:1.5}.concept-reference-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;margin-top:4px;display:flex}.concept-upload{box-sizing:border-box;border:1px solid var(--color-border-strong);cursor:pointer;border-radius:8px;align-items:center;min-height:34px;padding:7px 10px;display:inline-flex;position:relative;overflow:hidden}.concept-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.concept-upload:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.concept-upload:has(input:disabled){opacity:.5;cursor:default}.concept-help summary,.project-concepts>.generation-history summary{cursor:pointer;font-size:12px;font-weight:600}.project-concepts .generation-policy{border-radius:8px;margin:12px 0;padding:12px}.project-concepts .generation-policy strong{font-size:13px}.project-concepts .rights-check{gap:8px;margin:12px 0;font-size:12px}.concept-brief>label,.concept-submit>label:not(.rights-check){margin:0 0 12px;line-height:1.5;display:block}.concept-brief>label textarea,.concept-submit>label textarea{box-sizing:border-box;width:100%;margin-top:8px;display:block}.concept-submit>.generation-policy{margin:12px 0}.concept-submit>.rights-check{clear:both;line-height:1.5}.concept-submit>button{width:100%;margin-top:12px;display:flex}.project-concepts>.generation-history{border-top:1px solid var(--color-border);grid-column:1;margin:0;padding:12px 0}.concept-metrics{grid-column:2}.concept-metrics>.generation-policy{border:0;margin:0;padding:0}@media (width<=960px){.project-concepts{grid-template-columns:minmax(0,1fr) 290px;gap:12px}.project-concepts .concept-reference{grid-template-columns:80px minmax(0,1fr);gap:5px 10px}.project-concepts .concept-image,.project-concepts .concept-image img{height:80px;min-height:80px}}@media (width<=720px){.project-concepts{flex-direction:column;gap:12px;display:flex}.project-concepts>*{box-sizing:border-box;width:100%}.project-concepts h1{font-size:23px}.project-concepts .concept-reference-grid{grid-template-columns:1fr}.project-concepts .concept-reference .section-heading{flex-direction:column;gap:2px}.project-concepts .concept-inputs>.section-heading{flex-direction:row;align-items:center}.project-concepts .concept-reference-actions{grid-column:1/-1}}.project-concepts .concept-reference{flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.concept-reference-main{flex-direction:column;gap:12px;min-width:0;display:flex}.project-concepts .concept-reference .concept-image{aspect-ratio:16/10;grid-area:auto;width:100%;height:auto;min-height:0;margin:0}.project-concepts .concept-reference .concept-image img{object-fit:contain;width:100%;height:100%;min-height:0}.concept-reference-info{flex-direction:column;gap:5px;width:100%;min-width:0;display:flex}.project-concepts button.concept-reference-title{-webkit-line-clamp:2;text-align:left;overflow-wrap:anywhere;min-height:36px;max-height:36px;color:var(--color-text);background:0 0;border:0;border-radius:0;-webkit-box-orient:vertical;margin:0;padding:0;font-size:13px;font-weight:650;line-height:18px;display:-webkit-box;overflow:hidden}.project-concepts button.concept-reference-title:hover{color:var(--color-accent);text-decoration:underline}.concept-reference-type{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}.concept-reference-info .concept-input-status{margin:0;font-size:11px;line-height:16px;display:block}.project-concepts .concept-reference .concept-note{-webkit-line-clamp:2;min-height:36px;color:var(--color-muted);-webkit-box-orient:vertical;grid-column:auto;margin:0;font-size:12px;line-height:18px;display:-webkit-box;overflow:hidden}.project-concepts .concept-reference-actions{border-top:1px solid var(--color-subtle);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;margin:auto 0 0;padding-top:10px;display:grid}.project-concepts .concept-reference-actions>button,.project-concepts .concept-reference-actions>.concept-upload{box-sizing:border-box;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;height:32px;min-height:32px;margin:0;padding:5px 6px;font-size:11px;line-height:20px;display:flex}.project-concepts .concept-reference-actions>.concept-upload input{height:100%;min-height:0;margin:0;padding:0}.concept-image-recovery{border-top:1px solid var(--color-subtle);margin-top:auto;padding-top:8px}.concept-image-recovery p{color:#915c35;margin:0 0 8px;font-size:12px;line-height:1.5}.concept-image-recovery .concept-upload{min-height:32px;margin:0;font-size:12px}.concept-image-recovery .concept-upload input{margin:0}.concept-selection-toolbar{align-items:center;gap:12px;margin-top:4px;padding:8px 0;font-size:12px;display:flex}.project-concepts .concept-selection-toolbar>label{cursor:pointer;white-space:nowrap;align-items:center;gap:7px;margin:0;display:flex}.concept-selection-toolbar>span{color:var(--color-muted);font-variant-numeric:tabular-nums;margin-left:auto}.project-concepts .concept-selection-toolbar button{min-height:30px;padding:4px 6px}.project-concepts .concept-selection-toolbar input,.project-concepts .concept-card-select input{width:18px;height:18px;min-height:0;accent-color:var(--color-accent);cursor:pointer;margin:0;padding:0}.project-concepts .concept-reference{transition:border-color .15s,background-color .15s;position:relative}.concept-reference.is-excluded .concept-image{opacity:.5}.project-concepts .concept-card-select{z-index:1;cursor:pointer;background:#fffffff2;border-radius:7px;place-items:center;width:30px;height:30px;margin:0;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 1px 4px #0002}.concept-card-select:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.concept-card-select .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,.button{border-radius:6px;min-height:36px;padding:8px 14px;font-size:13px;transition:background-color .15s,border-color .15s,color .15s}button:hover,.button:hover{filter:none}button:not(.secondary):not(.text-button):not(.concept-reference-title):hover:not(:disabled),.button:not(.secondary):hover{background:var(--color-accent-hover)}.secondary{color:var(--color-text);background:#ededf0;border-color:#0000}.secondary:hover:not(:disabled){background:#e2e2e7;border-color:#0000}.text-button{color:var(--color-muted);background:0 0;border:0}.text-button:hover:not(:disabled){color:var(--color-text);background:var(--color-hover)}button:disabled{opacity:.42}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.app-shell{padding-inline:32px}.topbar,.footer{border-color:var(--color-border)}.brand{letter-spacing:-.025em;gap:10px;font-size:14px}.brand-mark,.app-workspace .topbar .brand-mark{background:var(--color-text);color:#fff;border-radius:6px;width:28px;height:28px;font:700 18px/1 system-ui,sans-serif;position:relative}.account{color:var(--color-muted);font-size:12px}.account .collect-nav{color:var(--color-text);border-radius:6px}.footer{min-height:52px;color:var(--color-muted)}h1,h2,h3{color:var(--color-text);letter-spacing:-.035em}.eyebrow,.section-kicker{color:var(--color-muted);letter-spacing:.08em}.breadcrumbs,.subtitle,.hint,.domain{color:var(--color-muted)}.tabs .active,.project-library-tabs a.active{color:var(--color-accent);border-color:var(--color-accent)}.project-library-header{gap:16px;min-height:48px}.project-workflow-context{color:var(--color-muted);align-items:center;gap:10px;font-size:12px;display:flex}.project-workflow-context a{color:var(--color-muted);text-decoration:none}.project-workflow-context [aria-current=page]{color:var(--color-text);font-weight:600}.project-workflow-context .project-reference-count{color:var(--color-muted);margin-left:4px;font-weight:400}.project-library-header .project-history-link{color:var(--color-muted);white-space:nowrap;margin-left:auto;font-size:12px;text-decoration:none}.project-library-header .project-history-link+.project-add{background:var(--color-hover);color:var(--color-text);margin-left:0}.generation-history:target{scroll-margin-top:20px}.concept-blockers{color:var(--color-muted);font-size:12px;line-height:1.5}.concept-blockers strong{color:var(--color-text);font-size:12px}.concept-blockers ul{margin:4px 0 0;padding-left:18px}.concept-blockers li+li{margin-top:4px}.concept-blockers a{color:inherit;text-underline-offset:3px;text-decoration:underline}#concept-references,#concept-settings,#concept-brief-input,#concept-rights{scroll-margin-top:20px}.reference-guidance{border-top:1px solid var(--color-border);padding:14px 0 8px}.design-settings-fields{flex-direction:column;gap:8px;min-width:0;display:flex;border-bottom:1px solid var(--color-border)!important;margin-bottom:10px!important;padding-bottom:10px!important}.design-settings-fields label{margin:0;font-size:12px}.design-purpose-picker{min-width:0;position:relative}.design-purpose-label{margin-bottom:5px;font-size:12px;font-weight:600;display:block}.design-settings-fields .design-purpose-trigger{width:100%;min-height:36px;color:var(--color-text);border:1px solid var(--color-border-strong);text-align:left;background:#fff;border-radius:5px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;font-weight:400;display:flex}.design-purpose-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.design-purpose-trigger .design-purpose-current-size{color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.design-purpose-popover{z-index:30;border:1px solid var(--color-border);background:#fff;border-radius:8px;width:max(100%,380px);max-width:calc(100vw - 48px);position:absolute;top:calc(100% + 5px);right:0;overflow:hidden;box-shadow:0 8px 30px #0000001f}.design-purpose-list{overscroll-behavior:contain;max-height:min(260px,45vh);padding:4px;overflow-y:auto}.design-purpose-group-label{color:var(--color-muted);padding:8px 8px 4px;font-size:10px;font-weight:600}.design-settings-fields button.design-purpose-option{width:100%;min-height:32px;color:var(--color-text);text-align:left;background:#fff;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:7px 8px;font-size:12px;font-weight:400;display:flex}.design-settings-fields button.design-purpose-option.is-active{background:var(--color-subtle)}.design-settings-fields button.design-purpose-option[aria-selected=true]{background:var(--color-hover);font-weight:600}.design-purpose-option>span:last-child{color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.design-purpose-popover .design-purpose-help{border-top:1px solid var(--color-border);color:var(--color-muted);padding:8px 12px;margin:0!important;font-size:10px!important}.design-settings-fields input,.design-settings-fields select{border-radius:5px;min-height:34px;margin-top:5px;padding:7px 9px;font-size:12px}.design-dimensions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px;gap:8px;display:grid}.design-dimensions input,.design-dimensions select{width:100%;min-width:0}.design-dimensions label{white-space:nowrap;min-width:0}.design-settings-fields .design-ppi{grid-template-columns:1fr 80px;align-items:center;gap:8px;display:grid}.design-ppi input{margin:0}.design-output-preview{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;padding:0;font-size:11px;display:flex}.design-output-preview strong{font-size:11px;font-weight:500}.design-output-preview details{margin:0}.design-output-preview summary{cursor:pointer;color:var(--color-muted)}.design-output-preview p{line-height:1.6;margin:6px 0 0!important;font-size:11px!important}.generation-output-sidebar .design-result-spec{color:var(--color-muted);margin:8px 0;font-size:12px;line-height:1.7}.inspector .inspector-summary{grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);align-items:start;gap:20px}.inspector .inspector-image{border-radius:6px;height:190px;margin:0}.inspector .inspector-info{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:2px 0;display:flex}.inspector .inspector-title{width:100%;margin:0}.inspector .inspector-title h1{overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.4}.inspector .reference-location{gap:5px;margin:0;font-size:11px}.inspector-source{align-items:baseline;gap:10px;max-width:100%;font-size:12px;line-height:20px;text-decoration:none;display:flex}.inspector-source>span:first-child{color:var(--color-muted);flex-shrink:0;font-size:11px}.inspector-source>span:last-child{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-source:hover>span:last-child{text-decoration:underline}.inspector-image-tools{border-top:1px solid var(--color-border);width:100%;margin-top:2px;padding-top:10px}.inspector-image-tools>summary{color:var(--color-muted);cursor:pointer;width:fit-content;font-size:12px}.inspector-image-tools .thumbnail-actions{gap:6px;margin-top:10px}.inspector-image-tools .thumbnail-actions button{min-height:32px;padding:6px;font-size:11px}.inspector .inspector-image-tools .image-help{margin:8px 0 0;font-size:11px;line-height:1.6}.inspector .note-section{margin-top:18px;padding-top:18px}@media (width<=600px){.inspector .inspector-summary{grid-template-columns:minmax(0,1fr);gap:12px}.inspector .inspector-image{height:200px}.inspector .inspector-info{gap:10px;padding:0}.inspector .inspector-title h1{font-size:20px}}.reference-guidance h2{margin:0;font-size:15px}.reference-guidance .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-guidance form{flex-direction:column;gap:14px;margin-top:0;display:flex}.reference-guidance label{margin:0}.reference-guidance p{margin:0;line-height:1.6}.reference-guidance fieldset>.hint{margin-top:8px}.reference-guidance .form-actions{flex-shrink:0;gap:8px;margin:0}.reference-guidance .text-button{align-self:flex-start}.reference-guidance fieldset{border:0;min-width:0;margin:0;padding:0}.reference-guidance legend{margin-bottom:8px;font-size:13px;font-weight:600}.reference-guidance .guidance-role-row{border-bottom:1px solid var(--color-border);padding-bottom:10px;display:block}.guidance-role-row legend{float:none;margin:0 0 8px;font-size:12px;line-height:20px}.guidance-role-row>.hint{text-align:right;margin:8px 0 0;font-size:11px}.guidance-role-groups{flex-direction:column;gap:6px;display:flex}.guidance-role-group{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:8px;display:grid}.guidance-role-group>span{color:var(--color-muted);font-size:11px;line-height:28px}.guidance-role-options{flex-wrap:wrap;gap:6px;display:flex}.guidance-role-options label{background:var(--color-subtle);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.guidance-role-options label:has(input:checked){color:var(--color-text);background:#e4e4e8;font-weight:600}.guidance-role-options input{flex-shrink:0;width:14px;height:14px;min-height:0;margin:0;padding:0}.guidance-summary{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.guidance-summary span{background:var(--color-hover);color:var(--color-text);border-radius:4px;padding:3px 7px;font-size:11px}.guidance-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:16px;display:grid}.guidance-image-panel,.guidance-notes-panel{min-width:0}.guidance-panel-heading{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-bottom:6px;font-size:12px;display:flex}.guidance-panel-heading>span,.guidance-panel-heading strong>span{color:var(--color-muted);font-size:11px;font-weight:400}.guidance-panel-heading button.text-button{min-height:26px;padding:4px 6px;font-size:11px}.guidance-panel-heading strong>span{margin-left:4px}.guidance-canvas-wrap{background:var(--color-subtle);border-radius:6px;justify-content:center;align-items:center;min-height:220px;padding:10px;display:flex;overflow:auto}.guidance-canvas{vertical-align:top;-webkit-user-select:none;user-select:none;max-width:100%;line-height:0;display:inline-block;position:relative}.guidance-canvas.drawable{cursor:crosshair;touch-action:none}.guidance-canvas img{width:auto;max-width:100%;height:auto;max-height:320px;display:block}.guidance-box{pointer-events:auto;box-sizing:border-box;cursor:move;touch-action:none;background:#ffffff1f;border:1px solid #252528;position:absolute}.guidance-box.active{z-index:1;border:2px solid #252528}.guidance-resize-handle{box-sizing:border-box;touch-action:none;background:#fff;border:2px solid #252528;border-radius:3px;width:14px;height:14px;position:absolute}.guidance-resize-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.guidance-resize-handle.ne{cursor:nesw-resize;top:-7px;right:-7px}.guidance-resize-handle.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.guidance-resize-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.guidance-box b{color:#fff;text-align:center;background:#252528;min-width:18px;height:18px;font-size:11px;line-height:18px;position:absolute;top:0;left:0}.guidance-region-list{flex-direction:column;gap:8px;max-height:340px;display:flex;overflow-y:auto}.reference-guidance .guidance-region-editor{background:var(--color-subtle);border-radius:6px;flex-shrink:0;padding:10px}.guidance-region-heading{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.guidance-region-heading strong{align-items:center;gap:6px;font-weight:600;display:flex}.guidance-region-heading strong>span{background:var(--color-text);color:#fff;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:inline-flex}.guidance-region-heading button.text-button{min-height:24px;color:var(--color-muted);padding:3px 4px;font-size:11px}.guidance-region-heading button.text-button:hover{color:#ad302c}.guidance-region-editor textarea{border-radius:5px;min-height:64px;margin:0;padding:8px 10px;font-size:12px;line-height:1.6}.guidance-empty{text-align:center;min-height:220px;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.guidance-empty-mark{color:#a0a0a8;font-size:24px;line-height:1}.guidance-empty strong{color:var(--color-text);font-size:12px;font-weight:500}.guidance-empty p{font-size:12px}.guidance-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.guidance-region-editor label{font-size:12px}.guidance-region-editor summary,.guidance-region-details summary{cursor:pointer;padding:8px 0;font-size:12px}.guidance-coordinates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.guidance-coordinates label{white-space:nowrap;flex-direction:column;gap:5px;min-width:0;font-size:11px;line-height:18px;display:flex}.guidance-coordinates input{font-variant-numeric:tabular-nums;border-radius:5px;height:34px;min-height:34px;margin:0;padding:6px 8px;font-size:12px;line-height:20px}.guidance-nudge{align-items:center;gap:5px;margin:2px 0 10px;display:flex}.guidance-nudge>span{color:var(--color-muted);margin-right:4px;font-size:11px}.guidance-nudge button{border-radius:4px;width:28px;min-height:28px;padding:3px;font-size:15px}.guidance-position-input{appearance:textfield}.guidance-position-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.guidance-position-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.reference-guidance .guidance-coordinate-hint{color:var(--color-muted);margin:8px 0 0;font-size:11px}.guidance-region-note,.guidance-region-details p{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.guidance-region-note strong{color:var(--color-muted);margin-right:6px;font-size:11px}@media (width<=600px){.guidance-workspace{grid-template-columns:minmax(0,1fr);gap:12px}.guidance-role-row legend{float:none;width:100%;line-height:20px}.guidance-role-row>.hint{width:100%;margin:8px 0 0}.guidance-canvas-wrap{min-height:0}.guidance-canvas img{max-height:280px}.guidance-empty{text-align:left;background:var(--color-subtle);border-radius:6px;align-items:flex-start;gap:4px;min-height:0;padding:12px}.guidance-empty-mark,.guidance-empty br{display:none}.guidance-coordinates{grid-template-columns:repeat(2,minmax(0,1fr))}.guidance-footer{justify-content:flex-end}.guidance-footer>.hint{display:none}}.project-library-header h1{font-size:19px;font-weight:650}.project-library-tabs{align-self:flex-end;gap:20px;height:38px}.project-library-tabs a{gap:6px;padding:7px 0 9px;font-weight:500;line-height:20px}.project-library-tabs .project-reference-count{background:var(--color-hover);min-width:20px;height:18px;color:var(--color-muted);order:initial;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:0 5px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.project-library-tabs a.active .project-reference-count{background:var(--color-accent-soft);color:var(--color-text)}.library-workspace>.tabs{gap:24px;margin-top:4px}.library-workspace>.tabs>a{padding:8px 0 9px;font-size:13px;line-height:20px}.library-workspace>.tabs+.list-caption{margin:12px 0;line-height:20px}.project-library-header .project-add{border-radius:6px}.library-workspace .project-type-filters a{border-radius:5px}.project-type-filters a.active{background:var(--color-accent-soft);color:var(--color-accent);border-color:#0000}.reference-location-tag{background:var(--color-subtle);color:var(--color-muted);border-radius:4px;font-weight:500}.reference-location-tag:hover{background:var(--color-accent-soft);color:var(--color-accent)}.project-card,.reference-card{border-color:var(--color-border);background:var(--color-surface);border-radius:8px;padding:14px}.project-card:hover,.reference-card:hover{border-color:var(--color-border-strong);box-shadow:0 3px 12px #20212408}.thumbnail,.concept-image{background:var(--color-subtle);border-radius:5px}.thumbnail-empty{color:var(--color-muted)}.reference-card h2,.project-card h2{font-size:15px;font-weight:650;line-height:1.55}.card-note{font-size:13px;line-height:1.6}.card-bottom{font-size:11px}.reference-card .card-bottom{border-color:var(--color-border)}.card-bottom a{color:var(--color-muted);text-decoration:none}.card-bottom a:hover{color:var(--color-accent);text-decoration:underline}.project-card .card-add{color:var(--color-text);background:#ededf0;border-color:#0000}.project-card .card-add:hover{color:var(--color-text);background:#e2e2e7;border-color:#0000}.project-card{flex-direction:column;display:flex}.project-card>.card-preview{flex-shrink:0;margin-bottom:12px}.project-card>.card-preview+h2{margin-top:0}.project-card>.card-add{margin-top:auto}.project-card>.card-bottom{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.project-empty-cover{aspect-ratio:16/10;background:var(--color-subtle);text-align:center;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:18px 12px;display:flex}.project-empty-cover>strong{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.5}.project-empty-cover>span{color:var(--color-muted);word-break:keep-all;max-width:210px;font-size:11px;line-height:1.5}.project-empty-art{color:#9b9ba3;width:76px;height:54px;margin-bottom:9px;position:relative}.project-empty-art>span{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:5px;position:absolute;inset:5px 10px}.project-empty-art>span:first-child{transform:rotate(-12deg)translate(-7px)}.project-empty-art>span:nth-child(2){transform:rotate(9deg)translate(7px)}.project-empty-art>span:last-child{place-items:center;display:grid;box-shadow:0 2px 5px #00000008}.project-empty-art svg{width:28px;height:25px}.project-card>.card-preview:hover .project-empty-cover{background:var(--color-hover)}input,select,textarea{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text);border-radius:6px}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)}input[type=checkbox]{accent-color:var(--color-accent)}.menu,.classification-panel,dialog{border-color:var(--color-border);background:var(--color-surface);border-radius:8px;box-shadow:0 12px 40px #1c24321a}.menu button{text-align:left;justify-content:flex-start}.compact-workspace,.reference-browser,.inspector,.generation-result,.generation-layout{border-color:var(--color-border);border-radius:10px}.reference-browser{background:var(--color-subtle)}.rail-item{border-radius:6px}.rail-item.active{background:var(--color-surface);border-color:var(--color-focus)}.project-concepts .concept-brief,.project-concepts .concept-inputs,.project-concepts .concept-submit{border-color:var(--color-border);border-radius:8px}.project-concepts .concept-reference{border-color:var(--color-border);border-radius:6px}.project-concepts .concept-reference.is-selected{border-color:var(--color-focus)}.project-concepts .concept-reference.is-excluded{border-color:var(--color-border);background:var(--color-subtle)}.project-concepts button.concept-reference-title{color:var(--color-text);letter-spacing:-.02em;min-height:46px;max-height:46px;font-size:16px;font-weight:700;line-height:23px}.project-concepts .concept-reference .concept-note{min-height:44px;color:var(--color-muted);font-size:14px;font-weight:400;line-height:22px}.project-concepts button.concept-reference-title:hover{color:var(--color-accent);background:0 0}.project-concepts .concept-selection-toolbar input,.project-concepts .concept-card-select input{accent-color:var(--color-accent)}.project-concepts .concept-card-select{border-radius:5px;box-shadow:0 1px 5px #00000014}.project-concepts .generation-policy{background:var(--color-subtle);border:0;border-radius:6px;padding:12px}.project-concepts .generation-policy strong{font-weight:600}.concept-inputs>.section-heading button{background:var(--color-surface)}.project-concepts .concept-help{color:var(--color-muted)}.concept-metrics>.generation-policy{background:0 0}.notice,.success{background:var(--color-accent-soft);color:var(--color-accent);border-radius:6px}.login-panel{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:520px;margin:clamp(24px,5vh,56px) auto;display:flex}.login-panel>.eyebrow{margin:0 0 16px}.login-panel h1{letter-spacing:-.055em;width:100%;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.3}.login-panel>.subtitle{max-width:440px;margin:16px 0 28px;font-size:14px;line-height:1.7}.login-panel>.notice{box-sizing:border-box;text-align:left;width:100%;margin:0 0 16px}.login-panel>.login-form{text-align:left;border-radius:10px;width:100%;max-width:420px;margin:0;padding:28px;box-shadow:0 4px 24px #00000005}.login-panel .login-form h2{text-align:center;margin:0 0 24px;font-size:18px}.login-panel .login-form>.hint{text-align:center;margin:16px 0 0}.generation-result-page{max-width:1200px;margin:auto}.generation-result-page>.workspace-heading{margin:0 0 8px}.generation-page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.generation-page-heading h1{margin:0;font-size:24px;line-height:32px}.generation-page-heading>.generation-policy{background:0 0;border:0;max-width:420px;margin:0;padding:0}.generation-page-heading>.generation-policy:has(button[aria-expanded=true]){border:1px solid var(--color-border);padding:12px}.generation-result-page>.hint{margin:0 0 16px;font-size:12px}.generation-result-page>.generation-result{border-radius:8px;padding:16px}.generation-result>.section-heading{gap:12px;margin:0 0 12px}.generation-result>.section-heading h2{margin:0;font-size:15px}.generation-result>.section-heading>span{color:var(--color-muted);font-size:11px}.generation-output-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}.generation-output-preview{min-width:0}.generation-image-stage{background:var(--color-subtle);border-radius:6px;place-items:center;height:clamp(320px,65vh,660px);padding:12px;display:grid;overflow:hidden}.generation-image-stage>.generated-image{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;display:block}.generation-image-pending{text-align:center;color:var(--color-text);font-size:16px}.generation-image-pending span{color:var(--color-muted);margin-top:10px;font-size:12px;display:inline-block}.generation-output-preview>.region-prototype{border-radius:6px;margin:10px 0 0;padding:10px 12px;font-size:12px}.generation-output-sidebar{border-left:1px solid var(--color-border);flex-direction:column;gap:12px;min-width:0;padding-left:20px;display:flex}.generation-output-sidebar>.button,.generation-output-sidebar>button{width:100%;min-height:34px;margin:0;font-size:12px}.generation-result-summary{border-bottom:1px solid var(--color-border);padding:12px 0;font-size:13px}.generation-brief-excerpt{-webkit-line-clamp:3;color:var(--color-muted);-webkit-box-orient:vertical;margin:8px 0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.generation-result-summary>span{color:var(--color-muted);font-size:11px}.generation-primary-actions{border-bottom:1px solid var(--color-border);flex-direction:column;gap:6px;padding:0 0 12px;display:flex}.generation-primary-actions>.button{width:100%;min-height:36px;font-size:13px}.generation-primary-actions>.text-button{width:100%;min-height:32px;color:var(--color-muted);font-size:12px}.generation-output-sidebar .generation-result-summary{border-bottom:0;padding-top:0}.generation-output-sidebar>.generation-result-delete{min-height:32px;color:var(--color-muted);align-self:flex-end;padding:6px 8px;font-size:12px}.generation-output-sidebar>.generation-result-delete:hover{color:#ad302c}.generation-output-sidebar>.generation-notes{background:var(--color-subtle);overflow-wrap:anywhere;border-radius:6px;margin:0;padding:10px 12px;font-size:12px}.generation-output-sidebar .generation-notes summary{cursor:pointer;font-size:12px;font-weight:600}.generation-output-sidebar .generation-notes h3{margin:12px 0 6px;font-size:12px}.generation-output-sidebar .generation-notes p{font-size:12px;line-height:1.6}.generation-output-sidebar>.hint{margin:0;font-size:11px;line-height:1.7}.generation-output-sidebar>.form-actions{border-top:1px solid var(--color-border);flex-direction:column-reverse;gap:8px;margin:0;padding-top:12px;display:flex}.generation-output-sidebar>.form-actions button{width:100%;min-height:32px;font-size:12px}.generation-output-sidebar>.form-actions button:first-child{color:var(--color-muted);background:0 0}@media (width<=800px){.generation-output-layout{grid-template-columns:minmax(0,1fr)}.generation-output-sidebar{border-left:0;border-top:1px solid var(--color-border);padding-top:16px;padding-left:0}.generation-image-stage{height:clamp(280px,55vh,500px)}.generation-page-heading{flex-wrap:wrap;align-items:flex-start;gap:8px}}:root{--motion-fast:.14s;--motion-base:.2s;--motion-ease:cubic-bezier(.2,.7,.2,1)}.project-card,.reference-card{transition:transform var(--motion-base) var(--motion-ease),border-color var(--motion-fast),box-shadow var(--motion-base)}.card-preview{border-radius:5px;overflow:hidden}.card-preview .thumbnail img{transition:transform .24s var(--motion-ease)}.project-concepts .concept-reference{transition:border-color var(--motion-fast),background-color var(--motion-fast),box-shadow var(--motion-fast)}.concept-reference .concept-image img{transition:opacity var(--motion-fast)}button,.button{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform .1s var(--motion-ease)}button:not(:disabled):not(.concept-reference-title):active,.button:active{transform:translateY(1px)}.project-type-filters a,.project-library-tabs a{transition:background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}.classification-manager[open]>.classification-panel,.card-bottom details[open]>.menu{animation:menu-appear .15s var(--motion-ease) both}dialog[open]{animation:dialog-appear .18s var(--motion-ease) both}@keyframes menu-appear{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}@keyframes dialog-appear{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (hover:hover) and (pointer:fine){.project-card:hover,.reference-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000009}.card-preview:hover .thumbnail img{transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.project-card:hover,.reference-card:hover,.card-preview:hover .thumbnail img,button:active,.button:active{transform:none!important}}@media (width<=720px){.app-shell{padding-inline:16px}.project-library-header{gap:8px}.project-card,.reference-card{padding:12px}.login-panel{gap:0;margin:24px auto}.login-panel>.login-form{max-width:420px;padding:24px}}