@charset "UTF-8";:root{font-family:Segoe UI,Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;--accent:#14785d;--dark:#0c5944;--muted:var(--muted);--line:var(--line);--side:196px;--top:60px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,input,select,textarea,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}span[data-icon]{display:inline-flex;align-items:center}button svg{pointer-events:none}input,textarea{min-width:0}textarea{resize:vertical;line-height:1.85}::selection{background:var(--soft)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;z-index:150;padding:12px;background:#fff}.skip-link:focus{top:12px}.app-shell{height:100dvh;display:grid;grid-template-columns:var(--side) minmax(0,1fr);grid-template-rows:var(--top) minmax(0,1fr);background:var(--canvas);max-width:1920px;margin:auto}.sidebar{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;min-height:0;padding:26px 14px 0;background:var(--sidebar);border-right:1px solid var(--line);z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 1px 32px;white-space:nowrap}.brand-mark{width:29px;height:34px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:var(--brand);border-radius:7px;transform:rotate(-5deg);box-shadow:0 2px 3px #20382c12}.brand-mark i{width:15px;height:5px;background:var(--brand-mark);border-radius:1px}.brand-mark i:last-child{height:8px}.brand-caption{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 16px;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}.button:hover{background:var(--soft)}.button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:var(--dark)}.button.quiet{border-color:transparent;background:transparent;padding:8px 10px;font-weight:500}.button.quiet:hover{background:var(--soft)}.button svg{width:17px;height:17px}.icon-button{width:34px;height:34px;padding:7px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px;flex-shrink:0;color:var(--muted)}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:var(--soft);color:var(--accent)}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent);padding:4px 0;line-height:1.8}.text-button svg{width:15px;height:15px}.text-button:hover{text-decoration:underline}.new-button{width:100%;margin-bottom:27px}.nav-item{display:flex;width:100%;align-items:center;gap:10px;min-height:44px;padding:10px;border-radius:7px;font-size:14px;margin-bottom:4px;color:var(--muted);text-align:left}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:var(--soft)}.nav-item.active{background:#fff;color:var(--accent);font-weight:650;box-shadow:0 1px 4px #21462b06}.sidebar-section{margin:28px 10px 10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.sidebar-section svg{width:15px;height:15px}.group-dot{width:8px;height:8px;border-radius:3px;background:#7593a0;flex-shrink:0;margin:0 5px}.group-dot.gold{background:#baa06d}.sidebar-bottom{margin-top:auto;padding-top:24px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.avatar{width:32px;height:32px;background:var(--soft);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.profile strong{font-size:13px;font-weight:600}.profile-help{margin-left:auto}.topbar{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 30px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);min-width:0}.workspace-label,.breadcrumb-slash{display:none}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.mock-help{font-size:12px;color:var(--muted);padding:4px 10px;border:1px solid #e3e8e4;border-radius:5px}.mobile-menu,.app-shell[data-screen=home] #breadcrumb{display:none}.home,.collection,.detail{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.home,.collection{padding:30px 32px 40px}.page-width{max-width:1140px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}h1{font-size:27px;line-height:1.45;font-weight:650;letter-spacing:-.6px}.home-switch{display:none}.home-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.ranking-group{background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0;overflow:hidden}.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 21px 16px}.ranking-heading h2{font-size:17px;font-weight:650;line-height:1.6;display:flex;gap:9px;align-items:center}.ranking-heading h2 svg{color:var(--accent);width:18px;height:18px}.section-unit{font-size:12px;color:var(--muted);white-space:nowrap}.ranking-list{padding:0 12px 8px}.ranking-item{display:flex;align-items:center;gap:9px;width:100%;padding:13px 8px;text-align:left;min-height:78px;border-top:1px solid #edf1ed;transition:background .15s;border-radius:4px}.ranking-item:hover{background:var(--soft)}.ranking-position{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:15px;text-align:center;flex-shrink:0}.ranking-item:first-child .ranking-position{font-weight:700;color:var(--accent)}.ranking-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.ranking-copy strong{font-size:15px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}.ranking-copy>span{font-size:13px;color:var(--muted);line-height:1.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-metric{display:flex;align-items:center;gap:4px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;flex-shrink:0}.ranking-metric small{font-size:11px}.ranking-metric svg{width:13px;height:13px;color:#a39468}.ranking-category{grid-column:1/-1}.ranking-category .ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;padding-left:18px;padding-right:18px}.ranking-category-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 18px}.category-tab{font-size:14px;line-height:1.5;padding:7px 16px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:var(--surface)}.category-tab.active{background:var(--soft);color:var(--accent);border-color:var(--accent-border);font-weight:600}.prompt-type{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--soft);color:#648773;border-radius:8px}.prompt-type svg{width:19px;height:19px}.prompt-type.blue{background:#ecf1f8;color:#6a88ad}.prompt-type.gold{background:#f6f1e5;color:#a99258}.prompt-type.purple{background:#f2edf7;color:#9c80b7}.ranking-item .prompt-type{width:30px;height:32px;border-radius:7px}.ranking-item .prompt-type svg{width:16px;height:16px}.collection-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-box{height:46px;min-width:0;flex:1;max-width:520px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px}.search-box>span{color:#8d9a90}.search-box input{width:100%;flex:1;border:0;outline:none;font-size:15px;background:none}.search-box input::placeholder{color:#98a299}.search-box:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--focus)}.search-submit{width:30px;height:32px;display:flex;align-items:center;justify-content:center;color:#7f9485}.search-submit svg{width:17px;height:17px}.filter-button{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 12px;min-height:44px;font-size:13px;color:var(--muted);white-space:nowrap}.filter-button svg{width:16px;height:16px}.filter-button #filter-count:not(:empty){padding:1px 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px}.filter-panel{padding:20px;border:1px solid var(--line);border-radius:9px;background:#fff;margin-bottom:20px;display:flex;gap:35px;flex-wrap:wrap}.filter-group h3{font-size:13px;font-weight:500;color:#738277;margin-bottom:10px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:7px 10px;color:var(--muted);background:#fff}.filter-chip.active{background:var(--soft);border-color:var(--accent-border);color:var(--accent)}.list-caption{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:13px}.sort-label{margin-left:auto}.sort-label select{font-size:13px;border:0;background:transparent;color:var(--muted);max-width:165px;padding:6px}.view-switch{display:flex;background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px}.view-switch .icon-button{width:29px;height:28px}.view-switch .icon-button svg{width:16px;height:16px}.view-switch .active{background:var(--soft);color:var(--accent)}.prompt-list{display:flex;flex-direction:column;gap:11px}.prompt-card{display:flex;position:relative;align-items:center;min-width:0;border:1px solid var(--line);border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.prompt-card:hover{border-color:var(--accent-border);box-shadow:0 2px 7px #28433106}.prompt-select{display:flex;align-items:center;gap:18px;padding:20px 14px 20px 22px;flex:1;min-width:0;text-align:left}.card-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.card-title{font-size:16px;line-height:1.6;font-weight:600}.card-description{font-size:14px;line-height:1.65;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;line-height:1.5}.visibility{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 7px;color:var(--muted);background:var(--surface);border-radius:5px;white-space:nowrap;font-weight:400}.visibility svg{width:13px;height:13px}.card-star{margin-right:16px}.saved{color:#b09a59}.saved svg{fill:#b09a5914}.prompt-list.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid .prompt-card{align-items:stretch}.grid .prompt-select{display:flex;flex-wrap:wrap;align-items:flex-start;padding:21px;gap:13px}.grid .card-copy{flex-basis:100%}.grid .card-description{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.grid .visibility{order:-1;margin-left:auto;margin-right:23px}.grid .card-star{position:absolute;right:10px;top:16px;margin:0}.empty-state{text-align:center;padding:60px 25px;color:#859385;font-size:14px;line-height:1.9}.empty-state svg{width:35px;height:35px;margin-bottom:14px}.empty-state h2{font-size:18px;margin-bottom:12px;color:#5c7360}.empty-state .button{margin-top:18px}.detail{background:#fff}.detail-wrap{max-width:850px;min-height:100%;margin:0 auto;display:flex;flex-direction:column}.detail-body{padding:25px 34px 32px}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}.back-button{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);padding:6px 0;line-height:1.8}.back-button svg{width:16px;height:16px}.back-button:hover{color:var(--accent)}.detail-tools{display:flex;align-items:center;gap:5px}.detail-tools .button{min-height:36px;font-size:13px}.detail-heading h1{font-size:27px;margin:13px 0 11px;line-height:1.5}.detail-heading>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:700px}.prompt-info{margin-top:14px;font-size:13px;color:var(--muted)}.prompt-info summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:5px 0}.prompt-info summary svg{width:13px;height:13px}.prompt-info dl{margin:12px 0;padding:15px 18px;background:var(--surface);border-radius:7px}.prompt-info dl>div{display:flex;gap:20px;line-height:1.9;margin:3px 0}.prompt-info dt{width:55px;flex-shrink:0;color:#90a08b}.prompt-info dd{margin:0;color:var(--muted);overflow-wrap:anywhere}.detail-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:23px 0 27px}.detail-tab{font-size:15px;padding:0 4px 13px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted)}.detail-tab.active{color:var(--accent);border-color:var(--accent);font-weight:600}.input-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.input-heading h2{font-size:16px;font-weight:600}.field{display:block;margin-bottom:22px}.field-label{display:block;font-size:14px;font-weight:550;line-height:1.6;margin-bottom:9px;color:var(--ink)}.field input,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px 13px;font-size:16px;line-height:1.85;color:var(--ink)}.field input::placeholder,.field textarea::placeholder{font-size:14px;color:#a2afa0}.field input:focus,.field textarea:focus{border-color:var(--accent-border);outline:none;box-shadow:0 0 0 3px var(--focus)}.field textarea{min-height:140px}.field [aria-invalid=true]{border-color:#c78c74;background:#fffaf6}.field-error{display:block;margin-top:7px;font-size:13px;color:#b06043}.privacy-note{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 24px}.privacy-note svg{width:13px;height:13px}.preview-box{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.preview-box summary{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;font-size:14px;color:var(--muted);cursor:pointer;list-style:none}.preview-box summary svg{width:16px;height:16px}.preview-body,.template-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:16px;line-height:1.9;color:var(--ink);margin:0;padding:20px}.preview-body{padding-top:0}.template-body{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:25px}.template-body mark{background:#dcecd5;color:#527545;border-radius:3px;padding:2px 3px}.detail-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;bottom:0;background:#ffffffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:18px 34px;margin-top:auto}.copy-actions{display:flex;gap:10px;align-items:center}.copy-progress{font-size:12px;color:var(--muted);white-space:nowrap}.copy-actions .button{font-size:14px}.history-row{border-left:2px solid #dcebd8;padding:5px 0 22px 18px}.history-row h2{font-size:16px}.history-row p{font-size:14px;margin-top:11px;color:var(--muted)}.history-current{font-size:11px;padding:3px 7px;border-radius:4px;background:#edf5e9;color:#7c9b70;margin-left:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:13px 19px;border-radius:8px;background:var(--brand);color:#fff;font-size:14px;line-height:1.8;box-shadow:0 5px 25px #293e2b29;z-index:150;max-width:calc(100vw - 30px)}dialog{width:min(570px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #dfe7db;border-radius:13px;color:var(--ink);box-shadow:0 22px 80px #1a362b2b;overflow-y:auto}dialog::backdrop{background:#1538284d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.dialog-header h2{font-size:20px;letter-spacing:-.4px}.dialog-body{padding:25px 26px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.dialog-footer .note{font-size:12px;color:var(--muted);line-height:1.8;margin-right:auto}.dialog-intro{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:20px}.editor-dialog{width:min(790px,calc(100vw - 28px))}.editor-dialog [name=body]{min-height:300px}.editor-dialog [name=description]{min-height:88px}.editor-options{border-top:1px solid var(--line);margin-top:7px}.editor-options summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:14px;color:var(--muted);list-style:none;cursor:pointer}.editor-options summary svg{width:16px;height:16px}.editor-options-body{padding:5px 0 0}.form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.input-help{font-size:13px;color:var(--muted);line-height:1.9;margin-top:13px}.compact-dialog{max-width:430px}.form-alert{font-size:14px;line-height:1.9;color:#aa6346;background:#fff6ed;padding:12px 14px;border-radius:6px;margin-bottom:18px}.share-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:10px;cursor:pointer}.share-option:has(input:checked){border-color:var(--accent-border);background:var(--soft)}.share-option input{accent-color:var(--accent);margin-top:5px}.share-option strong{font-size:15px;font-weight:600}.share-option small{display:block;font-size:13px;line-height:1.8;color:var(--muted);margin-top:5px}.share-group-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin:14px 0}.share-group-row label{display:flex;gap:8px;align-items:center}.share-group-row input{accent-color:var(--accent)}.share-group-row select{font-size:13px;border:1px solid var(--line);padding:7px;border-radius:6px}.share-warning{background:#f8f4e9;color:#97804f;font-size:13px;line-height:1.9;padding:13px 15px;border-radius:7px;margin-top:20px}.manual-copy{width:100%;min-height:260px;border:1px solid var(--line);padding:14px;border-radius:8px;line-height:1.85;font-size:16px}.guide-steps{display:flex;flex-direction:column;gap:22px;counter-reset:step}.guide-step{display:flex;gap:13px}.guide-step:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:25px;height:25px;background:#edf5e7;color:#779868;border-radius:6px;font-size:12px;flex-shrink:0}.guide-step strong{font-size:15px;font-weight:600}.guide-step p{font-size:13px;line-height:1.9;color:#83937a;margin-top:6px}.guide-note{font-size:13px;line-height:1.9;background:#f4f7ef;padding:15px;border-radius:8px;color:#8b9c80;margin-top:24px}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:var(--brand);color:#fff;padding:38px 45px 28px;display:flex;flex-direction:column;overflow:hidden}.login-art .brand{font-size:23px}.login-art-content{margin:auto 0;padding:45px 0}.login-art h2{font-size:clamp(28px,3.6vw,45px);font-weight:500;line-height:1.55;letter-spacing:-1px}.login-kicker,.login-art-footer{display:none}.login-art-content>p{font-size:15px;line-height:2;color:var(--brand-mark);margin-top:22px}.sample-stack{width:min(360px,95%);height:220px;position:relative;margin:45px 0 10px 10px}.sample-sheet{position:absolute;inset:0;border-radius:10px}.sample-sheet.back{background:#466b49;transform:rotate(-7deg)}.sample-sheet.middle{background:#85a77c;transform:rotate(4deg) translate(8px,8px)}.sample-sheet.front{background:#f6faef;color:#456441;padding:25px;transform:rotate(-2deg)}.sample-sheet-label{font-size:10px;letter-spacing:1.2px;color:#9baf8e}.sample-sheet h3{font-size:16px;line-height:1.8;margin:13px 0}.sample-sheet p{font-size:13px;line-height:1.9;color:#8b9f7f}.sample-sheet mark{background:#e0edcf;color:#698b53;padding:2px 4px;border-radius:3px}.sample-sheet-foot{display:flex;gap:8px;margin-top:16px;font-size:11px;color:#8a9d7d}.sample-sheet-foot span:last-child{margin-left:auto}.login-form-area{padding:30px 38px;display:flex;flex-direction:column}.login-demo-label{font-size:12px;color:#9caa93;text-align:right}.login-form{width:min(360px,100%);margin:auto;padding:50px 0}.login-form .eyebrow{display:none}.login-form h1{font-size:29px}.login-description{font-size:15px;line-height:1.9;color:var(--muted);margin:18px 0 32px}.provider-button{display:flex;align-items:center;gap:17px;width:100%;min-height:54px;border:1px solid var(--line);border-radius:8px;padding:14px 20px;font-size:15px;margin-top:12px;background:#fff}.provider-button:hover{background:var(--surface)}.provider-button>span:last-child{margin-left:auto;color:#94a887}.google-mark{font-size:23px;font-family:Arial,sans-serif;font-weight:700;color:#4285f4;width:22px}.microsoft-mark{width:20px;height:20px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.microsoft-mark i{background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.provider-hint{font-size:12px;color:var(--muted);line-height:1.9;margin:13px 0 23px}.login-boundary{padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:var(--muted)}.login-explore{margin:24px auto 0;font-size:13px}.login-footer{display:flex;justify-content:space-between;font-size:11px;color:#a0af94}.card-meta .list-visibility{display:none}@media(min-width:1500px){:root{--side:220px}.home,.collection{padding:36px 45px 45px}.ranking-copy strong{font-size:16px}.ranking-copy>span{font-size:14px}}@media(max-width:1000px){:root{--side:182px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:16px;gap:8px}.home,.collection{padding:26px 23px 35px}.home-rankings{gap:18px}.ranking-heading{padding:18px 16px 13px}.ranking-heading h2{font-size:16px}.ranking-item{gap:7px;padding-left:3px;padding-right:3px}.ranking-item .prompt-type{width:27px;height:29px}.ranking-copy strong{font-size:14px}.ranking-copy>span{font-size:12px}.ranking-metric{font-size:12px}.ranking-position{font-size:11px;min-width:13px}.ranking-heading .section-unit{font-size:11px}}@media(max-width:830px){.home-switch{display:flex;gap:5px;padding:4px;background:var(--soft);border-radius:9px;margin-bottom:22px}.home-switch button{flex:1;padding:10px 8px;font-size:14px;color:#778b79;border-radius:6px}.home-switch button.active{background:#fff;color:var(--accent);font-weight:600;box-shadow:0 1px 4px #1835230a}.home-rankings{display:block}.ranking-group{display:none}.ranking-group.is-current,.ranking-category .ranking-list{display:block}.ranking-heading{padding:20px 20px 15px}.ranking-heading h2{font-size:17px}.ranking-copy strong{font-size:16px}.ranking-copy>span{font-size:13px}.ranking-item{gap:10px;min-height:79px;padding:13px 8px}.ranking-item .prompt-type{width:32px;height:34px}.ranking-position{font-size:12px;min-width:16px}.ranking-metric{font-size:13px}.ranking-heading .section-unit{font-size:12px}.detail-body{padding:23px 28px}.detail-footer{padding:17px 28px}.prompt-select{padding:18px;gap:13px}.prompt-select>.visibility{display:none}.card-meta .list-visibility{display:inline}.prompt-list.grid{grid-template-columns:1fr}.detail-heading h1{font-size:25px}.copy-progress{display:none}.detail-footer{justify-content:flex-end}.login-art{padding:30px}.login-art-content>p{font-size:13px}.sample-sheet.front{padding:20px}.sample-sheet h3{font-size:14px}.login-form-area{padding:26px}.login-form h1{font-size:26px}}@media(max-width:620px){:root{--top:56px}.app-shell{grid-template-columns:minmax(0,1fr)}.topbar,.home,.collection,.detail{grid-column:1}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;transform:translate(-100%);transition:transform .18s;box-shadow:8px 0 30px #193b2519;padding:28px 18px 0}.sidebar.open{transform:translate(0)}.sidebar .brand{font-size:19px}.sidebar-scrim{position:fixed;inset:0;background:#18352855;z-index:20}.mobile-menu{display:inline-flex}.topbar{padding:0 17px}.home,.collection{padding:19px 16px 30px}.home-switch{margin-bottom:18px}.home-switch button{font-size:13px}.ranking-heading{padding:18px 16px 14px}.ranking-heading h2{font-size:16px}.ranking-copy strong{font-size:15px}.ranking-copy>span{font-size:13px}.ranking-item{gap:8px;padding:12px 2px;min-height:78px}.ranking-item .prompt-type{width:30px;height:32px}.ranking-metric{font-size:12px}.ranking-list,.ranking-category .ranking-list{padding:0 10px 6px}.ranking-category-tabs{padding:0 17px 14px;gap:6px}.category-tab{font-size:13px;padding:7px 12px}.page-heading{margin-bottom:20px}h1{font-size:25px}.collection-toolbar{gap:8px;margin-bottom:17px}.search-box{height:44px;padding:0 10px}.search-box input{font-size:14px}.filter-button{padding:10px;font-size:12px;gap:4px}.filter-button svg{width:14px;height:14px}.filter-panel{padding:17px;gap:22px}.list-caption{font-size:12px;gap:8px}.sort-label select{font-size:12px;max-width:145px}.prompt-select{gap:12px;padding:17px 8px 17px 15px}.prompt-select>.prompt-type{width:31px;height:33px}.card-title{font-size:15px}.card-description{font-size:13px}.card-meta{font-size:11px}.card-star{margin-right:7px;width:29px;height:31px}.detail-body{padding:17px 20px 28px}.detail-toolbar{gap:8px;flex-wrap:wrap;margin-bottom:22px}.back-button{font-size:12px}.detail-tools{gap:0}.detail-tools .button{font-size:12px;padding:7px}.detail-tools .button svg{width:14px;height:14px}.detail-heading h1{font-size:23px}.detail-heading>p{font-size:14px}.detail-tabs{margin:19px 0 25px}.field-label{font-size:14px}.field input,.field textarea{font-size:16px}.input-heading h2{font-size:15px}.input-heading .text-button{font-size:12px}.detail-footer{padding:14px 17px}.copy-actions{width:100%;gap:8px}.copy-actions .button{font-size:12px;padding:10px 11px}.copy-actions .primary{flex:1}.template-body{font-size:15px;padding:19px}.preview-body{font-size:15px;padding:0 17px 18px}.dialog-header{padding:18px 20px}.dialog-header h2{font-size:18px}.dialog-body{padding:21px 20px}.dialog-footer{padding:15px 20px;flex-wrap:wrap}.dialog-footer .note{flex-basis:100%;font-size:11px;margin-bottom:3px}.form-pair{grid-template-columns:1fr;gap:0}.editor-dialog [name=body]{min-height:260px}.share-option{padding:13px;gap:9px}.share-option strong{font-size:14px}.share-option small{font-size:12px}.share-group-row,.toast{font-size:13px}.login-page{display:flex;flex-direction:column}.login-art{padding:23px 27px}.login-art .brand{font-size:20px;margin-bottom:0}.login-art-content{padding:24px 0 7px}.login-art h2{font-size:25px}.login-art h2 br{display:none}.login-art-content>p,.sample-stack{display:none}.login-form-area{padding:20px 27px 25px;min-height:540px;flex:1}.login-demo-label{font-size:11px}.login-form{padding:35px 0}.login-description{font-size:14px}.provider-button{font-size:14px;padding:13px 17px}.provider-hint{font-size:11px}.login-boundary{font-size:12px}.login-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}:root{--ink:#26333d;--muted:#65737c;--line:#dce3e5;--surface:#f5f7f8;--canvas:#f7f9fa;--sidebar:#f0f4f3;--accent:#14785d;--dark:#0c5944;--soft:#eaf4ef;--accent-border:#94b9aa;--focus:#14785d18;--brand:#254b3e;--brand-mark:#b1dfcc}:root[data-theme=blue]{--accent:#2563a9;--dark:#184a85;--soft:#eaf1fb;--accent-border:#9ab7d9;--focus:#2563a918;--sidebar:#f0f3f7;--brand:#233f65;--brand-mark:#c0d9f4}:root[data-theme=slate]{--accent:#475569;--dark:#293648;--soft:#eef1f5;--accent-border:#a8b3c1;--focus:#47556918;--sidebar:#f1f3f5;--brand:#2e3846;--brand-mark:#d3dce8}:root[data-theme=amber]{--accent:#986017;--dark:#74430c;--soft:#fbf2e6;--accent-border:#ceb085;--focus:#98601718;--sidebar:#f6f3ed;--brand:#61472d;--brand-mark:#f3d6a4}.app-content{grid-column:2;grid-row:2;overflow-y:auto;min-width:0;min-height:0;overscroll-behavior:contain;outline:none}.page-inner{overflow:visible}.detail.page-inner{min-height:100%;height:auto}.plain-page{padding:32px;min-height:100%;background:#fff}.narrow-page{max-width:790px;margin:auto}.narrow-page>h1{margin:14px 0 26px}.brand-symbol{color:var(--accent);width:28px;height:32px}.sidebar nav[aria-label=グループ]{overflow-y:auto;min-height:0;max-height:38vh}.sidebar .profile strong{overflow-wrap:anywhere}.sidebar .profile{min-width:0}.profile>span:nth-child(2){min-width:0;flex:1}.nav-item{overflow-wrap:anywhere}.topbar-right .text-button{font-size:13px}.muted{color:var(--muted)}.small{font-size:12px}.sub-tabs{display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:18px 0 26px}.sub-tabs button{padding:12px 2px;color:var(--muted);border-bottom:2px solid transparent;font-size:14px}.sub-tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.field select,.filter-panel input,.field input[type=file]{border:1px solid var(--line);border-radius:7px;padding:11px 13px;min-height:44px;background:#fff;max-width:100%;width:100%}.field select{font-size:15px}.filter-panel>label{display:flex;flex-direction:column;gap:8px;font-size:13px;max-width:100%}.filter-panel input[type=checkbox]{width:auto;align-self:start}.settings-section{padding:26px 0;border-top:1px solid var(--line);margin-top:22px}.settings-section>h2{font-size:19px;margin-bottom:20px}.settings-section>h3{font-size:16px;margin-bottom:14px}.settings-section>.input-help{margin:0 0 18px}.settings-section>.button{margin:10px 10px 14px 0}.settings-section summary{cursor:pointer;font-weight:600}.inline-actions{display:flex;flex-wrap:wrap;gap:16px;margin:15px 0}.settings-section>.field{margin-top:20px}.settings-card{padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}.settings-card h2{font-size:18px;margin:12px 0}.settings-card p{font-size:14px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.settings-card .visibility{margin:14px 12px 0 0}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card>svg{color:var(--accent)}.member-row{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.member-row>span:first-child{flex:1;min-width:0}.member-row select{max-width:130px;border:1px solid var(--line);padding:8px;border-radius:6px}.member-row .text-button{font-size:13px}.member-row small{font-size:12px;color:var(--muted)}.danger{color:#a23431}.button.danger{border-color:#dfb9b5;background:snow}.error-box{display:flex;gap:10px;align-items:start;color:#963e27;margin:18px 0}.error-box svg{flex-shrink:0;margin-top:3px;width:18px}.error-box small{display:block;overflow-wrap:anywhere}.error-box .text-button{color:#963e27}.load-more{text-align:center;margin:28px 0}.editor-body{min-height:360px!important}.editor-page h1{margin-bottom:25px}.editor-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;background:#fffffff0;padding:20px 0;border-top:1px solid var(--line);margin-top:22px}.conflict-actions{padding:16px;background:var(--surface);border-radius:8px;margin:18px 0;font-size:14px;line-height:1.8}.conflict-actions .button{margin:10px 10px 0 0}.markdown{line-height:1.8;font-size:15px;overflow-wrap:anywhere}.markdown>*+*{margin-top:12px}.markdown ul,.markdown ol{padding-left:25px}.markdown a,.prose a{color:var(--accent);text-decoration:underline}.markdown pre{overflow:auto;padding:15px;background:var(--surface);border-radius:6px}.markdown pre code{white-space:pre;font-family:monospace}.markdown blockquote{border-left:3px solid var(--accent-border);padding-left:15px;margin-left:0;color:var(--muted)}.markdown h2{font-size:19px}.markdown h3{font-size:17px}.description{color:var(--muted)}.prompt-info a{color:var(--accent);text-decoration:underline}.download-row{margin:12px 0}.import-preview,.import-result{background:var(--surface);padding:20px;border-radius:8px;margin:18px 0;line-height:1.8;font-size:14px}.import-result li,.import-preview li{overflow-wrap:anywhere}.import-result a{color:var(--accent);text-decoration:underline}.import-result details{margin-top:12px}.report-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:15px;min-height:42px}.checkbox-row input{accent-color:var(--accent)}.prose{line-height:1.9}.prose h2{font-size:20px;margin:30px 0 12px}.prose p{margin:15px 0}.login-boundary a{text-decoration:underline}.login-art .brand{color:#fff}.login-art .brand>svg{width:28px;height:28px}.topbar .theme-picker{border:1px solid var(--line);padding:6px;border-radius:6px}.share-grants{margin:25px 0}.share-grants h3{font-size:16px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:830px){.group-grid{grid-template-columns:1fr}.plain-page{padding:26px}.topbar-right>.small{display:none}}@media(max-width:620px){.app-content{grid-column:1}.plain-page{padding:20px 17px}.member-row{gap:8px;flex-wrap:wrap}.member-row>span:first-child{min-width:130px}.member-row select{font-size:13px}.group-grid{gap:12px}.narrow-page>h1{font-size:24px}.sub-tabs{gap:13px}.sub-tabs button{font-size:13px}.filter-panel{flex-direction:column}.filter-panel>label{width:100%}.list-caption{flex-wrap:wrap}.list-caption .sort-label{margin-left:auto}.editor-body{min-height:300px!important}.settings-card{padding:20px}.settings-section{padding:20px 0}.inline-actions{gap:10px}.detail-footer{z-index:3}.share-group-row select{max-width:125px}.detail-body .markdown{font-size:14px}.topbar-right{gap:6px}}